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 ......



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>

<div class="yeni Baslik">
<a href="http://iceblue-dizayn.tr.gg"><img src="RESIM-LINKI" alt="header" border="0"></a></div>



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.


  • Cünkü her Bedava-Sitem- Tasarimi baska bir Baslik büyüklügü icerdiginden dolayi (uygun) Sayilari maalesef söylemem mümkün degildir.
    Ama ayarlamak o kadar da zor olmayacaktir. Sorular icin "Ziyaretci Defteri" ya "Iletisim" bölümünden ulasiniz.




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