Türkiye Drone Ligi başlıyor

Artık Youtube’un da okulu var

Youtube Videolarını Arkadaşlarınızla Birlikte Canlı İzleyin!

28. Yılını Kutlayan WWW.’nin Yaratıcısından Ciddi Uyarı!

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

Hazır Tasarımlar 25 Kasım 2015
292 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ış.

İlginizi Çekebilir
Yan Kayar Menü CSS

Yan Kayar Menü CSS

7 Ekim 2016
463 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

7 Ekim 2016
374 Görüntülenme
Duyarlı ve Mega menü

Duyarlı ve Mega menü

7 Ekim 2016
333 Görüntülenme
Açılır Menü Tasarımı

Açılır Menü Tasarımı

7 Ekim 2016
330 Görüntülenme
Hareketli Radyal / Dairesel Menü

Hareketli Radyal / Dairesel Menü

7 Ekim 2016
281 Görüntülenme
Hamburger Menu – HTML, CSS & jQuery

Hamburger Menu – HTML, CSS & jQuery

7 Ekim 2016
304 Görüntülenme
CSS3 ile Desteklenmiş Responsive Navigasyon Menu

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

7 Ekim 2016
233 Görüntülenme
CSS Gooey Menu (Version 3)

CSS Gooey Menu (Version 3)

4 Ekim 2016
278 Görüntülenme
Açılıp Kapanabilen Toggle Menü

Açılıp Kapanabilen Toggle Menü

4 Ekim 2016
326 Görüntülenme
Bootstrap Dropdown Menü Tasarımı

Bootstrap Dropdown Menü Tasarımı

2 Ekim 2016
301 Görüntülenme
Bunlar da var!
Apple, Twitter ölçümleme servisi Topsyyi kapattı

Apple, Twitter ölçümleme servisi Topsyyi kapattı

16 Aralık 2015
207 Görüntülenme
Facebook ile Maçları Takip Edin!

Facebook ile Maçları Takip Edin!

23 Ocak 2016
215 Görüntülenme
Kişisel haber okuma uygulaması Zite, kapanıyor

Kişisel haber okuma uygulaması Zite, kapanıyor

20 Kasım 2015
205 Görüntülenme
Time Lapse Olarak Havalimanının Bir Günü

Time Lapse Olarak Havalimanının Bir Günü

22 Temmuz 2015
166 Görüntülenme
Asustan Snapdragon 820li cihaz geliyor

Asustan Snapdragon 820li cihaz geliyor

20 Temmuz 2015
178 Görüntülenme