iceblue-dizayn / WEB TASARIM

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

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>