Egy magasabb szintű css-el el lehet érni hogy az oldalon lévő akármelyik linket lecseréljük egy képre, ehhez csak egyetlen dolgot kell tudnunk a hivatkozást amire a link mutat, és mivel magasabb szintű css-ről lévén szó Internet Explorerben szintén nem működik! Ha a linknek amit le akarunk cserélni képre van szelektora azt is használhatjuk kiválasztásra ezáltal működni fog IE-ben is, de a legtöbb linknek sajnos nincsen szelektora ezért a hivatkozása alapján tudjuk kiválasztani, ezt úgy tudhatod meg hogy a linkre jobb gombbal kattintasz és a "Hivatkozás címének másolása" menüpontot választod (Firefoxban), majd amit kimásoltál url címet beilleszted a kódba. Ez után illeszd be a kódba a kép url címét amire lecseréled a linket, majd meg kell adnod milyen magas és széles (képpontban) a képed amire cseréled.
<style type="text/css" rel="stylesheet">
a[href="IDE JÖN A HIVATKOZÁS"] {background-image: url(IDE JÖN A KÉP AMIRE LECSERÉLED); padding-bottom: 20px; padding-right: 100px; color: transparent; font-size: 0px/* CSS by srmark */; background-repeat: no-repeat; background-color: transparent;}
</style>
Hogy megmutassam mire is jó ez a kód leírom a láblécben lévő "Médiaajánlat" nevű link-et cserélő kódot példaként:
div.arnyek div.foot .linkek a[href="http://sanomaonline.hu/cgi-mod/product.php?pid=30"] {background-image: url(http://users.ml.mindenkilapja.hu/users/srmark/uploads/Profil_mediaajanlat_link.png); padding-bottom: 25px/* CSS by srmark */; padding-right: 100px; color: transparent; font-size: 0px; background-repeat: no-repeat; background-color: transparent;}
Az eredményt pedig tekintsd meg a profilomon =]
Nincsenek megjegyzések:
Megjegyzés küldése