Go Dilinde Concurrency

2,308 More

Projedeki Git Dosyaları Nasıl Silinir?

1 7,910 More

yTheme

4 2,689 More

Sunucu Güvenliği | SSH (Secure Shell) Kullanımı

2 2,167 More

Truemag

  • PHP
  • Golang
  • Laravel
  • Linux
  • SQL
  • SEO
  • WordPress
  • Diğer
    • Yazılım
    • Javascript
    • Css/XHtml/W3C
    • Genel
    • Tanıtım
    • Ajax
  • Home
  • ANASAYFA
  • HAKKIMDA
  • SPONSORLUK
  • ARŞİV
  • İLETİŞİM
  • BENİMLE ÇALIŞMAK İSTER MİSİNİZ?

CSS ile Arkaplan Resmi

css ile arkaplan resmi

Bazen websitelerimize css ile arkaplan resmi yerleştirmek isteriz. Böylece ziyaretçilerimize daha güzel websiteler görüntülemeyi hedefleriz. İşte bunu yapmak için css dersi kıvamındaki bu yazıyı kaleme aldım. CSS ile çok basit bir kod kullanarak bunun üstesinden gelebiliriz.

CSS ile Arkaplan Resmi Örnek Kod

CSS
1
2
3
4
5
6
7
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
Sep 15, 2006Erhan Yakut
Cloud Sunucu


hosting

Script Değil BetikEn Yaygın Wordpress Hatası
You Might Also Like
 
Yenilenme Sürecinde “Yapı Kredi”
 
ezSQL Veritabanı Sınıfının Kullanımı
Erhan Yakut
14 years ago 69 Comments Css/XHtml/W3Carkaplan, background, css arkaplan resmi, css background image, css dersi, Css/XHtml/W3C, Web149,654
Sponsorlar

sponsor

sponsor

sponsor

sponsor
Bağlantılar
  • Beyazıt Kölemen
  • Domatessuyu
  • Lezzetli Robot Tarifleri
  • Ofizzo
  • PHP Dersleri
  • Wordpress Hosting
Random Posts
WordPress the_excerpt() Fonksiyonu
Özgeçmiş (CV) Hazırlama
29 Ekim Cumhuriyet Bayramımız her zamankinden daha kutlu olsun!
WordPress Eklentilerinin Yolunu Bulma
Benim de Cümlelerim Var…
sdafasdf
Hakkımda

Bilişim Teknolojileri alanında içerik üretmek üzere oluşturulmuş olan Yakuter.com 2006 yılında Erhan Yakut tarafından hayata geçirilmiştir. devamını okuyun…

CLOUD SUNUCU DESTEĞİ
2006-2020 © Yakuter