Return to Snippet

Revision: 1070
at December 19, 2008 10:25 by webDesign


Updated Code
***** CSS *****
#logotipo {width:150px; height:60px; background:url('../images/logotipo.png') no-repeat}
#logotipo h1 a {margin:0; padding:0; width:150px; height:60px; display:block; text-decoration:none; background:url('../images/logotipo.png') 0 0 no-repeat}
#logotipo h1 a:hover {background-position:0 -60px}
#logotipo h1 a span {position:relative; z-index:-1}

***** HTML *****
<div id="logotipo"><h1><a href="index.html" accesskey="1" tabindex="1"><span>Nombre de la web</span></a></h1></div>

Revision: 1069
at December 7, 2008 07:27 by webDesign


Updated Code
***** CSS *****
#logotipo {width:150px; height:60px; z-index:1; background:url('../images/logotipo.png') no-repeat}
#logotipo h1 a {margin:0; padding:0; width:150px; height:60px; display:block; text-decoration:none; background:url('../images/logotipo.png') 0 0 no-repeat}
#logotipo h1 a:hover {background-position:0 -60px}
#logotipo h1 a span {position:relative; z-index:-1}

***** HTML *****
<div id="logotipo"><h1><a href="index.html" accesskey="1" tabindex="1"><span>Nombre de la web</span></a></h1></div>

Revision: 1068
at November 10, 2008 16:57 by webDesign


Updated Code
***** CSS *****
#logotipo {width:150px; height:60px; z-index:1; background:url('images/logotipo.png') no-repeat}
#logotipo h1 a {margin:0; padding:0; width:150px; height:60px; display:block; text-decoration:none; background:url('images/logotipo.png') 0 0 no-repeat}
#logotipo h1 a:hover {background-position:0 -60px}
#logotipo h1 a span {position:relative; z-index:-1}

***** HTML *****
<div id="logotipo"><h1><a href="index.html" accesskey="1" tabindex="1"><span>Nombre de la web</span></a></h1></div>

Revision: 1067
at November 24, 2007 08:07 by webDesign


Updated Code
***** CSS *****
#logotipo {position:relative; top:0; left:0; width:150px; height:60px; z-index:1; background:url('images/logotipo.png') no-repeat}
#logotipo h1 a {margin:0; padding:0; width:150px; height:60px; display:block; text-decoration:none; background:url('images/logotipo.png') 0 0 no-repeat}
#logotipo h1 a:hover {background-position:0 -60px}
#logotipo h1 a span {position:relative; z-index:-1}

***** HTML *****
<div id="logotipo"><h1><a href="index.htm" accesskey="1" tabindex="1"><span>Nombre de la web</span></a></h1></div>

Revision: 1066
at November 13, 2007 10:24 by webDesign


Updated Code
***** CSS *****
#logotipo {position:relative; top:0; left:0; width:150px; height:60px; z-index:1; background:url('images/logotipo.png') no-repeat}
#logotipo h1 a {margin:0; padding:0; width:150px; height:60px; display:block; text-decoration:none; background:url('images/logotipo.png') 0 0 no-repeat}
#logotipo h1 a:hover { background-position:0 -66px}
#logotipo h1 a span {position:relative; z-index:-1}

***** HTML *****
<div id="logotipo"><h1><a href="index.htm" accesskey="1" tabindex="1"><span>Nombre de la web</span></a></h1></div>

Revision: 1065
at November 13, 2007 10:22 by webDesign


Updated Code
***** CSS *****
#logotipo {position:relative; top:0; left:0; width:150px; height:60px; z-index:1; background:url('images/logotipo.png') no-repeat}
#logotipo h1 a {margin:0; padding:0; width:150px; height:60px; display:block; text-decoration:none; background:url('images/logotipo.png') 0 0 no-repeat}
#logotipo h1 a:hover { background-position:0 -66px}
#logotipo h1 a SPAN {position:relative; z-index:-1}

***** HTML *****
<div id="logotipo"><h1><a href="index.htm" accesskey="1" tabindex="1"><span>Nombre de la web</span></a></h1></div>

Revision: 1064
at September 7, 2006 03:56 by webDesign


Initial Code
***** CSS *****
#logotipo {position:relative; top:0; left:0; width:150px; height:60px; z-index:1; background:url('images/logotipo.png') no-repeat}
#logotipo H1 A {margin:0; padding:0; width:150px; height:60px; display:block; text-decoration:none; background:url('images/logotipo.png') 0 0 no-repeat}
#logotipo H1 A:hover { background-position:0 -66px}
#logotipo H1 A SPAN {position:relative; z-index:-1}

***** HTML *****
<div id="logotipo"><h1><a href="index.htm" accesskey="1" tabindex="1"><span>Nombre de la web</span></a></h1></div>

Initial URL

                                

Initial Description

                                

Initial Title
Sustitución de H1 por logo (con rollover) / H1 logo image replacement (with rollover)

Initial Tags
image

Initial Language
CSS