Buradan öğrenebilecekleriniz:

A) HTML kodları ile banner yapmak

B) Renk Kodları Şeması

C) Banner kodunuzu arkadaşlarınızla paylaşmanız için metin kutusunun kodu

Blogcu Kiremit olarak yine yavaş internet bağlantısı olan kişileri düşünerek yeni bir hizmette bulunmaktayım:))

Bilindiği gibi, web sayfalarınıza eklediğiniz banner denen link barındırıcı küçük süslü resimler sayfaların çabuk açılmasına mani olmaktadır.

Resim yerine HTML kodları ile linkleri süsleyebilirsiniz. Böylece sayfalarınızın açılmasında banner'lardan kaynaklanabilecek hiçbir gecikme olmaz.

İşte benim yaptığım örnek:

Bunun rengi, büyüklüğü, genişliği istediğiniz şekilde değiştirilebilir.

A) HTML kodları ile banner yapmak.

Ve işte sizin üstünde her türlü değişiklik yapabileceğiniz HTML kodları:

<div align="center"> <a target="_blank" href="http://kiremit.blogcu.com/" style="text-decoration: none"> <div style="width: 88; height: 16; border: 2px solid #CC0066; background-color: #FFFFCC"> <font color="#FF3300" size="1" face="Times New Roman"><b>Yoldaki İşaretler</b></font></div></a></div>

Yardım:

1- İkinci satırda benim sayfama yönlendiren URL var (http://kiremit.blogcu.com/). Bunun yerine kendi URL'nizi koyun.

2- En alt iki satırdaki Yoldaki İşaretler yerine blog adınızı veya istediğiniz bir şeyi yazın. Bunun için şuna dikkat edin: Yoldaki İşaretler yazısı tek satırdadır, çerçevenin eni buna göre 88, boyu 16 olarak sabitlenmiştir. Dördüncü satırda width en, height boy demektir. Buradan istediğiniz değişklikleri yapabilirsiniz. Böylece çerçevenin içine istediğiniz kadar şey yazabilirsiniz.

3- Yazı rengini değiştirmek için: Alttan üçüncü satırda font color karşısındaki renk kodunu değiştirebilirsiniz.

4- Çerçevenin kenarlık rengi: Dördüncü satırda border kelimesi sınır veya kenarlık anlamına gelir. Bunun renk kodu burada gördüğünüz şekilde uçuk sarının kodu olan CC0066 olarak belirledim. İstediğiniz renk koduyla değiştirebilirsiniz. Çerçeve kenarlığını çok daha kalın yapmak isterseniz, dikkat edin orada 2 px yazıyor. 2 yerine 6, 7 gibi rakamlar yazabilirsiniz.

5- Çerçevenin arka plan rengi: Beşinci satırda background arka plan demektir. Yukarda anlattığım gibi bunu da değiştirebilirsiniz.

B) RENK KODLARI için buraya tıklayın: http://html-color-codes.com/

C) Banner kodunuzu arkadaşlarınızla paylaşmanız için metin kutusunun kodu:

Gelelim bu oluşturduğunuz HTML banner kodunuzu arkadaşlarınızın almaları için sayfanın bir kenarında sergilemenize:

Bunun için özel bir kod vardır. Bunun adı textarea yani "metin bölgesi"dir. Metin kutusu da denebilir. Oluşturduğunuz kodu bu kodun içine dikkatle yerleştirin.

Burada görüntülemek zor olduğundan kodu ikiye bölmek zorunda kaldım.

Önce, oluşturduğunuz kodun baş tarafına şunu ekleyin:

Sonra, eklediğiniz kodun sonuna şunu ekleyin:

Dikkat: Burada görünmesi mümkün olmadığı için aşağıdaki kodda text ve area kelimelerini ayrı yazdım. Siz aradaki bir harf boşluğu giderin, textarea olacak text  area değil. Yoksa çalışmaz.

Bu metin kutusunun enini, boyunu, rengini değiştirmek isterseniz:

Sıra ile izleyin:

rows: boy ayarlaması için 12 yerine başka rakam yazın.

cols: bununla enini ayarlarsınız.

border: kenarlık rengi

background ile de arka plan rengi kodunu değiştirebilirsiniz.

Bu sayfayı olduğu gibi zinsiz alıntı yapacak kişilerin dikkatine: Lütfen hiç olmazsa nereden aldığınızı belirtin ya da içerikte çok büyük değişiklikler yapın. İnsanların emeklerine saygılı olun.