Anlatım Tamamen AnarsiCocuk.tr.gg'ye aittir.
Bu dersimizde css kullanarak metin ve linklere renk vereceğiz.
1. Düz metin(Linksiz) değerlerini yapalım.
Kod: body{
font-family: Arial, Helvatica, sans-serif;
font-size: 12px;
color: #0CC;
}
font-family: Arial, Helvetica, sans-serif; Bu kod ile yazı tipimizi belirledik.
font-size: 12px; Burada yazımızın büyüklüğünü belirledik.
color: #0CC; Burada ise yazımızın rengini belirledik.
(Bu ayarları kendinize göre düzenleyebilirsiniz.)
____________________
2. a değerlerini yapalım. (Normal Link Değerleri)
Kod: a {
font-family: Arial, Helvatica, sans-serif;
font-size: 12px;
color: #39F;
}
Normal linkler a{ komutuyla başlar. Yine link özelliği olarak yazı tipini(font-family), büyüklüğünü(size) ve rengini(color) belirledik.
(Bu ayarları kendinize göre düzenleyebilirsiniz.)
____________________
3. Active link değerlerini yapalım. (Active: Linke tıklanınca çıkan renk.)
Kod: a:active {
color: #966;
}
Aynı şekilde renk(color) değerini girdik.
____________________
4. Visited Değerini ayarlayalım. (Visited: Ziyaret edilmiş link rengi)
Kod: a:visited {
color: #966;
}
Aynı şekilde yine renk değerini verdik. Linke tıkladığızda linkin rengi burada belirttiğimiz renk olacaktır.
____________________
5.Hover değerini ayarlayalım. (Hover: Üzerine gelince değişen link rengi)
Kod: a:hover{
color: #9F0;
}
Yine color değerimizi verdik ve link & metin özelliklerini burada sonlandırıyoruz.
AnarsiCocuk.tr.gg |