yp-blogger

dwahover

Merhabalar arkadaşlar bu seferde sizlere a:hover tanıtacagım yani bir linkin üstüne geldiginizde değişen renk resim vs bunları :hover yapar şimdi biz bunu nasıl yapacagız öncelikle bir link yada herhangi bir resim olması gerekiyor ardından kodlamay geçeriz:

<a href="#url" title="Ornek">Ornek Menü</a>

Böyle bir linkimiz olsun biz buna ustune geldigimizde farklı bir renge bürünmesini istiyoruz bunun için css'ye a:hover komutunu ekleyeceğiz.Yani bir link css'de a{} olarak tanımlanıyor hoverıda a:hover{} olarak tanımlıyoruz şimdi.

<style type="text/css"> a{color:#000;display:block;padding:5px;} a:hover{color:#ff9000;background-color:#000;}</style> <a href="#url" _fcksavedurl="#url">Ornek Link</a>
Bu Şekilde Olacaktır Şimdi bunun sonucuna bakalım:
Ornek Link
Bu Örnekler Çoğaltılabilir Bunlar Resimlerdede Uygulanabilir.

Bir Sonraki Derste Görüşmek Üzere. / Yapiyoruz

 | Bugün: 43 | Klik: 48 | Online:  | Ip'niz: 3.145.106.176 |   Paylaş |