Forum'da ara:
Ara


Yazar Mesaj
Mesaj17.02.2011, 13:18 (UTC)    
Mesaj konusu: CSS Metin-Link Özellikleri | By AnarsiCocuk

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
Mesaj17.02.2011, 18:54 (UTC)    
Mesaj konusu:

saol Güzel Paylaşım
______________
İmzanız 3 satırı geçmemelidir.
@simerweb
Mesaj17.02.2011, 19:30 (UTC)    
Mesaj konusu:

teşekkürler...
______________
Mesaj17.02.2011, 19:32 (UTC)    
Mesaj konusu:

Teşşekürler Wink
______________
Banneriniz 468x60 boyutlarını geçmemelidir.
@simerweb
Mesaj18.02.2011, 07:25 (UTC)    
Mesaj konusu:

davut-ogulcan yazmış:
saol Güzel Paylaşım

egiticibilgi yazmış:
teşekkürler...

e-bilginet yazmış:
Teşşekürler Wink


Birşeydeğil Smile
Mesaj18.02.2011, 08:57 (UTC)    
Mesaj konusu:

Güzel Paylasım dostum Wink
______________

Mesaj18.02.2011, 17:16 (UTC)    
Mesaj konusu:

Teşekkürler anlatımada.Kodlarla uğraşmanıza gerek yok.Dreamweaverde snyelik iş.
Mesaj18.02.2011, 19:15 (UTC)    
Mesaj konusu:

wwebw yazmış:
Teşekkürler anlatımada.Kodlarla uğraşmanıza gerek yok.Dreamweaverde snyelik iş.


en azından dw de yaptıklarında bu neyin kopdu şimdi felan demezler.
Önceki mesajları göster:   


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