domingo, 27 de enero de 2008

Cómo poner un fondo en degrade a la fecha

Vamos a poner un fondo de un color cualquiera, a la fecha que agrupa nuestros posts. Para una mejor presentación vayan a Configuración - Formato y seleccionen en la opción Formato de cabecera de fecha el formato domingo 27 de enero de 2008 (o el que aparezca según el día en que apliquen este tip). Grabamos.

Ahora nos vamos a Plantilla - Edición de HTML y marcamos Expandir plantilla de artilugios y buscamos el dato date-header. Este lo vamos a encontrar en 2 ubicaciones. La primera tiene este formato (puede variar según la plantilla):

h2.date-header {
  margin:1.5em 0 .5em;
  padding:7px;

}

Ahora, lo modificaremos de la siguiente forma:

h2.date-header {
  margin:1.5em 0 .5em;
  background-color:#FCEBCD;
  padding:7px;

  font:bold 12px verdana;
  color: black;

  width:100%;
  height:100%;
  filter:Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=70%, FinishY=70%)
  }

Lo que esta en negrita es el código que hemos agregado. Con esto le estamos indicando que el tamaño de la fuente es de 12px, será la fuente Verdana y estará en negrita o bold, y de igual forma le estamos indicando el color que en ejemplo es black (negro).

Ahora vamos a la segunda ubicación de date-header que tiene este formato (puede variar según la plantilla, pero no lo creo honestamente):

<h2 class='date-header'>data:post.dateHeader/></h2>

y lo vamos a cambiar a esto otro:

<h2 class='date-header'>
   <div align='right'>
      <data:post.dateHeader/>
   </div>
</h2>

Con esto lo único que le hemos indicado es que se alinee la fecha a la derecha (right). Grabamos y listo.

Ahora bien, hay 4 estilos de degradado, que pueden ir probando en el tag Style=1 dónde pueden variar 1 por 2, 3 o 4. Los parámetros para opacidad e inicio y final de esta creo que están claros, dado que usan coordenadas cartesianas que todos conocemos desde el colegio.

Espero les haya sido de utilidad.

No hay comentarios:

Publicar un comentario

AVISO:
Muchas gracias por considerar dejar un comentario. Te pido por favor que tengas en cuenta las siguientes pautas:
1. Evita usar lenguaje prosaico u ofensivo, y mantener siempre el respeto por todos.
2. Respeta las opiniones de los demás y no cometas el error de atacarlos de manera insultante o prosaica.
3. Si no estas de acuerdo con el tema publicado, ambos sabemos que hay forma de realizar una crítica sin ofender ni agredir.
4. También queda prohibida los enlaces de promoción o publicidad descarada.
5. Finalmente te pido que no utilices abreviaturas en tus respuestas para poder mantener una armonía en la lectura de los mensajes y una mejor comprensión de la lectura.

Y como muestra de mi gratitud por tu visita y comentario, si tienes sitio web o blog y has ingresado ese dato u OpenID, agregaré tu web o blog en mi sección Blogs de amistades y/o que me gusta visitar seguido.

En caso contrario tu comentario podría ser eliminado. Aprecio mucho que consideres esta petición de mi parte. Muchas gracias por tu comprensión.

Nota: solo los miembros de este blog pueden publicar comentarios.

El pianista que tocó y alguien escuchó

Una marmota en el barrio de Lima

Historias de una cocina

El cine que compartí