Componentes para Web

Efecto Acordeón

TSAccordion es un componente desarrollado para ser usado en Dreamweaver MX y versiones superiores. TSAccordion es muy util para crear páginas web con varias secciones donde no es requeridos que los contenidos de todas las secciones permanezcan visibles al mismo tiempo, y tambien para aquellas páginas web muy largas donde se desean que todos los contenidos esten facilmente localizables sin tener que correr el scroll demasiado. TSAccordion abre y cierra las secciones de la página dinamicamente mejorando visualmente la calidad de su página.

Usted puede ver el efecto acordeón funcionando en esta página. Simplemente de clic sobre el título de las siguientes secciones "Instalación" y "Uso" para que sean abiertas con el efecto.
TSAccordion es distribuido como un componente para Dreamweaver MX y versiones superiores en un archivo .mxp llamado TSAccordion.mxp. Haciendo doble clic sobre TSAccordion.mxp el componente será instalado y será posible acceder a este desde la opción del menú “Insert => Dynamic Trio Solutions => Insert Accordion” o “Insertbar => Dynamic Trio Solutions => Insert Accordion”
Para usar TSAccordion en una página web creada usando Dreamweaver es necesario definir el sitio web en que usted está trabajando y salvar la página en la cual usted usará TSAccordion. Entonces debe seleccionar la opción "Insert Accordion" (Vea como acceder a esta opción en la sección previa). Esta acción mostrará un diálogo como se ve debajo. La configuración de TSAccordion tiene las siguientes opciones:

Section Count: El número de secciones (Título de secciones y sus contenidos) que serán insertados en su página Web.

Section Title Class: Un estilo CSS que será aplicado a cada título de sección en el acordeón. Section Title Class debe ser aplicado solo al título de sección en el acordeón y no en otras etiquetas HTML.

Section Content Class: Un estilo CSS que será aplicado al contenido en todas las secciones. Section Content Class debe ser aplicado solo al título de sección en el acordeón y no en otras etiquetas HTML.

Nota: Section Title Class y Section Content Class son tomados como referencia para el correcto funcionamiento del efecto acordeón pero cada uno de los elementos dentro del título de sección o contenidos pueden tener sus propios estilos definidos, por lo cual no implica ninguna limitante al respecto. De cualquier forma, Section Title Class y Section Content Class deben ser definidos y diferentes de otros estilos para que el acordeón sea satisfactoriamente insertado en la página web.

Cuando se inserte el TSAccordion en la página Web, una serie de pares de Section Title Class y Section Content Class serán creados, según se haya definido en el campo Section Count. Estos pares contendrán un texto de ejemplo que debe sustituir por el texto real en cada una de las secciones.

accordion effect


Nota

Este componente usa moo.fx javascript library.

Descarga

Este componente es gratis. Clic aquí para descargar.


Componentes y extensiones relacionadas:

Vista Previa Dinámica de Imágenes
Extensión para Dreamweaver para crear vistas previas dinámicas de imágenes en forma de ventanas flotantes arrastrables con efectos de animación y sombras.
Scroll de Página
Deje de percibir los saltos originados de navegar con enlaces que apuntan o otras secciones dentro de la misma página que causan a los usuarios perder su ubicación dentro de los contenidos.
Efecto de Nieve
Cree con un solo clic un agradable efecto de nieve para sus páginas web.
Hints de Ayuda
Crea hints de ayuda con formato HTML sobre elementos en páginas web.