Home CSS3 / HTML5 Web sitenizde Arka Plan Resmini Sabitleme (Videolu Anlatım)
Web sitenizde Arka Plan Resmini Sabitleme (Videolu Anlatım)

Web sitenizde Arka Plan Resmini Sabitleme (Videolu Anlatım)

164
6

Merhaba Arkadaşlar ;

Bu dersimizde web sitemizde kullanacağımız arkaplan resmimizin sabit kalmasını sağlayacağız . Dersi videolu çekerekte sizlere nasıl yapıldığını sesli ve görüntülü anlatmak istedim . Öğrencilerimde bu soruyu devamlı soruyorlar ,belki unutanlar olabilir. O yüzden bu videonun bir çok kişiye yardımcı olacağına inanıyorum.

Html kodu :

background-attachment:fixed;

arkaplan şefaflık kodu ise;

opacity:0.6;  ( 0.6 şeffaflık ayarıdır)

Bu derste sadece arkaplanı saabitlemeyi değil aslında style.css dosyasını içeriğini düzenleme style.css dosyasını index.html dosyasına bağlamayı ve kafanızdaki biçok soruyuda cevap vereceğine inanaraktan çektim.

Kolay gelsin.

Anlatım: Ömer Bozalan

Videoyu izleyemiyorsanız Youtube.com engellenmiştir.

Çözüm için DNS adreslerinizi aşağıdaki gibi değiştirin.

Tercih edilen DNS Sunucusu:  8.26.56.26

Diğer DNS Sunucusu : 8.20.247.20

.

(164)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmeni bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(6)

  1. hocam cok teşekkürler böyle güzel bir bilgisi güzel bir sunum ile bize anlattığınız için ama bir sorum olacak tablo icini grı yaptınız ya grınin şeffaflık ayarını yapa biliyormuyuz arka plan resmi gözüksün diye

    1. Gökhan aşağıdaki kodlar yukarıdaki videoda kullanılan kodlardır. senin sorunun cevabıda : yani yazı alanındaki resmi şeffaf yapıp arka planda kullanılan resmi gösteren kod ise ;
      ” opacity:0.6; ”
      bunun videodaki kodlardaki yeri aşağodaki gibidir.

      body{
      background-image:url(white-lion-wallpapers.jpg);
      background-attachment:fixed;
      background-repeat:no-repeat;
      }
      .yazi{
      background-color:#CCC;
      opacity:0.6;
      border:1px solid #00F;
      font:22px arial;
      color:#F00;
      width:900px;
      height:900px;
      }

  2. Ben malesef arkaplani center komutu ile ortaladiml yalniz tüm ekrana sigdiramadim o yuzden bir renk secmek zorunda kaldim bos kalmasin diye ama fikriniz varmi arkaplani nasil stretch yapabiliriz ?
    Simdiden Tesekkurler

  3. hocam merhabalar.. ben arka plan resmini sabitledim fakat sayfalar arası geçiş yaparken. zemin beyazlaşıp resim sonra geliyor. sayfayı yenilediğim zaman bile 1 saniyeden az bi süre beyazlık görünüyor zeminde…. yardımcı olabilirseniz sevinirim..

    1. eray zaten öyle birden resim gelmez. Arka planın tamamına resmi koyduğun için resim gecikmeli gelecektir. Bence fazla takılma. eğer daha erken gelmesini istiyorsan, resmi parçalara ayırabilirsin. ama süre fazla değişmeyecektir.

Yorumdan Çık

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Sonucu Giriniz *