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

dreamweaver_omerbozalan

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

.

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

  1. gökhan_61 diyor ki:

    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

    • omerbozalan diyor ki:

      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. gokhan_61 diyor ki:

    teşekkürler hocam saygılar

  3. veys0 diyor ki:

    Ömer Hocam Elinize Sağlık İyi Çalışmalar.

  4. MehmetMazmahor diyor ki:

    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

  5. Hasta Yatağı diyor ki:

    merhaba hastayatagimarketi sitem için arka planına dreamweaverden bir resim ekledim ama ben bu resmin arka planda sabit kalmasını istiyorum yani mause ile aşağı gelince sabit kalmasını istiyorm ne yapabilirim ?

  6. Hakan diyor ki:

    Hocam elinize saglık çok faydalı konu olmuş boş vakitte uygulayacağım.

  7. saygilihosting diyor ki:

    yeni bir kişi için bu konu baya bir yararlı olacaktır

  8. sanallive diyor ki:

    Güzel bir konuya deginmişsiniz bir çok arkadaşın işine yarayacak

  9. eray diyor ki:

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

    • omerbozalan diyor ki:

      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.

Bir Cevap Yazın

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

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Devamını oku:
windows_8_rtm-metro-theme
Microsoft Windows 8 RTM Sürümünü Çıkardı

Merhaba arkadaşlar Windows 7 den sonra Microsoft firması, yeni gözbebeği olan Windows 8 RTM sürümünü yeni çıkardı. Bu işletim sistemiyle Microsoft firması...

Kapat
Google Site Map | Görsel Web Tasarım Dersleri | Google | Gizlilik | Google+