|
Birçok sitede görmüşsünüzdür.Yazının
üzerine gelince renkler değişir.Renkler güzel seçildiği
taktirde etkileyici bir uygulamadır.Aşağıdaki
kodları kopyalayın.Üzerinde değişiklikler yaparak
deneme-yanılma yoluyla güzel şeyler yapabilirsiniz.
Şimdi gelelim
kodların açıklamasına.Renkler nasıl değiştirilecekmiş
anlatalım.
<style type="text/css">
<!--
.Navlink {COLOR: #808080; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; font-weight: bold;}
a:link.Navlink {color : #ffff00;}
a:visited.Navlink {color : #808080;}
a:active.Navlink {text-decoration: none;}
a:hover.Navlink {text-decoration: none;}
-->
</style> |
Bu kod sizin linkin üzeline
gelince rengin değişmesini ve linkin altının
çizili olmamasını sağlar.Renkleri değiştirerek
kendinize göre ayarlayınız.Bu kod olmsada
linkiniz çalışır |
<script language = "javascript">
<!--
function LmOver(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color =
"#FFFFFF";
elem.style.cursor = 'hand'}
function LmOut(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color =
"#66cc66";}
function LmDown(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color =
"#FFFFFF";}
function LmUp(path)
{location.href = path;}
//-->
</script>
|
Bu kod önemlidir.Bu kod olmadan
renkli linkiniz çalışmaz.
1.kırmızı renkli renk kodu :Linkin
üzerine geldiğinde linkin alacağı rengi
belirler.
2.Yeşil renkli renk kodu linkin hangi renkte görülmesini
sağlar.
3.Sol taraftaki renk kodu linke tıklayınca
linkin renginin değişmesini sağlar. |
<table border="0" width="120" bgcolor="#000000" cellspacing="0" cellpadding="0">
<tr><td width="100%">
<table border="0" width="100%" cellspacing="1" cellpadding="1"> |
yandaki kodlar linkin yer aldığı
tablo ile ilgili kodlardır.Değişiklik
yapmanıza gerek yotur.Erer tablonuzun kenarlıklarının
kalınlığını ,rengini değiştirmek
istiyorsanız değişiklik yapabilirsiniz. |
<table border="0" width="100%" cellspacing="1" cellpadding="1">
<tr><td width="100%" onMouseover="LmOver(this, '#660022')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')"
onMouseUp="LmUp('arif')" bgcolor="#FFFFFF"><A HREF="arif" Class="navlink"> sdadsadaddad</a></td></tr>
</table>
</td></tr> |
Bu
kodlar üzerinde değişiklik yaparak linkin
üzerine geldiğinizde butonun çeşitli
renkler anmasını sallıyorsunuz.Renk
kodları üzerinde değişiklik yaparak istediğiniz
rengi ayarlayabilirsiniz. |
|
