29

Tachado con imagen

Es un efecto muy lindo que publicó hace tiempo Blog Bazar, en realidad fue una de sus primeras y últimas entradas, ya que el blog lleva tiempo sin ser actualizado.

Habíamos visto en una entrada anterior, como conseguir "tachar" un texto en nuestro blog usando la etiqueta <strike>

La idea que Blog Bazar nos presenta, es esta misma pero usando una imagen para lograr un efecto aún más original.

Tachado


[1] Aplicamos este código colocandolo en nuestra plantilla antes de </head>

<style type='text/css'>
strike {text-decoration:none; background:transparent url(url_de_la_imagen) repeat-x left 55%}
</style>

[2] Para usarlo en el blog, sencillamente tenemos que incluir el texto que queremos mostrar tachado, entre las etiquetas <strike> y </strike>
Si vamos a usarlo en las entradas, lo haremos desde la pestaña de Edición de HTML del editor.


Nota: Aunque el texto que vamos a tachar sea una frase e incluso más largo, no habrá problema ya que la imagen se repetirá hasta completar el ancho del texto incluido entre esas etiquetas (strike).

Tachando frases


Aquí tenéis las imágenes que Blog Bazar comparte con todos nosotros:

linea
linea-azul
linea-roja
linea-verde
linea-garabato
linea-garabatillo

Entradas Relacionadas:

29 comentarios:


· Alba ·

Veré qué texto invento para tachar, porque son tan monas las líneas que apetece probarlas xDD

Σ=o) Pau

Wow! me encanta el efecto, una cosa es tachar pero que parezca real es precioso!!!
Espero que hayas disfrutado tu viaje y que tengas una linda semana

Un abrazote ronroneado ^_^

Dulce estrellita

hola rosa! soy dulce estrellita desde Argentina... mi pregunta es como hacemos para q nos aparezca un icono personalizado para nuestro blog en la caja de busqueda donde aparece nuestra direccion de blog... espero q me entiendas a q me refiero... muchas gracias

dulce-estrellita.blogspot.com

Ascesino96

hola rosa, yo aprecio mucho tu blog, pero puedo pedirte un favor??
yo no tengo muchas visitas por dia, y te pido una ayudito, claro, eso si tu quieres, podrias poner a mi blog como recomendados, a mucha gente le gusta el futbol, pero nadie conoce mi blog, entonces no tengo visitas!!!, bueno, tu blog esta en mis favoritos, nos vemos, chau!!!

BOFOCAT

hola antes q nada felicitarte por tu blog q es de gran ayuda
una duda ves cuando entramos en tus etiquetas que estan arriba solo sale el titulo
y alado un signo -/+ como ago para poner ese efecto

Graciela

Bienvenida al mundo virtual o no tanto :) espero hayas disfrutado de tu salida!!!
Ya veré qué tacho para utilizar el 'tachado con imágen'...besitos mi Rosi!!!

Rosa

Dulce estrellita Te entiendo perfectamente :D ese icono que dices, se llama favicon y puedes ver como ponerlo aquí:
http://elescaparatederosa.blogspot.com/2007/04/favicon-para-el-blog.html

Rosa

@ Alba Seguro que algo encuentras :D

@Pau Graciasss, si, he disfrutado y además he visto a mi hijo el grande que no veía hace meses :D

Rosa

BOFOCAT Gracias.
Creo que te refieres a esto:
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

Rosa

Graciela A veces no tanto... no :D

PyoT

Hola Rosa, tanto tiempo xD.
Vuelvo con una duda, hace mucho que no me funciona lo de progamar entradas, le pongo una fecha y hora y nunk se publica?

DXD: Disney Xtreme Downloads

holas mira me gustaria saber como poner una pagina de inicio para seleccion de idiomas del blog para blogger

DXD: Disney Xtreme Downloads

holas mira me gustaria saber como poner una pagina de inicio para seleccion de idiomas del blog para blogger

Rosa

PyoT Pues lo siento, pero no hay acceso a esas funciones de los usuarios, es Blogger quien controla eso directamente, así que será un fallos de ellos supongo.

N.H.M

Holaaa! primero que nada, quiero felicitarte y agradecerte, ya que me has ayudaddo mucho con tus consejos en el bLog, y notificarte que hay un premio esperando por ti en mi blog. Creencias

Ascesino96

Hola rosa, por ahi vi un comentario en tu blog de un tal Disney extreme downloads que decia como se hace para poner una pagina de inicio con seleccion de idiomas, bueno, yo tambien quisiera saber como se hace eso, bueno, nos vemos!!!

PyoT

Pues que mal, de todos modos GRACIAS.

Rosa

@DXD: Disney Xtreme Downloads y @Ascesino96 Pues una solución es colocar un gadget sobre las entradas con el traductor y escoger la opción de mostrar 0 entradas en la página principal.
Hay un sistema para hacer una introducción en flash, pero nada recomendable para mi gusto.
Y algún que otro sistema más complicado que de momento no voy a publicar ya que prefiero seguir con cosas más simples.

Ascesino96

muchas gracias rosa, sabia que tu buscarias una solucion!!!eres la mejor!!!

Ascesino96

hola rosa, una pregunta, yo use eso de darle color a las tres columnas que se pueden agregar en el footer, bueno, ahora yo quiero sacar el color a esas tres columnas, que tengo que hacer??

Rosa

Ascesino96 Por favor, deja los comentarios en la entrada que corresponde... es un lío para mi ya que tengo que ir a mirar a que te refieres, además de que los comentarios en su entrada correspondiente sirven de ayuda a la gente que se molesta en leerlos.

Para eliminar el color de fondo, en el código CSS, elimina las líneas de background.

Ascesino96

ok, perdon, lo que pasa es que yo de desesperado, pero luego lei el comentario y ya solucione mi problema, voy a dejar de hacer eso, lo siento!!!

Anibal

Hola Rosa, disculpa tanto que molesto pero es que tengo una duda que he estado buscando en internet y nada funciona, y creo que en tu blog aún no hay nada relacionado a ello.

Es algo sobre el efecto del mouse al pasar sobre algún texto. Por ejemplo en la palabra "casa" cuando pase el mouse sobre la palabra quiero que aparezca una imagen de una casa y así con cualquier cosa. (no es lo de cambiar de imagen, sino que aparezca una). Si puedes alguno de estos días publicar algo al respecto te lo agradecería, ya que todo lo que encuentro hasta ahora no me funciona :(

Pues me paso siempre para ver algo al respecto. Saludos!

Rosa

Ascesino96 No pasa nada :D se que pensáis que en la ultima entrada lo leo antes, pero no es así. Todos los comentarios llegan a mi correo y voy contestando por orden de llegada, estén en una entrada o en otra.

Rosa

Anibal Mira si esta entrada de Vagabundia es algo parecido a lo que buscas:
http://vagabundia.blogspot.com/2009/04/efectos-hover-al-estilo-twitter.html

TRECARUNGA

Rosa! jeje, Parece bueno, cuando tenga que tachar algo lo voy a probar ;)

Shinae

holi noc si me puedas ayudar en esto loq pasa es q ue quiero poner un fondo diferentea mi blog y noc como acerlo me ayudas

Ascesino96

Hola Shinae
Respuesta a eso, lee este post que rosa creo anteriormente!!!
click aqui para ir al post!!!

Rosa

Shinae Como verás en el comentario anterior, Ascesino te responde muy amablemente y además te indica una entrada con un sistema muy sencillo...
Gracias Ascesino :D

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S