03 marzo 2010

Actualización para la plantilla “Bella Primavera”

Plantilla Bella primavera
Ayer por la noche agregué  algunas características a la plantilla de "Bella primavera", sin alterar el diseño, así que aquí tienen la versión mejorada, espero que les guste y si tienen sugerencias díganme con confianza.
                                                 

Las características que añadí son:
  • Agregué una burbuja para contener el link con el número de comentarios.
  • Agregué efecto de transparencia (opacidad) para las imágenes que tengas en tus entradas, al poner el puntero del ratón sobre la imagen.
  • Le dí estilo al blockquote ó "citas" de tus entradas.
  • Coloqué unas imágenes al fondo para que puedas colocar ahí algunas fotos tuyas, imágenes de eventos memorables o cualquier otro tipo de imagen.

Claro que tienes que cambiar las imágenes que yo puse por las propias, pero es fácil, solo haz lo siguiente:

1. Ve a Diseño -----> edición de HTML y sin expandir artilugios, localiza lo siguiente:

<h2> Mis mejores Recuerdos</h2> <div id='imagenes'><ul>
<li>
<a href='#' title=’titulo_imagen'><img alt='texto_alternativo' src=' http://i672.photobucket.com/albums/vv83/karlaenlinea/ForestFlowers.jpg '/></a></li><li>
<a href='#' title='titulo_imagen'><img alt='texto_alternativo' src='http://i672.photobucket.com/albums/vv83/karlaenlinea/FrangipaniFlowers.jpg'/></a></li><li>
<a href='#' title='titulo_imagen'><img alt='texto_alternativo' src='http://i672.photobucket.com/albums/vv83/karlaenlinea/TocoToucan.jpg'/></a></li><li>
<a href='#' title='titulo_imagen'><img alt='texto_alternativo' src='http://i672.photobucket.com/albums/vv83/karlaenlinea/WinterLeaves.jpg'/></a></li>
  </ul>
2. Sustituye los enlaces y textos por los propios, de la siguiente manera:

  Mis mejores Recuerdos --> Este es el encabezado de tus imágenes, cámbialo por el texto que quieres que aparezca.

  #  --> por la URL (enlace) a la que quieras que se dirija, cuando se haga click sobre la imagen, por ejemplo a un post).

  tilulo_imagen --> por el texto que quieres que aparezca cuando pongas el puntero del ratón sobre la imagen.

  texto_alternativo --> Este es el texto alternativo, puedes poner el mismo texto que pusiste en titulo_imagen.

y por último los enlaces de las imagenes, por los propios, son 4 en total, las puse con negritas para que los identifiques, por ejemplo:

http://i672.photobucket.com/albums/vv83/
karlaenlinea/ForestFlowers.jpg

*Nota: ten cuidado de no borrar las comillas que están antes y después de los textos y los enlaces.

Demo | Descargar

Hasta la Próxima.

Artículos recomendados:

Gracias por compartir tu comentario y hacernos saber tu opinión.