Jueves, Mayo de 17 de 2012
   
TEXTO:

Estamos en Facebook

Share
15
Ago
2010

Tabs & Slides

(4 votos, media 4.00 de 5)

EXTENSIÓN TABS & SLIDES PARA COLOCAR EN TUS ARTÍCULOS

Tabs & Slides    Se trata esta de una extensión muy interesante que dará un excelente aspecto a tus artículos; suele usarse especialmente en artículos muy extensos, para evitar páginas excesivamente largas. Tabs & Slides evitará si tú lo deseas que tus usuarios tengan que hacer mucho uso de la ruedecita del botón para bajar en la página, ya que en poco espacio puedes contener muchísimo contenido.

    Antes de comenzar a explicarte todo lo relativo a esta excelente extensión, debes tener claros los conceptos de TABS y de SLIDES. El primero de ellos Tabs se refiere a mostrar texto, imágenes, etc. en unas tablas con unas pestañas que al activarse mostrarán diferente contenido. En cuanto al segundo, Slides, hace referencia a unos "slides" (deslizables) en forma de barras horizontales, que al picar sobre cualquiera de ellas se abren hacia abajo y muestran el contenido; si vuelves a picar en otra, cierra el contenido anterior y abre el actual. Se pueden combinar ambas utilidades en un mismo artículo, según tus necesidades.

COMENCEMOS CON EL MANUAL PARA MANEJO DE ESTA EXTENSIÓN (descargar e instalar)

    Como siempre, lo primero que debes hacer es descargar este plugin desde el sitio oficial y guardarlo en una carpeta de tu ordenador. Acto seguido, entras como administrador en tu Panel de Joomla 1.5 y como supones, debes ir a:

hay que instalar el plugin

    Ya conoces los pasos para instalar cualquier extensión, le indicas la ruta del archivo ".zip" de la extensión y picas finalmente en Subir archivos&Instalar:

subir e instalar archivo

    Una vez que todo haya funcionado sin problemas (recibes el mensaje de "Plugin instalado con éxito"), hay que activar este plugin; para ello vamos a Extensiones > Gestor de plugins, lo buscamos y:

activamos el plugin

    Consiste simplemente en "publicarlo" picando sobre el botón rojo que te indico en la imagen, pasando así a una marca verde. Ya lo tienes publicado.

CÓDIGO A USAR PARA "TABS" Y PARA "SLIDES"

    Según que uses Tabs o bien Slides, requerirá el uso de un código muy sencillo para que el plugin sepa a que te refieres y lo adecúe al resultado que obtendrás. Examina esta imagen:

código para Tabs&Slides

    Creo que en la imagen de arriba te quedará todo muy claro; no obstante, algunas puntualizaciones:

  • Puedes usar tantas pestañas (Tabs) como quieras --teniendo en cuenta el ancho de tu página--. Igualmente, los Slides que quieras.
  • No te olvides de cerrar las llaves siempre. Todos los {tab} deben llevar al final el cierre con {/tabs} uno sólo para todos ellos.
  • En cambio cada uno de los {slide} debe llevar necesariamente un cierre {/slide}. Tantos cierres como {slide}. Recuerda: un cierre para cada {/slide}.
    En resumen, aunque a simple vista te parecen iguales, el uso del código para Tabs y para Slides tiene diferencias, ¡¡no te equivoques!! porque no te funcionará si no tecleas correctamente.
-
UN EJEMPLO PRÁCTICO: TABS
-   
   Veamos un ejemplo para el uso correcto de TABS; para ello creo un artículo siguiendo los pasos normales que ya conoces. Y escribo:
-
ejemplo de uso de Tabs
 
    Fíjate bien como abro la primera pestaña que quiero colocar en mi artículo con un {tab=Tabla primera} con lo que le indico al plugin que quiero colocar una pestaña llamada Tabla primera. A continuación escribo el texto que quiero que aparezca al picar en esa pestaña (como siempre al trabajar con un artículo); puede ser tan largo como quieras. Al final de ese texto, tienes que comenzar la nueva pestaña {tab=Tabla segunda} y al igual que antes debes escribir a continuación todo lo que desees colocar ahí, incluída una imagen por ejemplo:
-
colocar imagen en Tab
-
    Cuando ya no quieras colocar más pestañas, no tienes más que cerrar al final con {/tabs} y listo. Guardas el artículo y lo publicas. Si ahora lo examinas en tu web (secuencia de dos imágenes):
-
ejemplo de artículo con Tabs&Slides
-
manuales Joomla 1.5
-
    Puedes ver en funcionamiento las tres pestañas (tres TABS) que creamos en el ejemplo. Y al picar sobre la tercera, mostrará el texto y la imagen que había insertado. Así de sencillo.
-
UN EJEMPLO PRÁCTICO: SLIDES
-   
De la misma forma explicada (lo único que cambia un poco es el código a usar), en el mismo artículo podría colocar debajo dos Slides (por ejemplo):
-
usar Slides en Joomla 1.5
-

    Fíjate detenidamente en el uso del código (recuerda que en este caso cada {slide} debe acabar con un cierre {/slide} a diferencia de los Tabs que sólo cerraban al final de todos ellos). Por lo demás, los mismos pasos, es decir, en cada Slide escribes texto con o sin imágenes y al final guardamos el artículo y lo publicamos.
    Si vamos ahora a nuestra web, ya tendremos un artículo con Tabs & Slides plenamente operativo como puedes ver:
-
Web con Tabs&Slides funcionando
-
    Arriba tienes aplicado TABS y en la parte inferior SLIDES; muy interesantes para dar buen aspecto a tus artículos y sobre todo, para ahorrar espacio de lectura a tus visitantes. Espero hayas comprendido todo y te haya resultado interesante este nuevo manual para facilitarte la administración de Joomla 1.5.
{jcomments on}

¿Te gusta?, vótanos

Mi canal

mi canal en Youtube

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_counterHoy862
mod_vvisit_counterAyer2102
mod_vvisit_counterEsta semana6436
mod_vvisit_counterÚltima semana12324
mod_vvisit_counterEste mes27968
mod_vvisit_counterÚltimo mes51916
mod_vvisit_counterTotal1596610

Tu IP:: 38.107.179.209
Hoy: 17 May, 2012

Otros manuales míos

cursos Pintura   cursos Dibujo   Word 2007   Excel 2007   Power Point 2007   Windows 7