Comentarios en: Image Replacement o cómo reemplazar contenido por imagen

Por: Pablo Cabrol

Pablo Cabrol — Fri, 17 Dec 2010 14:04:46 +0000

es posible realizar el reemplazo de un enlace , y a lo que me refiero es que se pueda ocultar, por ejemplo por indentacion en elnace con un margen negativo, yo he realizado siempre el reemplazo pero siempre tengo que aplicar esta propiedad a un encabezado dentro del mismo enlace, a los enlaces puedo cambiarles el fondo peor no asi hacer que el texto desaparezca, es posible o sigo aplcando

Por: Miguel Flores

Miguel Flores — Fri, 28 May 2010 17:11:27 +0000

Yo suelo utilizar el siguiente HTML:
h2 id=”ejemplo”>Titular con reemplazo de imagen

(Lo puse así por que de otro lado no me muestra el código)
Y el CSS:
h2#ejemplo span{
display: none;
}
h2#ejemplo {
height: 35px;
background:url(../images/titular.jpg) no-repeat;
background-repeat: no-repeat;
}

Es accesible y es estándard.

Por: Miguel Flores

Miguel Flores — Fri, 28 May 2010 17:09:58 +0000

Yo suelo utilizar el siguiente HTML:
Titular con reemplazo de imagen

Y el CSS:
h2#ejemplo span{
display: none;
}
h2#ejemplo {
height: 35px;
background:url(../images/titular.jpg) no-repeat;
background-repeat: no-repeat;
}

Es accesible y es estándard.

Por: Jorge Epuñan

Jorge Epuñan — Wed, 23 Sep 2009 15:22:29 +0000

rené: podrías facilmente implementarlo con un menu horizontal con rollover. saludos.

Por: Jorge Epuñan

Jorge Epuñan — Wed, 23 Sep 2009 15:16:21 +0000

Julien: la verdad tu duda me intrigó y tras leer bastante, encuentro respuestas contradictorias y poco claras (es normal dado q los buscadores tampoco son muy transparentes con sus tecnicas de indexacion y rankeado). Dicen algunos q no hay problemas de usar tecnicas como text-indent junto a overflow:hidden en archivos CSS linkeados externos, ya q los spiders no llegan a ellos tan frecuentemente; por otro lado Google indica q algunas tecnicas son penalizadas pero no especifica cuales ni como aplica ese criterio; enfin lo q presento en este articulo esta probado y utilizado por muchos desde hace mucho y no ha tenido problemas tales. Exito.

Por: rené

rené — Tue, 22 Sep 2009 17:44:00 +0000

excelente blog¡¡

quiero hacer lo mismo pero para un menu con comportamiento de roll over..alguna técnica o tuto que me recomienden?

Por: Julien

Julien — Sun, 20 Sep 2009 21:52:33 +0000

perdón, no entiendo bien…
¿overflow:hidden esta o no penalizado por google si esta aplicado a un bloque conteniendo texto?
No se porque pregunto ya que comprobe que si..
¿y visibility:hidden?

Por: Jorge Epuñan

Jorge Epuñan — Tue, 24 Jun 2008 21:43:13 +0000

Esteban: la tecnica es muy limpia ya q usa text-indent para esconder el elemento, overflow: hidden cumple solo la funcion de no desplegar un scroll horizontal al elemento. asi q para el robot, el txt aun esta ahi pero corrido ‘levemente’ 9999px hacia la izquierda, no hay cambio de contenido donde los robots si pueden penalizrte (por ejemplo con visibility: hidden).

Por: Esteban

Esteban — Tue, 24 Jun 2008 21:31:12 +0000

Y enfocandome en SEO/Robots, me imagino que el robot al leer la etiqueta h1 pero con texto oculto (overflow: hidden;), no sera una forma de penalizar el sitio para sus resultados en google?

Que opinas Admin?

Por: CSSLab » Más tipografías con sIFR

CSSLab » Más tipografías con sIFR — Thu, 08 May 2008 19:47:24 +0000

[...] Una de las grandes limitaciones de diseño web está en el manejo tipográfico, ya que tenemos una escasa gama de tipografías disponibles a la que podames aspirar que posean todos los usuarios. Hablamos de Arial, Helvetica, Verdana y Tahoma para las sans-serif (palo seco); Georgia, Times/Times New Roman para las serif y Courier/Courier New para monospace. Y sería, tenemos limitada la creatividad con eso. Si pensamos en utilizar una font especial, lo único que tenemos es recortarla como un GIF y ponerlas con alguna técnica de text-replacement. [...]