iceblue-dizayn / WEB TASARIM
  box-duzenlemek
 


Iceblue: Sag Boxlari Düzenlemek:





Büyütmek icin Resime tiklayiniz:

Boxun Basligi:
td.sidebar_heading

Boxun Icerigi 1 - 5 :
td.shouty , .shouty2 , .shouty3 , .shouty4 , .shouty5

Boxun altindaki Bitis Diregi :
td.edit_rb_footer

Boxlarin altindaki Alan :
td.edit_rechts_bottom



Bir Örnek: Soldaki Orijinal-Box. Sagdaki düzenlendi. 3 Grafige ihtiyacimiz var.

eski Box yeni Box Uc Grafik


3 Tane Alani düzenlememiz lazim:
  • Boxun Baslik Alani
  • Boxun Icerik Alani
  • ve Boxlarin altindaki Alan
  • Bu 3 Alana yeni Arkaplan veriyoruz
  • Grafiklerin en fazla genisligi: 168 Piksel
  • Örnke Koda bakiniz :

/* Boxlarin uzerindeki Baslik Alani */
td.sidebar_heading {
  height: XXXpx;
  background-image: url(Buraya RESIM-URL 1); }

/* Boxlarin Icerigi */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
  background-image: url( Buraya RESIM-URL 2); }

/* Boxlarin altindaki Bitis */
td.edit_rb_footer {
  height: XXXpx;
  background-image: url( Buraya RESIM-URL 3); }


Lütfen Dikkat ediniz:
td.sidebar_heading Sinifi icinde bunu görüyoruz: height: XXXpx; Kod icerisinde.
Bu Yükseklik Bilgisidir. XXX yerine Grafigin yüksekligini yaziniz


Klasse td.edit_rb_footer Sinifi icinde bunu görüyoruz: height: XXXpx; Kod icerisinde.
Bu Yükseklik Bilgisidir. XXX yerine Grafigin yüksekligini yaziniz.







Örnek: Boxlarin Icerigini düzenlemek: Örnek Kod :


- Metin Rengi Boxlarin icerisinde 1-5
- Metin Yüksekligi Boxlarin icersinde 1-5
- Metin Cesidi Boxlarin icerisinde 1-5
- Metin Yönü 5 Box da ortali
- Kod böyle görünüyor :
<style typ="text/css">
<!--

td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
    color: #000000;
    font-size: 13px;
    font-family: arial,verdana;
    text-align: center; }
-->
</style>

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