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.
[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).
Aquí tenéis las imágenes que Blog Bazar comparte con todos nosotros:
a las
Etiquetas:
Trucos imagenes,
Trucos Texto
Vitua Radio
Foro SpamLoco
Seguir el Escaparate
28 comentarios:
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 ^_^
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
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!!!
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
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!!!
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
@ 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
BOFOCAT Gracias.
Creo que te refieres a esto:
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html
Graciela A veces no tanto... no :D
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?
holas mira me gustaria saber como poner una pagina de inicio para seleccion de idiomas del blog para blogger
holas mira me gustaria saber como poner una pagina de inicio para seleccion de idiomas del blog para blogger
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.
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
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!!!
Pues que mal, de todos modos GRACIAS.
@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.
muchas gracias rosa, sabia que tu buscarias una solucion!!!eres la mejor!!!
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??
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.
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!!!
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!
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.
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
Rosa! jeje, Parece bueno, cuando tenga que tachar algo lo voy a probar ;)
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
Hola Shinae
Respuesta a eso, lee este post que rosa creo anteriormente!!!
click aqui para ir al post!!!
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
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.
Comentar con el formulario antiguo