PhotoMadness Web Site Tasarımı

Portfolio Extended Web Site Tasarımı

Radio Station Web Site Tasarımı

Simple Magazine Web Site Tasarımı

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

Web Tasarımlar Çarşamba Kasım 25th, 2015
380 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

Cuma Ekim 7th, 2016
586 Görüntülenme
Tam ekran hamburger menü

Tam ekran hamburger menü

Cuma Ekim 7th, 2016
487 Görüntülenme
Duyarlı ve Mega menü

Duyarlı ve Mega menü

Cuma Ekim 7th, 2016
444 Görüntülenme
Açılır Menü Tasarımı

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

Cuma Ekim 7th, 2016
451 Görüntülenme
Hareketli Radyal / Dairesel Menü

Hareketli Radyal / Dairesel Menü

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

Hamburger Menu – HTML, CSS & jQuery

Cuma Ekim 7th, 2016
413 Görüntülenme
CSS3 ile Desteklenmiş Responsive Navigasyon Menu

CSS3 ile Desteklenmiş Responsive Navigasyon Menu

Cuma Ekim 7th, 2016
326 Görüntülenme
CSS Gooey Menu (Version 3)

CSS Gooey Menu (Version 3)

Salı Ekim 4th, 2016
370 Görüntülenme
Açılıp Kapanabilen Toggle Menü

Açılıp Kapanabilen Toggle Menü

Salı Ekim 4th, 2016
427 Görüntülenme
Bootstrap Dropdown Menü Tasarımı

Bootstrap Dropdown Menü Tasarımı

Pazar Ekim 2nd, 2016
410 Görüntülenme
Bunlar da var!
HTC Desire 828’in Kamerası Çıtayı Yükseltiyor

HTC Desire 828’in Kamerası Çıtayı Yükseltiyor

Cumartesi Mart 26th, 2016
270 Görüntülenme
Ezine 02 Web Site Tasarımı

Ezine 02 Web Site Tasarımı

Cumartesi Nisan 22nd, 2017
95 Görüntülenme
Apple’da biten ugulamalar

Apple’da biten ugulamalar

Perşembe Ocak 28th, 2016
281 Görüntülenme
Ersağ ile Kazanın

Ersağ ile Kazanın

Salı Eylül 6th, 2016
309 Görüntülenme
Ata Demirer’in Sosyal Medyayı Sallayan Survivor Klibi

Ata Demirer’in Sosyal Medyayı Sallayan Survivor Klibi

Çarşamba Mayıs 11th, 2016
315 Görüntülenme
Türkiye’nin en verimli milli elektrikli aracı: Milat

Türkiye’nin en verimli milli elektrikli aracı: Milat

Salı Haziran 23rd, 2015
300 Görüntülenme