Webbilim.com'da çeşitli içerikler yer almaktadır. Nasıl yapılır, Nasıl içilir v.s. gibi tavsiyelere yer verilmektedir. Kendimiz için güzel gördüğümüz veya olsa iyi olurdu dediğimiz şeyleri sizler için derliyoruz..
antalya escort
Anasayfa / Webmaster / CSS / CSS ile Arkaplan Resmi

CSS ile Arkaplan Resmi

Bazen websitelerimize css ile arkaplan resmi yerleştirmek isteriz. Bunun için etrafımızda birçok çeşit kod var ancak CSS ile çok basit bir kod kullanarak bunun üstesinden gelebiliriz.

CSS ile Arkaplan Resmi Örnek Kod

body {
background-image: url(resimler/arkaplan.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-color: white;
background-position: top-left;
}

Bu kullandığımız kod sitemizi < body > seçicisine yukarıda belirttiğimiz özellikleri kazandırır. Gelin biraz da özelliklerden bahsedelim.

Kod Açıklaması

background-image:
Örnekte gördüğünüz gibi arkaplan resmi olarak “resimler” klasöründeki “arkaplan.jpg” resmini seçtiğimizi bu özellikle belirtiyoruz.

background-repeat:
Bu özellik ile arkaplan resmimizin tekrar edip etmeyeceğini, eğer edecekse x mi yoksa y ekseninde mi edeceğini belirtiriz. Alabileceği değerler:

  • repeat – Hem yan olarak hem de alta doğru tekrar et
  • repeat-x – yana doğru tekrar et
  • repeat-y – aşağı doğru tekrar et
  • no-repeat – tekrar etme

background-attachment:

Arkaplan sayfa ile birlikte kaysın mı yoksa sabit mi kalsın ayarını bu seçenek ile yaparız. Bunun değerleri:

  • scroll – sayfa ile kayar
  • fixed – sabittir

background-color:
Arkaplan resminin altında kalan alanın rengini, yani arkaplanın rengini belirlediğimiz özelliktir.

background-position:
Arkaplan deseninin başlayacağı yeri belirtir. Alabileceği değerler:

  • top left – üst sol
  • top center – üst orta
  • top right – üst sağ
  • center left – orta sol
  • center center – ekranın ortası (hem üstten hem yandan)
  • center right – orta sağ
  • bottom left – alt sol
  • bottom center – alt orta
  • bottom right – alt sağ
  • x-% y-% – yüzde olarak sağ/sol ve üst/alt
  • x-pos y-pos – x,y koordinatlarına göre

Hakkında Hasan

Yıllar önce başladı bu hikaye. O zamanlar mynet kişisel sayfa oluşturmamıza olanak sağlamış biz dururmuyuz? Xat sohbet içeren hoş bir sayfa yapmışım, giren çıkan herşey çok iyi. Webmaster denilen dağarcığın içerisinde kayboldukca eski saf ve temiz sayfalardan eser kalmadı hep daha iyisi daha gelişmişi dedik.. Herşeyin hayırlısı...

Bir Cevap Yazın

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

8 + İki =

WeBBilim.Com