miércoles, 3 de marzo de 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.



No hay comentarios:

Publicar un comentario