12 Temmuz 2017 Çarşamba

CSS Link Rengi Stili Değiştirme Çizgi Kaldırma




CSS Link Rengi Stili Değiştirme Çizgi Kaldırma

Sitenizdeki link renklerinden ve şeklinden sıkıldınız mı ? sadece bir .css dosyası ile sitenizdeki tüm linkleri değiştirebilirsiniz.
Bir link bağlanstısı 4 farklı şekilde değiştirilebilir.

Kodlar ve Açıklamaları

a:link - Normal Link Görünüşü
a:visited - Ziyaret Edilmiş Link Görünüşü
a:hover - Fare İle Üzerine Gelindiğinde ki Görünüş
a:active - Tıklanan Andaki Görüntü

Yukarıda ki tüm seçenekler için biçimlendirme yapmak mümkündür.

Nasıl mı?
Öncelikle style.ccs adında bir dosya oluşturalım ve içerisine şu kodları yazalım.

<style>
a:link {color:#000000;}
a:visited {color:#7070F0;}
a:hover {color:#1717C7;}
a:active {color:#FF0048;}
</style>


Açıklamaları ise şu şekildedir;
<style> /*Stil Başlangıcı*/
a:link {color:#000000;} /* Ziyaret Edilmemiş Link */
a:visited {color:#7070F0;} /* Ziyaret Edilmiş Link*/
a:hover {color:#1717C7;} /* Fare Üzerindeyken Link*/
a:active {color:#FF0048;} /* Aktif Link*/
</style>/*Stil Sonu*/



Link şekillendirme ve rengini değiştirmede dikkat etmeniz gereken bölüm ise sıralamanın bu şekilde olması gerekiyor dilerseniz aradan bir iki tanesine gerek duymuyorsanız kaldırabilirsiniz.
4 stilide kullanıcaksanız sıralamanın böyle olmaması durumunda link bağlantıları doğru çalışmayabilir ve baya uğraşırsınız.
a:hover kodu her zaman a:link ve a:visited den sonra  gelmeli. a:active her zaman a:hover dan sonra gelmeli.

CSS dosyasını sayfamıza çağırıyoruz.

<link rel=”stylesheet” href=”style.css” type=”text/css” />
<link rel=”stylesheet” href=”\klasör ismi\klasördeyse tabi\style.css” type=”text/css” />
Tüm sayfalarda linklerin bu şekilde olamasını istiyorsak WordsPress te stil dosyasının içerisine, ftp kullanıyorsak ta her sayfaya uygulamamız gerekiyor.