WordPress Whatsapp İletişim Eklentisi

Yeni Sezona Yeni Modeller Sade Kravat’tan

Çelebizade Halı Modelleri

Beyin dalgalarıyla hareket edebilen robotik donanım

Sci-fi Loading ( Yükleniyor ) Ekrani Tasarımı

Web Tasarımlar Çarşamba Kasım 25th, 2015
522 Görüntülenme

Merhaba aradaşlar çoğu projelerimizde veya sitelerimizde loading sayfası veya loading bar kullanırız. Yani yükleniyor sayfası, Açılmasını istediğimiz sayfa açılana kadar kullanıcıya sayfanın yüklendiğini gösteren bir sayfa görüntüleriz.

Bu çalışmamızda da loading ekranı çalışması mevcut ve mevcut sayfa açılana kadar kullanıcılarımıza sayfanın yüklendiğini belirten bir ekran gösterebiliriz.

Çalışma ile ilgili gerekli kodlara aşağıdan ulaşabilirsiniz, isterseniz gerekli dosyaları konun altından indirebilir kendinize göre şekillendirebilirsiniz, Tam ekran demo görüntülemek isterseniz konu altındaki demo sayfa butonuna tıklamanız yeterlidir.

Gerekli Kodlar

Nasıl Düzenleme Yapabilirim
  • Tasarımda bulunan Webinyo.COM Yükleniyor Yazısını Değiştirmek isterseniz indirmiş olduğunuz dosya içerisindeki index.html dosyasını açıp uygun yeri kendinize göre değiştirmeniz gerekmektedir.
  • Eğer yazı büyüklüğünü değiştirmek isterseniz indirmiş olduğunuz dosya içerisinde css > style.css dosyasını açın ve içerisinde .text kodunu aratın. Kodu bulduktan sonra font-size: 50px; kısmını kendinize göre düzenleyin.
  • Webinyo.COM Yükleniyor yazısı yerine başka bir yazı yazacaksınız fakat yazı daha uzun, O zaman arkadaşlar css > style.css dosyasını açıyoruz ve .loader kodunu arıyoruz. Kodu bulduktan sonra bu kodu bulup width: 600px; değeri kendimize göre büyütüp küçülterek ayarlayabiliriz.
Yorumlar

Henüz hiç yorum yapılmamış.

Benzer İçerikler