yakuter » CSS İle Bağlantılara Şekil Vermek

POPÜLER ARAMALAR: reklam, pazarlama, iş,
kod, wordpress, eklenti, web, teknoloji,
programlama, tasarım, ajax, linux, Pardus, blog

21 Eylül 2006

CSS İle Bağlantılara Şekil Vermek

Etiketler: Css
Kategori Css, Web |

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.

Duz Metin

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.

Duz Metin

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.

Duz Metin

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.

Duz Metin

A:hover {text-decoration: none;
color: Blue;
font-weight: bold;}

Ekle Bunu »

“CSS İle Bağlantılara Şekil Vermek” için 5 Yorum

1 Birkan
25 Kasım 2007, 21:56

Bilgi için çok teşekkür ederim. Peki bir sorum olucak. Ben bir .css dosyası hazırladım, onu kendim yaptığım bir site ile ilişkilendirmek istiyorum. .css dosyasını sayfaların bulunduğu dizine koymam yeterli olurmu? Yada etkilemesini istediğim sayfalarla arasındaki ilişkiyi nasıl kurabilirim?
2 özlem
29 Kasım 2007, 21:08

Ellerine, emeğine sağlık:) Benim için faydalı bir bilgiydi. Aradığımı buldum:):):):) Teşekkürler…
3 özlem
29 Kasım 2007, 21:11

Birkan şunu bi dene istersen.Mesela burda stil.css ile bağlantı kurmakta.
4 ahmet doğanay
25 Şubat 2008, 08:53

birkan eğer yanlış anlamadıysam, sen css dosyası içeriğindeki ayarlar ile normal bir html dosyasının nasıl ilişkilendirildiğini soruyorsun. herhangi bir web sayfasında sağa tıklayıp kaynağı göster dediğin zaman, örneğin şu an bu sayfada bunu yaptığında ”
” satırını “head” kısmında eklenmiş olduğunu görürsün. yani, bu css dosyasının yolunu belirtmen lazım, ekleyip göstermen lazım. dolayısıyla ilişki kurulmuş olur. dreamweaver editöründe bunu css dosyasını sürükle-bırak yöntemiyle yapabilirsin ya da elle yazarak yolunu gösterebilirsin.
5 azmiii
16 Haziran 2008, 10:11

css öğrenmeyi uzun zamandır istemem rağmen zaman ayıramadım. hazır olanları düzenlemek yerine kendim kendi ihtiyaçlarımı karşılamam gerekiyor. bu tür ufak bilgiler öğrenmeyi kolaylaştırıyor. oturup kitap okuyamıyorum =)

teşekkürler…