No solo he estado modificando el aspecto de este blog (todavía me quedan algunos detalles…), también he realizado un nuevo diseño para mi blog de fotografía.
En un principio había pensado en modificar el archi-conocido tema CSS-Gallery, pero finalmente decidí realizar el mio propio:
Esta realizado con XHTML y CSS válidos, usando WordPress como CMS y MooTools para los efectos añadidos. El plugin de valoración de fotografías es el WP-PostRatings.
Como podéis ver, la estructura es muy similar a CSS-Gallery, en mi caso pensé que el color negro en el fondo ayudaría a destacar mejor las fotografías publicadas.
El menú de la cabecera tan solo permite acceder a las 4 categorías principales y realizar búsquedas, en el menú lateral aparecerán las diferentes categorías según se vayan creando. También incluí una opción de valorar las fotos (al igual que en el tema que use como inspiración).
Cada fotografía publicada aparece en un recuadro con el título, la valoración y una esquina levantada cuyo color es el de la categoría a la que pertenece. Haciendo clic sobre la imagen, esta se abre a mayor tamaño en un lightbox.
Haciendo clic en el título se puede acceder a la entrada en concreto de la fotografía, en la que aparecen mas datos sobre la toma (ISO, velocidad, etc…) ,aunque todavía no los he añadido. La imagen aparece a un tamaño un poco mayor y con un leve reflejo que no se si dejar o no 
. Al hacer clic sobre ella también se abre a mayor tamaño en un lightbox.
¿Opiniones, fallos, mejoras…?
Ah! por cierto, quiero aprovechar y desde aquí dar las gracias a 2 sitios que me han servido de ayuda a la hora de llevar a cabo este tema: aNieto2K y AyudaWordPress
2 ComentariosEn breve...
Por fin, nos hemos decidido, vamos a poner un lightbox en nuestra web para mostrar de una manera más elegante nuestras imágenes, vídeos, etc… pero, ¿cual de todos usar?
The Lightbox Clones Matrix es una herramienta/recopilación de 38 de ellos. Lo interesante de esta web es:
- Podemos ver que scripts usan cada uno de ellos (Jquery, Prototype, Mootools, …)
- Clasificarlos por peso del script
- Saber de una manera rápida y cómoda que medios podemos mostrar con el script (flash, vídeo, audio, …)
Todavía tienes un hueco en tus marcadores ¿a que si?
Sin comentariosEn breve...Si quieres añadir un reflejo a tus imágenes, con Mootools lo puedes hacer fácilmente.
Tan solo necesitamos el archivo reflection.js y la versión 1.1 de Mootools o superior. Una vez hemos descargado los archivos .js los tenemos que subir a nuestro alojamiento.
Añadimos estas 2 lineas entre las etiquetas <head> </head> de la página donde queremos agregar el reflejo a nuestras imágenes:
<script src="js/mootools.v1.1.js" type="text/javascript"></script> <script src="js/reflection.js" type="text/javascript"></script>
Y ahora tan solo tendremos que añadir la class reflect a las imágenes que queramos que aparezcan con reflejo:
<img src="logo.jpg" class="reflect" />
¿Quieres ver una demo?
Sin comentariosEn breve...Extraordinaria recopilación realizada por Phatfusion de múltiples herramientas desarrolladas sobre MooTools.
Muy útil para darle un toque personal para los diseños y proyectos que tengas entre manos 
.
Vía: Xyberneticos
Sin comentariosEn breve...