Go Dilinde Concurrency

2,051 More

Projedeki Git Dosyaları Nasıl Silinir?

1 7,437 More

yTheme

4 2,627 More

Sunucu Güvenliği | SSH (Secure Shell) Kullanımı

2 2,047 More

Truemag

  • PHP
  • Golang
  • Laravel
  • Linux
  • SQL
  • SEO
  • WordPress
  • Diğer
    • Yazılım
    • Javascript
    • Css/XHtml/W3C
    • Genel
    • Tanıtım
    • Ajax
  • Home
  • ANASAYFA
  • HAKKIMDA
  • SPONSORLUK
  • ARŞİV
  • İLETİŞİM
  • BENİMLE ÇALIŞMAK İSTER MİSİNİZ?

CSS İle Bağlantılara Şekil Vermek

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.

CSS
1
2
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.

CSS
1
2
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.

CSS
1
2
3
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.

CSS
1
2
3
A:hover {text-decoration: none;
color: Blue;
font-weight: bold;}
Eyl 21, 2006Erhan Yakut
Cloud Sunucu


hosting

Ankara, Ankara, Güzel Ankara...Wordpress İçin Fotoğraf Galerisi
You Might Also Like
 
Css İle Sütun Yapısı
 
CSS3 Yuvarlak Köşeler
Erhan Yakut
14 years ago 7 Comments Css/XHtml/W3CCss/XHtml/W3C6,137
Sponsorlar

sponsor

sponsor

sponsor

sponsor
Bağlantılar
  • Beyazıt Kölemen
  • Domatessuyu
  • Lezzetli Robot Tarifleri
  • Ofizzo
  • PHP Dersleri
  • Wordpress Hosting
Random Posts
WordPress Eklenti Aktivasyon Fonksiyonu
Notepad Kullanarak Hata mı Yapıyorum?
Link Post Format With Left Oriented Sidebar
WordPress Admin Kullanıcı Adı Değiştirme Aracı
Teknikim – Teknik İmleme Sitesi
sdafasdf
Hakkımda

Bilişim Teknolojileri alanında içerik üretmek üzere oluşturulmuş olan Yakuter.com 2006 yılında Erhan Yakut tarafından hayata geçirilmiştir. devamını okuyun…

CLOUD SUNUCU DESTEĞİ
2006-2020 © Yakuter