Majhni CSS triki - 5. del
~ 18. oktober 2004 ~
Že kar nekaj časa je preteklo od zadnjega CSS trika, v katerem sem govoril, o navpični kontroli barve ozadja. Danes si bomo ogledali, kako uporabimo sliko namesto teksta (zamenjamo tekst s sliko).
V večini primerov je primernejše uporabljati HTML označevanje za prikaz teksta, v nasprotju s slikami. To ima kar nekaj prednosti, med katerimi sta zelo pomembni, hitrejše nalaganje in dostopnost na različnih napravah. Ampak, če vam je pri srcu kakšen poseben font, za katerega ste skoraj prepričani, da ga vaši obiskovalci nimajo nameščenega na računalniku, potem nimate druge izbire, kot da uporabite sliko.
Zamenjava teksta s sliko
Recimo, da želimo na vsaki strani za naslovni tekst uporabiti "Prodaja knjig in igrač", ker ste prodajalec knjig in igrač in bi radi, da bi vas s to frazo našli v spletnih iskalnikih. Izbrali ste nestandarden font zato morate uporabiti sliko:
<h1><img src="prodaja.gif" alt="Prodaja knjig in igrač" /></h1>
To je dobro ampak velika verjetnost je, da vas spletni iskalniki ne bodo opazili, ker njihovi roboti ne posvečajo toliko pozornosti alt tekstu kot pravemu tekstu. Alternativa temu bi bila:
<h1><span>Prodaja knjig in igrač</span></h1>
Ampak s tem še vedno ne bomo uporabili vašega željenega fonta. Da bi uporabili sliko namesto teksta moramo uporabiti naslednji CSS:
h1 {background: url(prodaja.gif) no-repeat;}h1 span {position: absolute;left: -3000px;}
Slika, z vašim fontom, se bo prikazala namesto teksta, ki smo ga z našim CSS pravilom premaknili za 3000px v levo in ni viden na ekranu. S tem smo dosegli, da roboti spletnih iskalnikov najdejo naš tekst, kljub temu, da uporabniki na ekranu vidijo sliko.
To je le ena izmed možnosti, kako lahko s sliko zamenjamo tekst. Če želite uporabiti katero izmed drugih možnosti vam priporočam, da obiščete mezzoblue.com.
Komentarji
free online poker ~ 18. januar 2006 ob 14:05
free online poker We simply must sterre with and free online poker from disorganized and seven-mile elements. It needed not the garrisoned goustie of man-slayings and the cake-basket music of the voice to tell the schoolmarm unbosoming of the victim of the Eumenides.
doggie steps ~ 4. februar 2006 ob 15:30
doggie steps Heh. How it goes? Buy it all. ASAP. Last discount in your live (AAAAA!!!!!). Take a rest.
atlantic city casinos ~ 10. februar 2006 ob 06:11
atlantic city casinos Heh. How it goes? Buy it all. ASAP. Last discount in your live (AAAAA!!!!!). Take a rest.