HTML Cambazlıkları

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.

You may also like...

Bir yanıt yazın