Linkler Farkli Yollarla Bi\u00e7imlendirilebilir.<\/p>\n
\nLinkler bir \u00e7ok CSS \u00f6zelliki ile bi\u00e7imlendirilebilir (\u00d6rnegin color,font-family,background v.b).\n<\/p>\n
\nLinklerin durumlarina g\u00f6rede farkli bi\u00e7imlendirmeler uygulanabilir. Linklerin durumlarina bakacak olursak\n<\/p>\n
\n\na:link {color:#FF0000;} \/* tiklanmamis link *\/
\na:visited {color:#00FF00;} \/* tiklanmis link *\/
\na:hover {color:#FF00FF;} \/* mouse \u00fczerine gelen link *\/
\na:active {color:#0000FF;} \/* tiklandigi andaki link *\/ <\/div>\n<\/code>\nLinklerin farkli durumlarina ait bi\u00e7imlendirme uygularken bazi kurallara uymak gerekir:<\/p>\n
\n- \na:hover : a:link ve a:visited durumlarindan sonra tanimlanmalidir.\n<\/li>\n
- \na:avtice : a:hover durumundan sonra tanimlanmalidir.\n<\/li>\n<\/ul>\n.<\/a>\n
Genel Link Bi\u00e7imlendirmeleri<\/h3>\n
\nYukaridaki \u00f6rnekde linklerin durumlarina g\u00f6re renk \u00f6zelligi ayaralnmistir.<\/a>\n<\/p>\nSimdi ise linkler i\u00e7in diger genel bi\u00e7imlendirme \u00f6zelliklerine bakalim.<\/p>\n
\nLinke Ait Metne Sekil Verme (Text Decoration)\n<\/h4>\n
\ntext-decoration \u00f6zelligi genellikle linklerin altindaki \u00e7izgiyi kaldirmak i\u00e7in kullanilir.<\/a>\n<\/p>\n\n\n\na:link {text-decoration:none;}
\na:visited {text-decoration:none;}
\na:hover {text-decoration:underline;}
\na:active {text-decoration:underline;} <\/div>\n<\/code>\n\nArkaplan Rengi (Background Color)<\/h4>\n
background-color \u00f6zelligi linke ait arkaplan rengini ayarlamak i\u00e7in kullanilir.<\/a><\/p><\/p>\n\n\n\na:link {background-color:#C2FF99;}
\na:visited {background-color:#FFFF75;}
\na:hover {background-color:#FF704E;}
\na:active {background-color:#FE704E;} \n<\/div>\n<\/code>\n.<\/a>\nSimdi link Bi\u00e7imlendirme i\u00e7in birka\u00e7 \u00f6rnek yapalim:<\/p>\n\n\n a.bir:link {color:#ff0000;}
\n a.bir<\/code>:visited {color:#0000ff;}
\n a.bir<\/code>:hover {color:#ffda00;}<\/p>\n a.iki:link {color:#ff0000;}
\n a.iki:visited {color:#0000ff;}
\n a.iki:hover {font-size:150%;}<\/p>\n
a.uc:link {color:#ff0000;}
\n a.uc:visited {color:#0000ff;}
\n a.uc:hover {background:#6cffc6;}<\/p>\n
a.dort:link {color:#ff0000;}
\n a.dort:visited {color:#0000ff;}
\n a.dort:hover {font-family:Verdana, Geneva, sans-serif;}<\/p>\n
a.bes:link {color:#ff0000;text-decoration:none;}
\n a.bes:visited {color:#0000ff;text-decoration:none;}
\n a.bes:hover {text-decoration:underline;}<\/p>\n<\/div>\n<\/code>\n\n\n