iceblue-dizayn / WEB TASARIM
  Arkaplan
 
 
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...

Anlayisiniz icin Tesekkürler



Iceblue-Dizayn

 
 
 


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) !


 
   
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=