Advanced Search

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

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. ***** CSS *****
  2. #logotipo {width:150px; height:60px; background:url('../images/logotipo.png') no-repeat}
  3. #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}
  4. #logotipo h1 a:hover {background-position:0 -60px}
  5. #logotipo h1 a span {position:relative; z-index:-1}
  6.  
  7. ***** HTML *****
  8. <div id="logotipo"><h1><a href="index.html" accesskey="1" tabindex="1"><span>Nombre de la web</span></a></h1></div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.