Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj13.10.2008, 17:30 (UTC)    
Mesaj konusu: Site Linklerinize Css İle Şekil Verin

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
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu