HTML5 ile Tüm Çözünürlüklere Göre Boyutlanan Arkaplan Resmi Ayarlamak (Video)

Web tasarımla ilgilenen herkes tahminen bu sorunla karşılaşmıştır.Genelde tekrarlayan vector arkaplanlar yada biçimsiz kalabilen resimler bazen can sıkıcı olabilir.

Bu videoda;

HTML5’in yardımıyla ve basit bir kod ekleyerek Adobe Dreamweaver CC ile tüm çözünürlüklere göre kendini boyutlandıran arkaplan resmi ayarmayı artık pratik bir şekilde yapabileceğiz.

İyi seyirler. 🙂

Not:
Program: Adobe Dreamweaver CC 2015
Fotoğraf Çözünürlüğü: 2560×1440 (Örn: 4K Çözünürlüklü bir ekranda tam çözünürlükte kullanabilmek için 4K bir resim yada fotoğraf tercih etmelisiniz.)

Uyarı: Sadece HTML5’i destekleyen tarayıcılarda çalışmaktadır.

Örnekteki html kodları

background-color: #000000;
background-image: url(/resim.png);
background-repeat: no-repeat;
background-size:100%;

Kaynak belirtildiği sürece buradaki bütün materyaller serbestçe kullanılabilir. Aksi halde T.C. Anayasasının 5846 maddesine (FSEK) göre hukuki yönden suçtur.

Bir Cevap Yazın