data:newerPageTitle data:olderPageTitle data:homeMsg

domingo, 27 de enero de 2008
13:04:00

Por cada comentario que haces, Dios salva un gatito

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.


*****

0 comentarios:

Haznos saber tu opinión

Todo comentario es bien recibido. Pero debes de tener en consideración los siguientes puntos:
1. No se permitirán insultos.
2. No se permitirá comentarios únicamente con publicidad. En todo caso te sugiero enviar un mensaje privado para ver el tema.
3. No se permitirá ningún tipo de ataque, agresión ni apologías de ningún tipo que inciten a la violencia o reacciones violentas. Se puede criticar y entablar debate sin necesidad de agredir a nadie.
4. No se permitirá ningún tipo de discriminación, segregación ni racismo.

Todos los comentarios serán sujetos a moderación, así que por favor les pido un poco de paciencia. Muchas gracias por comentar en este blog.



Coméntalo en Facebook

data:newerPageTitle data:olderPageTitle data:homeMsg

Publicados en esta categoría...

Suscribete a De Copy and Paste