Jueves, Mayo de 17 de 2012
   
TEXTO:
17
Abr
2010

Galería en 3D

(6 votos, media 5.00 de 5)

UNA GALERÍA CON IMÁGENES EN 3D

 galeria imagenes   En este manual voy a explicarte cómo instalar esta interesante extensión (el módulo vinaora cu3er) en tu web Joomla 1.5 y los apartados que tienes que configurar para conseguir que funcione sin problemas. Se trata de una galería que puede interesar a webmasters que necesiten colocar imágenes de una forma muy vistosa, como podrás apreciar en el vídeo de abajo, donde he colocado 4 imágenes de muestra para el ejemplo.


      

    Las imágenes rotan en un lapsus de tiempo que tú puedes establecer, y lo harán de forma continuada mientras un usuario visite la página donde la tengas colocada. Es diferente a otro tipo de galerías, donde aparecen unas miniaturas y al picar sobre ellas se amplía la imagen. En esta que te muestro, tú tienes que decidir el tamaño concreto que tendrán las imágenes y además el lugar donde quieres colocarlas (al tratarse de un módulo, admite lógicamente cualquiera de las posiciones que admita tu template).

PASO A PASO PARA INSTALAR ESTA GALERÍA (SI TE INTERESA)

LO PRIMERO: CARGAR LAS IMÁGENES QUE VAMOS A USAR:

    • Esta es nuestra primera tarea: cargar las imágenes y además con un tamaño que tendremos que decidir (según el lugar de la web donde las vayamos a colocar).  Vinaora crea una carpeta justamente en: /media/mod_vinaora_cu3er/images (dentro de nuestros archivos de joomla 1.5) y ahí deberemos crear nuestra carpeta donde alojaremos las imágenes que usaremos. Lo hacemos a través de FTP creando la carpeta indicada y colocando dentro de ella las imágenes que usaremos (pueden ser tantas como necesites):

ruta para guardar las imagenes    
    • He creado una carpeta llamada manual dentro de la ruta especificada, y ahí justamente cargo las imágenes.

imagenes de la galería    
    • Fíjate que a todas ellas les he dado un tamaño de 180 x 135 px. (pues las colocaré en el módulo "left" del template y no pueden ser mucho más grandes).  Pero si las colocas en otro lugar que admita una mayor medida, podrás usar dimensiones mucho más grandes...
    Bien, pues  hecho esto, ya prodremos:

INSTALAR Y CONFIGURAR NUESTRA GALERÍA

    • Estando en tu Panel de Joomla 1.5 entra en el menú de arriba en Extensiones > Instalar/Desinstalar (ya conoces cómo instalar una extensión, así que sigue los pasos como para cualquier otra). En concreto instalaremos este módulo:

instalaremos este módulo

SUBIR A PRINCIPIO DE PÁGINA ...

LA DESCARGA:

    • Se trata del módulo que ves, el cual puedes descargar desde el sitio oficial. Pica en pestaña "Downloads" y descarga mod_vinaora_cu3er_1.1.zip a tu ordenador, pues es el que instalarás (ver imagen de arriba).
    Ya lo tienes instalado, así que ahora pica sobre este módulo para configurarlo:

 editamos el modulo

LA CONFIGURACIÓN DE LOS PARÁMETROS DE NUESTRA GALERÍA

    • No es muy conplicado configurar nuestra galería, pero requiere tener en cuenta unos apartados que te explico. En primer lugar, debes decidir dónde colocarás la galería (en que posición de módulo quieres ponerla --dentro de los que admita tu plantilla, claro--); en el ejemplo la voy a colocar en la posición "left" (a la izquierda):

colocaré la galería en

    • Ahora en la parte derecha le debo indicar el tamaño exacto que tendrán las imágenes (todas deben tener la misma medida), que en mi caso como ves será de 180 x 135:

medidas de las imágenes

    • Iremos a continuación al apartado Slide/Image Settings donde debemos escribir:

datos de las imágenes

    • Se trata aquí de escribir la ruta exacta de cada una de las imágenes, separando cada una con | según te indica en rojo. Lógicamente, escribes la primera ruta y después usas "Copiar-Pegar" cambiando sólo el nombre de la imagen en cada una (no te olvides de separar con el signo " | ". Un poco más abajo tienes el apartado Links:

links para imágenes

SUBIR A PRINCIPIO DE PÁGINA ...

    • Es decir, puedes colocar un link (enlace) a una web o una página concreta en cada una de las imágenes (o sólo en algunas). En este caso escribes también la ruta del enlace, separando cada una con " | "; si una no lleva enlace, debes poner igualmente " | " (fíjate en la imagen de arriba en la que intencionadamente dejo 2 sin enlace ( | | | ).
    Lo mismo haríamos con los títulos y las descripciones de las imágenes (si queremos que lo lleven):

título y descripción de las imágenes 

    • Vamos ahora a parámetros avanzados:

parámetros avanzados

    • Picamos sobre el apartado Parámetros avanzados e iremos a:

colocamos los datos que queramos

    • Aquí podremos configurar la fuente, el tamaño y color de texto tanto del título (Heading) como de la descripción (Description) y en cuanto al color del texto lo hacemos en ambos apartados Text color.
    Una vez lo tengamos todo listo, picamos arriba en el disquette de Guardar. Ahora ya podremos visitar nuestra web, y veremos la galería funcionando sin problemas (si todo lo hemos hecho correctamente).

 

vista de nuestra web con la galería

    • Aunque parezca complicado, es muy sencillo disponer de esta Galería en tu web. Espero que con este manual no tengas problema alguno para hacerlo en poco tiempo.

SUBIR ...


 

¿Te gusta?, vótanos

Votar Top

Sitios top de deseoaprender.com

El tiempo

Santander
24°C
Santander 24°C | Madrid 19°C | Barcelona 13°C | Sevilla 10°C | París 12°C | Londres 17°C | New York 22°C | Moscú 24°C
[Detalles]

Nuestras visitas

mod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_counter
mod_vvisit_counterHoy867
mod_vvisit_counterAyer2102
mod_vvisit_counterEsta semana6441
mod_vvisit_counterÚltima semana12324
mod_vvisit_counterEste mes27973
mod_vvisit_counterÚltimo mes51916
mod_vvisit_counterTotal1596615

Tu IP:: 38.107.179.206
Hoy: 17 May, 2012