Acil Yardım! Bir sayfada farklı renklerde link oluşturma...

[ibrahim982]

Merhaba Arkadaşlar,

Bir sayfada aktif iki tane link var ama biliyorsunuz ki; css veye style ile linkler renklenebiliyor ama sayfada bulunan tüm renkler ozaman aynı oluyor bense mesala www.boun.edu.tr sayfasında olduğu gibi sayfanın başında bulunan table ların içindeki linklerin farklı sayfanın alt kısmında bulunan linklerin farklı renkte olmasını istiyorum şimdiden yardımlarınız için teşş..

[Gunes]

Bunu css ile yapacaksın. Bunun için 2 adet stil tanımla mesela link1 ve link 2. Bunlara istediğin düzenlemeleri yap. Örnek

.link1 {font-size: 8pt; font-family: Verdana; color: #000000}
.link2 {font-size: 8pt; font-family: Verdana; color: #FFCC33}

Sonra bunları 4 er kez kopyalayarak alt alta yaz:
.link1 {font-size: 8pt; font-family: Verdana; color: #000000}
.link1 {font-size: 8pt; font-family: Verdana; color: #000000}
.link1 {font-size: 8pt; font-family: Verdana; color: #000000}
.link1 {font-size: 8pt; font-family: Verdana; color: #000000}

Bu işlemi diğer için de yap. Ardından şu şekle getir:
a.link1:link {font-size: 8pt; font-family: Verdana; color: #000000}
a.link1:hover {font-size: 8pt; font-family: Verdana; color: #000000}
a.link1:active {font-size: 8pt; font-family: Verdana; color: #000000}
a.link1:visited {font-size: 8pt; font-family: Verdana; color: #000000}

istersen link , hover , active visited stillerini değiştirebilirsin.

Mesela yine bir örnek:

a.tabloicilink:link { font-size: 8pt; font-family: Verdana; color: #0000bb; text-align: Left; line-height: 150%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; text-decoration: underline }

a.tabloicilink:visited { font-size: 8pt; font-family: Verdana; color: #0000bb; text-align: Left; line-height: 150%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0: 0; text-decoration: underline }

a.tabloicilink:active { font-size: 8pt; font-family: Verdana; color: #0000bb; text-align: Left; line-height: 150%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0: 0; text-decoration: undeline }

a.tabloicilink:hover { font-size: 8pt; font-family: Verdana; color: #808080; text-align: Left; line-height: 150%;margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0: 0; text-decoration: none }


burada sadece linkin üzerine gelince altı çizgili halden kurtulup normal yazılıyor ve rengi değişiyor. Bunu istediğin gibi değiştirebilirsin.

Bunu sayfada nasıl kullanacaksın:

Bunlar gibi 3 tane farklı link düzeni oluşturduğunu farzediyorum:

<a href="http://www.kentenglish.org" class="link1">kent english</a>
<a href="http://www.kentenglish.org" class="link2">kent english</a>
<a href="http://www.kentenglish.org" class="link3">kent english</a>

bu şekilde sayfadaki linkler verdiğin class ile biçimlendirilecektir.
Sorun olursa gene yaz...