14 marzo 2008

Decorando los texto

En el Blog de El Escaparate de Rosa, vi el truco que permite añadirle a una palabra o texto efectos, esta propiedad es llamada “text-decoration”.

Algunos valores del “text-decoration”:
“none” (Ninguno)
“underline” (Subrayado)
“overline” (Sobre rayado)
“line-through” (Tachado)
“blink” (Parpadeo) Este efecto no lo reconoce Internet Explorer

¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC"

Recuerda que esto lo puedes utilizar en tu plantilla añadiéndolo como CSS “Los CSS están ubicado ante del ]]></b:skin> ”, y dándole un efecto a los links o títulos.
Lo colocas así:

text-decoration: underline;

text-decoration: overline;

text-decoration: blink;

text-decoration: line-through;

O lo puedes colocar directamente dentro del texto con la etiqueta <span style:> y </span>, quedando así:

<span style="text-decoration: blink;">TEXTO AQUI</span>

TEXTO CON PARPADEO (Blink) (Con Internet Explorer, no se ve el efecto)

TEXTO SUBRAYADO (Underline)

TEXTO CON LINEA ARRIBA (Overline)

TEXTO TACHADO (Line-through)

9 comentarios:

  1. Muy interesante lo que nos aportas.
    Muy atento.

    Un saludo

    ResponderEliminar
  2. Antony mi pequeño, gracias por el comentario!!!, ojalá que los gobiernos construyan un mundo mejor para ustedes o que ustedes traten de ser coherentes, así les digo a mis hijas, los adultos los estamos tratando muy mal.
    Qué suerte encontrarte de nuevo, 2 veces la PC se fue a Terapia Intensiva y yooooo otra metí mano en los links y para recuperar a todos, ohhh hice un lío bárbaro.
    Mis chuik, chuik y abrazos perfumados.

    ResponderEliminar
  3. Sabés que es lo que nunca me salió?, poner el "seguir leyendo" en los post. No se como hacer, y ahora estoy armando un blog de fotografias y justo queria hacer eso, pero no me sale...en fin, algun dia saldrá.
    Abrazos

    ResponderEliminar
  4. Tienes un premio en mi blog, pasa a buscarlo. Besos enormes!

    ResponderEliminar
  5. Hola Nuria! Gracias Nuria por tu visita, y vendran mas aporte...

    Hola Graciela! Tienes mucha razón corazón... Gracias por tu visita.

    Hola Marisol! Cualquier cosa que necesites, me contactas para ayudarte, Vale! Ah! y gracias por el premio.
    ¡Saludos a todas!

    ResponderEliminar
  6. he intentado hacer esto y la verdad no me sale... jejejeje, estoy medio brutico

    saludos brother
    dios te bendiga

    ResponderEliminar
  7. Hola Nick Joel! Insiste hazlo con mucha calma, practica con un editor de HTML online…

    ResponderEliminar
  8. bueno seguire el intento, pero no me ha salido jejejeje

    dios te bendiga brother

    ResponderEliminar
  9. Hola Nick Joel! Hola! Recuerda esto aquí es donde vas a colocar el texto y donde va el "text-decoration: blink;" puedes poner otra como "text-decoration: overline;". Esos son algunos de los detalles y recuerda que el efecto con parpadeo no se ve en IE sino en Firefox.

    <span style="text-decoration: blink;">TEXTO AQUI</span>

    ResponderEliminar

¡Gracias por comentarme! No modero los comentarios porque me parece tentar contra la libertad de expresión de cada individuo, por eso le pido que no hacer comentarios con palabras obscenas, si vas a comentar como Anónimo por favor coloca tu nombre o cualquier apodo. ¡Gracias!