1

Modificar mensaje de etiquetas

En la entrada anterior expliqué como eliminar el mensaje en la página de las etiquetas, esa especie de "tablón", para aquellos que no quieran prescindir del mensaje en cuestión, os explico como podemos modificarlo para que luzca mejor, o al menos, como más nos guste.

1- Añadimos este simple código en el CSS de nuestra plantilla:

.status-msg-wrap {
}
2- Antes de la llave } de cierre, añadimos las características de nuestro tablón de etiquetas, por ejemplo así:

.status-msg-wrap {
font-weight: bold;
font: x-small Verdana, Sans-serif;
text-align:center;
color:#ffffff;
border: 5px solid #FFFFFF;
background:#6666FF;
}
Os explico el código añadido para que os sea más fácil modificarlo a vuestro gusto:

font-weight: bold; Esto hace que el texto se vea en negrita.
font: x-small Verdana, Sans-serif; Tipo de fuente del texto.
text-align:center; El texto centrado.
color:#ffffff; El texto de color blanco, menos el de "mostrar todas las entradas" ya que es un link y se verá del color que tengamos para los otros links del blog.
border: 5px solid #FFFFFF; Esto hace que el borde de la tabla tenga 5px de grosor y sea de color blanco. Podéis cambiar el grosor, eliminar el borde poniendo 0px y, por supuesto, elegir otro color.
background:#6666FF; Esto "ordena" el color de fondo que queramos a nuestro tablón.

Y así quedaría:

Si cambiamos background:#6666FF; por la url (dirección) de una imagen, esta será el fondo de nuestro tablón de etiquetas.
background-image: url(http://img74.imageshack.us/img74/7707/arrestingly4nqvx0.jpg);

Entradas Relacionadas:

1 comentario:


Unknown

Muy interesante Rosa, ¿pero sabes si hay alguna manera de editar el texto que aparece? Quiero decir, a mi no me interesa que aparezca la parte "Mostrar todas las entradas", es posible eliminar sólo esta parte. Muchas gracias. El Puchero de Rosa.

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.

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