09 marzo 2010

Introduciendo la plantilla "Noche de Estrellas"


En ciertas oraciones cuando estoy trabajando en la decoración de una plantilla, por decirlo en términos muy simples, me encuentro en el dilema de si usar un fondo para el contenido oscuro  ó claro, un fondo con textura o sin ella, etc.

Es por eso que pensé que en algunas ocasiones, según lo amerite el caso, haré 2 versiones de la misma plantilla, pero, usando diferentes tonos ó colores, para satisfacer el gusto de mas personas ¿qué te parece la idea?

Por lo pronto aquí les tengo una versión (serán dos en total) de la plantilla "Noche de Estrellas" con fondo fijo para mantener visibles los bonitos elementos que la componen, creados por la gentil y talentosa Chris, quien amablemente me permitió usarlos. Gracias Chris por tan bonitos elementos de Scrapping.

Esta es una plantilla que seguramente te recordará a los fondos que puedes descargar en algunos sitios, donde los elementos gráficos se encuentran principalmente en los lados del contenido, y bueno, es que esa era precisamente la idea. Está pensada para blogs muy personales, me refiero a aquellos que comparten vivencias y fotografías con sus familiares y allegados. No vas a tener que configurar nada, excepto por la galería de imágenes que se muestra al final de la página y que a continuación te explico cómo hacerlo ;)

Personalizar la galería de imágenes


Necesitas cambiar las imágenes  de la galeria que se muestra al fondo de la pagina, pero es fácil, solo haz lo siguiente:


1.Ve a Diseño -----> edición de HTML y sin expandir artilugios, vé hacia el fondo, casi al final del código de la plantilla y 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 o título 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]                           [Bajarla]

Pronto publicaré la otra versión. Bienvenidos Comentarios.

Artículos recomendados:

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