iceblue-dizayn / WEB TASARIM - Sayfa Başlığı (Header)

Iceblue Tasarimindada ki Orjinal Baslik 921 x 104 büyüklügündedir.
Kendi Basliginiz bu büyüklükte olmalidir.

Bu Baslik-Resmine tiklayiniz. Sag tik ile Bilgisayariniza kayit ediniz.
NOT: Sag tiklama yasak oldugundan, Resimi Tarayicinizin Adres Sekmesine cekiniz!

Bunu simdi bir Resim-Düzenleme Programi ile düzenleyebilirsiniz. Eger böyle bir Programiniz yoksa BURAYI ziyaret ediniz.

Benim kendi Sayfa Basligim ......

Bir Resim Programi ile tasarlayabilirsiniz.
ya da http://free-picture.de.tl/Header-Iceblue.htm bu Sayfadan seciniz.
Ya da Bedava-Sitem Üyelerininden rica ediniz.

Tasarimda Baslik eklemek :

Yapilmis olan Basligi yükleyin "Resimlerimi Yönet"
"Resimleri kücült" Cengeli kaldiriniz.
yoksa Resminiz kücültülüyor ve sonsuzca tekrarlaniyor

Simdi Baslik eklemek icin 2 Seceneginiz var:

Menü üzerinden secmek	YADA : CSS ile eklemek
• "Tasarim Ayarlari" • "Gelismis Ayarlar" • Asagi in • "Baslik Resmi" Alani • Baslik Resmini seciniz • kayit ediniz • Yeni Baslik simdi Tasarimda • Baslik tekrarlaniyor mu ? • Basligi tekrardan yükleyiniz • "Resimleri kücült" Cengeli cikart Lütfen Dikkat: Sadece"Tasarim üzerindeki Yazi"olan Alanda, Baslik icin CSS-Kodlari yazmadiysaniz, o zaman calisir !	• "Tasarim Ayarlari" • "Gelismis Ayarlari" • "Tasarim üzerindeki Yazi" • CSS-Kodlari eklenmis mi ? • Su Sinifi arayiniz td.edit_header_full • *background-image: url(Resim- Linki);* • Parantezin icine Resim-Linkinizi yaziniz • Örnek Kod : td.edit_header_full { background-color:#xxxxxx; background-image: url(Resim -Linki); background-repeat: no-repeat; }

Baslik Alani üzerinde olan Sayfa Ismini cikartiniz:

- Baslik Alani üzerinde olan Sayfa Ismi (Iceblue) = td.headline
- CSS-Özerlliginde bunu göstermemek icin display:none;
- Hazir CSS- Kodu: td.headline {display:none; }
- "Tasarim üzerindeki Yazi", alanina yaziniz , bundan ÖNCE = -></style>

Baslik Resmini yönlendir :

Baslik Resmimiz, bir Tabele Sütunu icinde ki Arkaplan Resmidir !
Arkaplan Resimleri yönlendirilemiyor !
Cözüm : Baslik Alanina bir DIV- Alani ekleyelim
Yeni DIV- Alaninin icerigine yönlendirilmis Baslik Alani yazilacak!

1. Adim: DIV ´lerin Özelligi (Genislik + Yükseklik)

"Tasarim Ayarlari"
"Gelismis Ayalari"
"Tasarim üzerindeki Yazi"
CSS- Kodu bundan ÖNCE eklenecek = --></style>
Bu Kodlar birlikte DIV ´in görünüsünü belirliyoruz
Koddaki Genislik width: 921px;
Koddaki Yükseklik height: 104px;

div.yeni Baslik {
  position: absolute;
  left: 50%; /* degistirmeyiniz */
  top: 120px;
  margin-left: -480px;
  width: 921px;
  height: 104px; }

Lütfen Dikkat ediniz:

Bu KOD, Tasarimin Basliginda bulunan Genislik (width) ve Yükseklikle (height)
ayni olmasi lazim !

"Iceblue" Basliginin Büyüklügü 921 x 104. Colorfull Tasariminda ki Basligin Büyüklügü ise 1000 x 141 Piksel. Sayilari lütfen KODda düzenleyiniz!

2. Adim : DIV ´i görünür sekilde düzenlemek

• daha yeni düzenlenen Alani göremiyoruz
• Simdi eksik olan DIV-Elemani (Icerigi ile Birlikte)
• "Tasarim üzerindeki Yazi", Alaninda, bundan sonra = </style>

Yönlendirmenin istedinigiz yere gitmesi icin , Kodun icerisinde Resim-Linki yaziniz
RESIM-LINKI" olan yere, Baslik Resminin Grafik-Adresini yaziniz!
Simdi DIV-Alani yönlendirilen Resim ile görünmektedir.

3. Adim : Yeni Alani pozisyonlayin

Yeni Alan, uygun yerinde oturmadi.
Simdi Kodda iyi SAYI´yi ayarlamamiz lazim

top ´un yanindaki Sayi ile yukari olan mesafeyi ayarliyoruz
top ´un yanindaki Sayi ne kadar yüksek olursa, bir o kadar da Alani daha derine pozisyonlayabiliriz
Burada degisisik Sayilari deneyebilirsiniz, takii uyana kadar!

margin-left: ´in yaninda ki Sayi ile Sola yada Saga dogru kaydirabiliriz
Eksi Sayi ne kadar yüksek olursa, bir o kadar da Alani daha da Sol tarafa pozisyonlayabiliriz.
Eksi sayi kücülünce, sag tarafa kaydirabiliriz
Buradada uyana kadar denemeniz gerekmektedir.