31

Decoración de texto

La propiedad "text-decoration"aplicada a una palabra o texto, permite añadir distintos tipos de efecto.
Los valores que podemos obtener con "text-decoration" son: "none" (ninguno), "underline" (subrayado), "overline" (sobrerayado), "line-through" (tachado) y "blink" (parpadeo), aunque, por ejemplo, Internet Explorer no reconoce el valor blink.
Podemos añadirlo en el CSS de la plantilla para dar el efecto que queramos a los títulos o los links, por ejemplo.

text-decoration: underline;

text-decoration: overline;

text-decoration: blink;

text-decoration: line-through;

Y también puede hacerse directamente en el texto que queramos, colocando el texto entre <span style> y </span>:

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

TEXTO QUE SALTA (blink) (Con IE, no se ve el efecto)

TEXTO SUBRAYADO (underline)

TEXTO CON LINEA ARRIBA (overline)

TEXTO TACHADO (line-through)

Entradas Relacionadas:

31 comentarios:


Talín

Hola Rosa

Cómo puedo hacer que la imagen de mis blogs favoritos en el Sidebar sean todas de igual tamaño, y cómo puedo hacer una pequeño espacio de separación entre ellos.

Gracias

Talín

... lo de separarles ya encontré como.

La Novia de Gorgola

el que salta me gusta, tendré que probarlo.

Anónimo

gracias rosa gracias ati pude cambiar de fondo por fin a mo flog graciassssssssssss besos!!!!!!!!!!!!!1

Rachel

Hola Rosa,
hace poco descubrí tu blog y me parece de gran utilidad sobretodo a personas com yo que empiezan a aprender. Tengo una duda, me gustaría saber si puedo cambiar el estilo de letra de los titulos de la sidebaar,es decir donde pone etiquetas,archivo del blog, ya que la plantilla solo te facilita unos pocos. Espero me ayudes!!
Muchas gracias y enhorabuena por tu blog!!

Devil

Siempre me salvas! Con decir "Gracias" no alcanza...genia!

kissu&padam

Holaaaa soy la pesada de siempre jeje

Tengo una duda con el texto, no es de decorado pero es lo que más se le acerca de los posts sobre texto que tienes. Habrás observado en mi blog que títulos de texto demasiado largos, se ponen en dos líneas, el problema es que la segunda queda muy separada. Espero que n o tengas un megamonitor y puedas verlo en el ejemplo: http://desviando.blogspot.com/2007/09/mira-o-rechaza-mi-obra-pero-no.html)

Siempre evito poner títulos largos, pero hay algunos posts antiguos o a veces es inevitable, y creo que queda feo. Hay alguna línea de código que establezca esto, se pone automáticamente según la fuente, tamaño, etc que utilices...? (creo q este problema empecé a tenerlo después de poner el truco de la fecha dinámica en calendario, porque aún quita más espacio supongo). Por cierto, no sé si lo tienes publicado en tu blog, el truco este de la fecha que me costó encontrar (y aplicar) lo saqué de http://vagabundia.blogspot.com/2007/06/blogger-la-fecha-de-los-posts.html por si algún día quieres publicarlo

nada más, si la solución es muy difícil o tienes gripe no te preocupes! no tengo prisa ni es imprescindible, pero son detallitos que joden jej

Rosa

Kissu, buenos días!

Tengo algo sobre fechas parecido...je,je.
No estoy segura si es exactamente la fecha el problema, aunque casi que lo dudo, porque la fecha debería separar la distancia entre títulos en la página de etiquetas, no entre las frases del título...en fin, busca esto y probamos:

.post-title {
margin: 0;
padding: 0;
font-size: 150%;
font-weight: bold;
line-height: 5.6em;
}

La última línea del código: line-height: 5.6em;

es la distancia entre líneas de tus títulos y es enormeee, cambia a 1.5em, por ejemplo (es la distancia que tengo en mi blog) o, al menos reducela...

¡Suerte!

kissu&padam

graciaaas!! probaré mañana. Había usado por primera vez con este comentario lo del "suscribirse" por mail a las nuevas respuestas pero parece que no ha funcionado, así que no he visto la respuesta hasta ahora...

de donde sacas el tiempo para solucionar la vida bloguera a todo el mundo? :P

Rosa

Kissu, hija,soy de poco dormir, tan poco que a veces me acuesto como aquel que dice, por hacer algo, je,je.

kissu&padam

que suerte, yo a la que estoy dos noches seguidas durmiendo solo 7 horas me quedo hecha un deshecho humano...

he probado lo de la distancia y prefecto!ahora muchisimo mejor. si supiera qué signific más o menos cada línea del código... trasteando trasteando ya más o menos controlo, pero supongo que alguna burrada he ido haciendo (y haré) en mi pasado de toquetear la plantilla.
gracias de nuevo y buenas noches!

Josep

Muchas gracias por estos trucos, Rosa, que acabo de aplicar en mi último comentario.

Eres un pozo de sabiduría.

Saludos.

Rosa

Josep, gracias, pero de sabiduría mucho menos que de cabezonería :-)

Kenneth Jack Torrealba Peña

Saludos...hablando de texto, me surgio un problema: en mi editor de entradas se me desaparecio la funcion de tipos de fuentes y la de tamaño de fuentes...pense que era el firefox,probe con opera,internet explorer y la misma cosa..me parece que disque arreglando(NOVATO) las borre...se podran recuperar?...Se le agradece de antemanos...

Rosa

Kenneth Jack Torrealba Peña , es imposible que tu hayas hecho nada que produzca eso, ya que no tenemos acceso a esa parte los usuarios, el editor lo controla Blogger directamente, así que será un fallo de ellos.

De todos modos ve a tu panel en "Configuración" y comprueba en "Básico" si has puesto SI en "¿Mostrar el modo de composición para todos sus blogs?"

Kenneth Jack Torrealba Peña

ya lo hice...limpie el cache del navegador y sigue igual....y lo peor del caso es que colocas la duda en Ayuda de Blogger y ni siquiera te dan un enlace de una situacion similar que ha sido resuelta....seguire investigando para solucionar mi caso....SALUDOS Y MIL GRACIAS POR RESPONDER....

Rosy

hola , quiero hacer eso pero como hago para poner esoss codigos??

saluditos
Rosy

SIBARITA

Hola Rosa. Necesitaba saber como hacer para poder poner mas grande, en otro color y tipo de letra las etiquetas de mi blog, cuando intento hacerlo cambia el texto del blog entero, quisera poner las etiquetas (su titulo) mas grandes, con otro color y q sus entradas no tengan ni el mismo tamaño ni el mismo color, ni el mismo tipo de letra, podria ser?. muchas gracias

www.sibaritastur.blogspot.com

SIBARITA

rosa, no sabia donde ponerlo y lo he puesto aqui. Podrias poner como hacer un sitemap de nuestro blog de manera facil y como enviarlo?. Le he dado vuelvas en herramientas para webmaster de google pero no entiendo nada..., gracias

Rosa

SIBARITA, tendrás que localizar dentro de tu plantilla el código que corresponde al elemento (widget) donde has incluido las etiquetas.
Será una línea parecida a esta:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>

Fíjate que en esa línea se muestra la id del elemento, que en el ejemplo es, id='Label1'
Usamos esa id para colocar en el css unas líneas que controlen el aspecto de lo que está dentro del elemento (las etiquetas en este caso), el código ha de ir siempre antes de ]]></b:skin>

#Label1{
color: #ddd;
font-size: 16px;
font-family:arial,sans-serif;
}

En este ejemplo he puesto, color del texto: gris, tamaño del texto:16px y tipo de letra: arial. Cambias ahí por lo que necesites.

Para el título del elemento, sería así:
#Label1 h2{
color: #ddd;
font-size: 16px;
font-family:arial,sans-serif;
}

He puesto los mismos datos que, por supuesto, se cambiarán por los que necesitemos.

SIBARITA

gracias rosa, pero no me referia al titulo de la etiqueta (en este caso "secciones") sino a cada etiqueta en si y a cada una de sus entradas, quiero modificar el titulo de la seccion (lo que tu me has dicho) pero tambien las etiquetas q tengo y las q vaya añadiendo y asimismo las entradas de cada etiqueta....
muchas gracias

SIBARITASTUR

cuando puedas por favor contestame a este comentario de arriba, muchas gracias

Rosa

SIBARITA, siento mucho lo del comentario, en realidad SI recuerdo haberlo contestado, aunque es cierto que no me detuve a comprobar si se había publicado y, aveces, Blogger tiene estas cosas, sobre todo cuando como en estos días han estado de pruebas...

Te decía algo como que en el blog encontrarás varias opciones para mostrar las etiquetas y que deberás escojer la que más se adapte a lo que necesitas...cada widget se muestra de una forma y, en general, no pueden modificarse demasiado, pues este tipo de elementos (etiquetas, archivos, listas) tienen parte de su código oculto para nosotros, y es controlado directamente por Blogger.
No puede darse un aspecto distinto a cada etiqueta, al menos que yo sepa.

SIBARITASTUR

muchas gracias

SIBARITASTUR

rosa podrias publicar algo de como hacer u sitemap y enviarselo a google pq con las herramientas de webmaster de google no me entero de nada.., gracias

Rosa

SIBARITASTUR, mira a ver si esto te sirve de ayuda:
http://elescaparatederosa.blogspot.com/2007/03/aumenta-las-visitas-en-tu-blog.html

SIBARITASTUR

ya he hecho la meta de google y la del link que das de web experto, pero me refiero a cuando quieres añadir un site map, no se si hay q hacerlo de cada pagina de entrada o como se hace, tengo un lio de la hostia, resulta q le doy a hacer un site map general y me pone tres pasos, el primero(el de web general aunq no se si es mejor el code search, tu diras...) si pinchas es: https://www.google.com/support/webmasters/bin/answer.py?answer=34654&ctx=tltp&hl=es
el segundo es q he subido mi site map, q tampoco entiendo como subirlo, el link es: https://www.google.com/support/webmasters/bin/answer.py?answer=34575&ctx=tltp&hl=es
y el tercero pone que la url de mi sitemap es.. y aparece mi direccion de blog para anadir un /..., no se q hacer en ninguno de los tres pasos, igual soy un poco imbecil pero no se q hacer en ninguno de los tres pasos y si pudiera ser me lo aclararas...
perdona la molestia y gracias

Rosa

SIBARITASTUR, perdona :-$ hay días que ando bastante "espesilla" y hoy es uno de esos...falta de sueño.

Escoges la tercera opción y ahí colocas esto:
http://TU_BLOG.blogspot.com/atom.xml

Es la url de tu feed que proporciona Blogger por defecto, ya que Blogger no tiene sitemaps, pero en Google aceptan el feed en su lugar sin problemas.

Gracias por tu paciencia;-)

SIBARITASTUR

la que debe perdonarme eres tu, yo estoy muy agradecido y tranquila si tardas es normal, ya te lo recordare yo, jajajajaja.
con respecto a lo que me dices me surgen dudas, en eso tres pasos que te comente en el comentario nº 27 pone q hay q crear un sitemap, enviarlo y luego pone mi direccion de blog con una barra al final para añadirle algo, tengo q saltarme los 2 primeros pasos y añadir nel tercer paso solo "atom.xml" como tu me dices?, no hay que hacer nada mas enm los primeros?, pongo lo q dices en el tercero y ya esta?, no tengo q meter cada url de mis entradas?.
Y otra cosa, esos 3 pasos son para uno general, ese esta bien o ha de ser un code search?.

Rosa

SIBARITASTUR, mira voy a dejarte un enlace a otro blog donde, al menos así lo creo yo, lo explican de maravilla:
http://www.blogverso.com/2008/02/herramientas-para-webmasters-de.html

SIBARITASTUR

graciaaaaaaaaaaaaaas

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