9 Técnicas para sustituir texto por imágenes con CSS

La sustitución de imágenes con CSS es una forma de sustituir textos de nuestro sitio por imágenes. Un ejemplo de esta técnica seria poder reemplazar el <h1> de nuestro sitio por nuestro logo sin perder los beneficios en cuestiones SEO.

Un ejemplo de esto sería

 
<h1 id="logo">  
<span> Intenta </span>  
</h1>

Y el CSS

 
h1#logo {
   width: 250px;
   height: 25px;
   background-image: url(logo.gif);
 }
 
h1#logo span {
   display: none;
}

En CSS Tricks publican 9 tecnicas para sustituir texto por imágenes con CSS

Quizas te interese   Excelente Slider en CSS y jQuery gratis y fácil de usar
Artículo anteriorHipHop: Optimizar PHP y reducir el consumo del CPU como lo hace Facebook
Artículo siguienteSimpleFolio: Theme gratis para Portfolio en Worprees

2 COMENTARIOS

Dejar una respuesta

Please enter your comment!
Please enter your name here