turkvidi

cssilelinkkontrolu

 

Kod Alanı:

 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

</head> 

<body> 
<div id="menu"> 
<a href="http://webhocam.net">Webhocam</a> 
</div> 
</body> 
</html>



Burada Webhocam yazısına link verdik fakat Webhocam yazısı mavi renkte ve altı çizili olacaktır.Biz HTMLde olduğu gibi CSS de bunu değiştirebiliriz. 

Kod Alanı:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
a:link{ 
color:#000000; 
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
} 
a:visited{ 
color:#000000; 
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
} 
a:active{ 
color:#0066FF; 
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
} 
a:hover{ 
color:#993300; 
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
} 
</style> 
</head> 

<body> 
<div id="menu"> 
<a href="http://webhocam.net">Webhocam</a> 
</div> 
</body> 
</html>



Şimdi burada kullandığımız CSS kodlarını açıklayalım. 

a:link : a:link komutu ile linkimizi mavi rengini değiştirdik. 
a:visited : a:visited ile bilindiği üzere ziyaret edilen link rengini değiştirir ve kırmızı bir renk alır biz bunu bu komut ile engelledik yani bizim belirlediğimiz rengi aldı 
a:active : a:active komutu ile adındanda anlaşılacağı üzere faremiz ile linkin üzerine tıklandığı zaman linkimizin rengini belirliyoruz. 
a:hover : a:hover ile fare linkimizin üstüne geldiği zaman rengini vs vs belirtiyoruz. 

Kod Alanı:

 

color:#0066FF; rengi belirtik 
text-decoration:none; Altı çizilimi değilmi onu belirliyoruz 
font-family:Arial, Helvetica, sans-serif; Fontumuzu belirliyoruz 
font-size:14px; Fontumuzun büyüklüğünü belirliyoruz

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol