HTML Cambazlıkları

18 Mart 2010 0 Yazar: Alıntı

CSS Eğlenceleri


CSS Eğlenceleri

CSS, kullanışlığı olduğu kadar eğlenceli de olabilir. DHTML-uyumlu veya CSS kodlarının tümünü anlayabilen bir Browser ile Mouse işaretçisinin görünümünü değiştirerek, ziyaretçilerinizi şaşırtabilirsiniz. Önce HTML belgesinin HEAD bölümüne şu stil kodlarını yazın:

<style>
<!–
.yesil{
color :green
}
.kahverengi{
color :brown
}
A.yardim {cursor:help}
A.mesgul {cursor:wait}
A.tasi {cursor:move}
A.oto {cursor:auto}
A:link {text-decoration:none;}
{ font-family: Verdana, Arial }
A:visited {text-decoration:none;}
A:hover {color: white; background:”#008080″; decoration=none
}
–>
</style>
Sonra, BODY bölümünde bir sınama yapalım:
<p><a class=”yesil” href=”#”>Yeşil Bağlantı</a></p>
<p><a class=”kahverengi” href=”#”>Kahverengi Bağlantı </a></p>
<p class=”yesil”>Bir Yeşil Daha Ama bu Bağlantı Değil</p>
<p><a class=”mesgul” href=”#”>Meşgul.. Bekleyiniz</a></p>
<p><a class=”yardim” href=”#”>Yardım</a></p>
<p><a class=”tasi” href=”#”>Taşı</a></p>
<p><a class=”oto” href=”faq.html”>Otomatik</a></p>

Bu kodun işleyebilmesi için ziyaretçinizin IE 4.0 sonrası bir Browser kullanıyor olması gerekir. NS kullanan ziyaretçiler etkiyi göremezler, o kadar.

Sayfalar: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 Tümü