CSS Ders-20 Link işlemleri
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

CSS Ders-20 Link işlemleri

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(3088)
RAPOR ET
CSS derslerimize devam ediyoruz.Bu derste link işlemlerini görecez.Öncelikle bunlar ne işe yarar ondan başlayalım.Normalde sayfaya eklenmiş link mavi tıklandıktan sonra koyu mavi olur.

Biz tıklamadan önce,sonra ve tıklama anını css ile yakalayabiliyoruz.

:link = Tıklamadan önceki tasarımı
:visited = Tıklamadan sonraki tasarımı
:active = Tıklama anındaki tasarımı.

Birde her objede kullanabildiğimiz :hover var daha önce anlatmıştım.Mouse ile üzerine gelince anlamındaydı.

Örnek :

a:link{color:#000;}
a:visited{color:#999;}
a:active{color:#666;}


Kullanımı bu şekilde.

Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
<style type="text/css">
.menu{font-size:50px;}
.menu:link{color:red;}
.menu:hover{font-size:60px;}
.menu:visited{background:#f1f1f1;color:#000;}
.menu:active{background:blue;}
</style>
</head>
<body>

<a href="#" class="menu">Anasayfa</a>

</body>
</html>


Burada tıklamadan önce rengi kırmızı tıklarken arkaplanı mavi tıkladıktan sonra arkası gri ve rengi siyah olacaktır.Mouse ile üzerine geldiğimizdi fontun boyutu artacaktır.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol