Wordpress'te Yazılarımıza Nasıl Video ekleriz?: oku>> Çevirimiçi Form oluşturan siteler : oku>> Wordpress Insider Tema türkçe : oku>> Wordpress 2.6.5 sürümü sunulmuş: oku>> Wp - Max Tema Türkçe ( Magazine Teması ): oku>> Türkçe karakter sorunu ( ascii kodları , meta tagları , karakter kümeleri .. ): oku>> Adana Seyhan Belediyesi Öğrenim Bursu Hakkında: oku>> Wordpress Classic Modern Tema Türkçe: oku>> Web de Reklam Sistemleri: oku>> True Elegance Blogger teması: oku>>

css te ‘a’ (link elemanı) özellikleri

 18-07-2008
      ercani         css notları

css in bize sunduğu sonsuz nimetlerden biriside HTML veya XHTML deki <a/> elemanına
kendimizce uygun gördüğümüz renkleri ve özellikleri atayabilmemizdir.aslında biz bu
tanımlamaları yapmasakta tarayıcı varsayılan değerleri kullanır ve renklendirir.
ama bir web sayfası tasarım istediğinden bize yeterli olmaz.aşağıda verilen
örnekte bu uygulanmıştır.

Genel işleyişini anlatırsak bu iş sözde sınıflarla ve elemanlarla gerçekleşir.
Sözde sınıf; bir elemanı farklı sınıflara böler.(örn: link elemanını
active, visited vd. sınıflarına böler).
:visited bir sözde sınıf tanımlamasıdır. ':' sözde sınıflandırma işaretidir. visited
sözde sınıf seçicisidir.kullanımı aşağıdaki gibidir. isterseniz css tanımlamalarıyla
daha çok tanım yapabilirsiniz.Örneğin a:hover tanımlamasını kullanarak mouse
linkin üzerine
geldiğinde yazı tipini,boyutunu,rengini,yapısını ayarlayabilirsiniz.

a:link    { color: red }    /* ziyaret edilmemiş bağlantı */
a:visited { color: blue }   /* ziyaret edilmiş bağlantı   */
a:hover   { color: yellow } /* kullanıcı rastlarsa dikkatini çekmek için */
a:active  { color: lime }   /* etkin bağlantılar */

Bu tanımlamaları tek bir eleman için kullanmak isterseniz.ID yada sınıf seçiciside
kullanabilirsiniz
#deneme td.ilk:hover {background-color: #fff; } gibi.

Sadece Düşünme, Sende Konuş

WARNING

Your browser does not support JavaScript or has JavaScript disabled!

This will not compromise the possibility to leave a comment, although the automatic insertion of both markup tags and emoticons will not work.

Markup Controls
Emoticons Smile Grin Sad Surprised Shocked Confused Cool Mad Razz Neutral Wink Lol Red Face Cry Evil Twisted Roll Exclaim Question Idea Arrow Mr Green

Takip Etmek İstiyorum

Yazılar e-mailine Gelsin

Email adresini yaz:

Delivered by FeedBurner


RSS İle Takip EdeceğimRSS beslemesi

İstatistik Bilgileri

  • 158 adet yazı var.
  • 896 adet yorum var.
  • 5 Kişi şu anda çevrimiçi
  • 31 aynı anda maksimum kişi
  • 58020 Toplam ziyaretçi