Pomagalnik » zamenjava http://www.pomagalnik.com Strokovnjak za digitalne medije. Thu, 02 Feb 2012 21:54:41 +0000 en hourly 1 http://wordpress.org/?v= Pomagalnik http://www.pomagalnik.com/feed-logo.png http://www.pomagalnik.com 48 48 Pomagalnik - http://www.pomagalnik.com CSS trik: Namesto naslova grafika ali slika http://www.pomagalnik.com/html/css-trik-namesto-naslova-grafika-ali-slika/ http://www.pomagalnik.com/html/css-trik-namesto-naslova-grafika-ali-slika/#comments Mon, 12 Oct 2009 03:00:14 +0000 Jiga http://www.pomagalnik.com/?p=1257 Velikokrat si želimo zamenjati kakšen naslov z grafiko ali sliko in obdržati vse prednosti optimizacije, kadar gre za naslove H1, H2 in H3.

Vse to lahko dosežemo s pomočjo CSS kode, ki nam zamenja besedilo v znački z željenim elementom.

Slika namesto naslova

Naslov h2

CSS

h2 { display:block; background-image:url(http://www.pomagalnik.com/wp-content/uploads/h2.jpg); background-repeat:no-repeat; text-indent:-9999px; width:125px; height:55px;}

HTML

<h2>Naslov h2

Slika namesto naslova + povezava

Naslov h2

Primer kode, ki zamenja naslov z sliko. Naslov je tudi aktivna povezava, ki ob zamenjavi ostane, tako da ima tudi grafični element povezavo.

CSS

h2 a {display:block; background-image:url(http://www.pomagalnik.com/wp-content/uploads/h2.jpg); background-repeat:no-repeat; text-indent:-9999px; width:125px; height:55px;}

HTML

<h2><a href="http://www.pomagalnik.com" target="self">Naslov h2</a></h2>
]]> http://www.pomagalnik.com/html/css-trik-namesto-naslova-grafika-ali-slika/feed/ 0