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)

244
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. 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 .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

.

(244)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmenliğini 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ınlayarak 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.

Cevaplayın eray Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.