Sitemizi güzel göstermek için kimi zaman bağlantılarımıza (linklerimize) maviden farklı bir renk vermek isteriz, kimi zaman ise üzerine gelindiğinde altının çizilmesini isteriz. Bunları css'in bağlantı seçicileri olan,
* A:link
* A:visited
* A:active
* A:hover
ile düzenleriz. Şimdi bunlardan kısaca bahsederek örnek verelim.
A:link
Normal, ziyaret edilmemiş bağlantıları düzenlerken bunu kullanırız. Örneğimizde alt çizgisi olmasın bu linklerin ve renkleri kırmızı olsun istiyorum. Css dosyanızda şunları eklemelisiniz.
Kod: A:link {text-decoration: none;
color: Red;}
A:visited
Ziyaret edilmiş bağlantıları düzenlerken kullanılır. Örneğimizde alt çizgisi yine olmasın fakat bu sefer rengimiz mavi olsun.
Kod: A:visited {text-decoration: none;
color: Blue;}
A:active
Aktif bağlantılar için kullanılır. Bir bağlantı siz üzerine bir kez tıkladığınız zaman aktif olur. Örneğimizde alt çizgi olmasın, renk mavi olsun ve bağlantının boyu büyüyüp 18 piksel olsun. Bu arada normal boy 12 piksel kabul ediyorum.
Kod: A:active {text-decoration: none;
color: Blue;
font-size: 18px;}
A:hover
Fare ile bağlantıların üzerine geldiğinizde almasını istediğiniz şekli belirlememize yarar. Bağlantının üzerine geldiğinde yazımızı kalınlaştıralım.
Kod:
A:hover {text-decoration: none;
color: Blue;
font-weight: bold;}
Kodların Hepsi Css İçindir.
Kodları Css Dışında Kullanacaksanız
Başına <style type="text/css">
Sonuna </style>
Ekleyin.Kodlarla İLgili Her Sorunda Buraya Yazabilirsiniz.
NOT : Alıntıdır______________ 
Tasarımım hakkında yorum için http://www.bedava-sitem.com/forum/viewtopic.php?t=102163
En son the-anil tarafından 13.10.2008 17:34:27 tarihinde değiştirildi, toplam 1 kere değiştirildi
|
