NOT: Sayfanin Iceriginde bir kusur yoktur. Sadece Kodlari normal Metinden ayiran Efektler görünmez hale gelmis. Ileride düzeltilecektir!
En gec 01.09.12 Tarihinde hazir olacaktir...
CSS ile her Tasarima istedigimiz Arkaplan Rengi verebiliriz.
Eger önceden " Tasarim üzerindeki Yazi"
Alanina Kodlar eklediyseniz, o zaman
body ´ ye bakiniz . background-color yazacaginiz alan! Renk Kodlarini her zaman Kare isaretinde # veriniz:
#000000 = Siyah
#800000 = Kapali Kirmizi
#000080 = Lacivert / Kapali Mavi
#FFFFFF = Beyaz
Renk-Kod-Tabelelerini google.com.tr de
bulabilirsiniz. Kullanacaginiz anahtar Kelime:
HTML Renk Kodlari. Hic Kod eklememis olanlar ise, sagdaki Kodu "Tasarim üzerindeki yazi" Alaninda eklesin :
<style type="text/css">
<!--
body {
background-color: #000000; }
-->
</style>
ya da Arkaplan:
CSS ile her Tasarima herhangi bir Arkaplan verebiliriz.
background-color bunun yerine
background-image: none;. Parantezin icine
Resim- Linki yaziniz.
Resim-Linkini nerede bulabilirim?
- "Resimlerimi yönenet"
- Yeni Resim ekle
- ekledikten sonra Resimin üzerine
tiklayiniz
- Simdi Resimi göreceksin
- Fare ile üzerine git
- Sag tiklayip "özellikleri" göreceksiniz
- Grafik-Linkini kopyala
- Grafik- Linkini Parantezin icine yapistir
Kodunun icine bak, body var mi diye.
Eger varsa, sadece ayarlamayi yap.
Daha hic CSS-Kodu eklememis olanlar,
lütfen sagdaki kodu "Tasarimin üzerindeki yazi" alanina eklesin.
<style type="text/css"> <!--
body { background-image: url(Resim- Linki);}
--> </style>
Gradyanli Arkaplan:
Gradyanli bir Resim icin bunlara
ihtiyacimiz vardir:
background-color ve background-image: none;. Gradyanli Resimin bittigi yerde Arkaplan gösterilecektir.
background-repeat: repeat; = Resim bütün yönlere tekrarlaniyor
background-repeat: no-repeat; = Resim tekrarlanmiyor
background-repeat: repeat-x; = resim Sag tarafa dogru tekrarlaniyor
background-repeat: repeat-y; = Resim Asagi tarafa dogru tekrarlaniyor
<style type="text/css"> <!--
body { background-color: #000000; background-image: url(Resim-Linki);
Arkaplan Resimleri ile Sorun :
- 1024 x 768 Büyüklügünde ki bir Resmi, Ekrani büyük olan Ziyaretciler, hep tekrarlanarak görüyor.
- Büyük Resimleri de, Ekrani kücük olan Ziyaretciler, tam olarak görmüyor.
- Resimler, cesitli Ekran Cözünürlüklerine göre kendilerini uyduramaz.
- O yüzden dolayi Motifler kullanin, cünkü o zaman Tekrarlanma, atik göze carpmiyor.
Backgrouns / Arkaplanlar :
- Bu Sayfalarda cok güzel Arkaplanlari bulabilirsiniz
- Bütün Grafikler her Tasarimi dolduruyor.
- Istenen Arkaplani Sitenize yükleyin "Resimlerimi yönet"
- Resim- Linki buraya eklenecek : background-image:url(Resim-Linki);
- Kodlar bu Alana eklenecek: "Tasarim üzerindeki Yazi "
<style type="text/css">
<!--
body {
background-color:#XXXXXX;
background-image:url(Resim-Linki);
background-repeat:repeat;
background-attachment:fixed;}
-->
</style> |
1. Örnek
 |
2.Örnek
|
3.Örnek
 |
Arkaplan Hakkinda Aciklama:
background-repeat:repeat; = Resim tekrarlaniyor
background-repeat:repeat-x; = Resim yatay olarak (Saga dogru) tekrarlaniyor
background-repeat:repeat-y; = Resim dikey olarak (Asagi dogru) tekrarlaniyor
background-repeat:no-repeat; = Resim tekrarlanmiyor
background-attachment:scroll; = Resim kaydirma yapiyor
background-attachment:fixed; = Resim kaydirma yapmiyor (sabit) !
