Saltar apartados

Inserción de pestañas

icono pestañaCon esta acción podemos insertar pestañas, cada una con un título y un contenido distintos.

  • Título

    Contenido

Su uso más frecuente es utilizar las pestañas de forma anidada, de tal forma que pinchando en cada uno de los títulos, podamos ver el contenido de cada una de ellas. Para ello, una vez que hemos creado una, debemos situar el cursor dentro de la pestaña, bien en el título o bien en el contenido, y volver a pinchar sobre el botón de insertar pestaña.

Aunque en el editor de Vualà veamos las pestañas una encima de la otra como aparece a continuación,

pestañas en el editor

una vez publicada la página se verá correctamente.

  • Título 1

    Contenido 1

  • Título 2

    Contenido 2

Debemos tener en cuenta que la correcta visualización de nuestras pestañas, estará limitada por la resolución horizontal del monitor. Esto quiere decir que si hay un número excesivo de pestañas o títulos de éstas muy largos, es posible que algunas pestañas no aparezcan, ya sea en el navegador, como en Vualà cuando estemos administrando la misma.

Para evitar este problema, y tener así la posibilidad de mostrar un mayor número de pestañas, es recomendable no poner un número excesivo de las mismas, y que el título de éstas sea lo más corto posible.

De igual modo, si en el contenido de la pestaña metemos, por ejemplo, un párrafo que abarque la totalidad del mismo, sólo se verá correctamente en monitores con una resolución horizontal mínima de 1600 píxeles. En caso contrario, el texto del párrafo aparecerá cortado por la derecha.

Para visualizarlo, vamos a escribir en el contenido de una pestaña el párrafo anterior.

  • Párrafo superior

    Debemos tener en cuenta que la correcta visualización de nuestras pestañas, estará limitada por la resolución horizontal del monitor. Esto quiere decir que si hay un número excesivo de pestañas o títulos de éstas muy largos, es posible que algunas pestañas no aparezcan, ya sea en el navegador, como en Vualà cuando estemos administrando la misma.

    Para evitar este problema, y tener así la posibilidad de mostrar un mayor número de pestañas, es recomendable no poner un número excesivo de las mismas, y que el título de éstas sea lo más corto posible.

    De igual modo, si en el contenido de la pestaña metemos, por ejemplo, un párrafo que abarque la totalidad del mismo, sólo se verá correctamente en monitores con una resolución horizontal mínima de 1600 píxeles. En caso contrario, el texto del párrafo aparecerá cortado por la derecha.

Para evitar que el texto aparezca cortado por la derecha, en monitores con una resolución horizontal menor de 1600 píxeles, es conveniente alinear la información en la parte izquierda del contenido de la pestaña, por ejemplo:

Servicio de Informática Gestor de contenidos Vualà


Universidad de Alicante
Carretera de San Vicente del Raspeig s/n
03690 San Vicente del Raspeig
Alicante (Spain)

Tel: (+34) 96 590 3400

Fax: (+34) 96 590 3464

Para más información: informacio@ua.es, y para temas relacionados con este servidor Web: webmaster@ua.es

Carretera San Vicente del Raspeig s/n - 03690 San Vicente del Raspeig - Alicante - Tel. 96 590 3400 - Fax 96 590 3464