Desplegable en los artículos  

Hola Juan,

Creo que hay una que hace justamente eso y de forma sencilla y eficiente (bueno hay varias pero yo uso una en particular).

Se llama Tabs & Slides y lleva ya mucho tiempo en Joomla! disponible y funciona muy bien para ser utilizada en artículos de contenido con una sintaxis muy sencilla.

- Tabs & Slides: http://www.joomlaworks.gr/content/view/15/42/

Saludos

¡Sí! Es exactamente lo que buscaba. Y funciona añdiendo la sintaxis que aparece en la descripción del propio plugin. He estado leyendo y para modificar un poco la apariencia ponen que hay que modificar el archivo css, pero no sé cómo hacerlo. Mi intención es quitar la estrellita que adorna el Slide y desplazar el título del Slide a la derecha, como muestro en la imagen. ¿Cómo puedo hacerlo, qué tendría que cambiar?

Nota: todo el texto lo tengo alineado a la derecha en mi JCE. Saludos y Gracias.

Hola Juan,

Facilita la url donde tengas aplicado el plugin para comentarte.

Saludos

Lo siento, mi web es www.voluntariadoalcores.org. Lo tengo aplicado en un artículo dentro de un menú con un acceso "Especial" para no mostrarlo a todos los usuarios ( http://www.voluntariadoalcores.org/index.php/asociacionesapvala/asociaciones-de-alcala?start=4). Saludos y Gracias.

Hola Juan,

No podemos logearnos en las webs de clientes por este medio, lo siento.

Si tienes otra forma de mostrarlo te comentare como quitar la estrella y pasar el titulo a la derecha.

Saludos

De acuerdo. Lo he puesto público temporalmente. Puedes verlo aquí: http://www.voluntariadoalcores.org/index.php/asociacionesapvala/asociaciones-de-alcala?start=4

Saludos y Gracias.

Hola Juan,

Si quieres omitir la imagen de la estrella debes comentar la línea "background:" del siguiente estilo:

- /plugins/content/plugin_jw_ts/tabs_slides.css

a.jwts_title_text:link {
    background: url("star.png") no-repeat scroll 0 2px transparent;
    color: #444444;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    margin: 0 0 0 8px;
    padding: 0 2px 0 20px;
    text-decoration: none;
}

Para que quede así:

a.jwts_title_text:link {
    /*  background: url("star.png") no-repeat scroll 0 2px transparent;  */
    color: #444444;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    margin: 0 0 0 8px;
    padding: 0 2px 0 20px;
    text-decoration: none;
}

Y para alinear el texto a la derecha debes añadir a ese mismo estilo, después de "text-decoration" lo siguiente:

text-align: right; 

Recuerda hacer una copia de seguridad del archivo antes de hacer los cambios.

Saludos

Parece que funciona. Sin embargo, tengo problemas con Internet Explorer. He probado a visualizar los artículos con el navegador y el Slide me sale cortado, como muestro a continuación:

¿Podría solucionar esto de alguna forma? Saludos y Gracias.

Hola Juan

Para poder ayudarte con el problema es necesario ver el sitio web, te sugiero colocar esa parte temporalmente como acceso público.

Saludos.

Lo siento, ya vuelve a estar disponible de forma pública.

Hola Juan

Agrega un ancho a la clase de titulo, en el archivo /plugins/content/plugin_jw_ts/tabs_slides.css

Ubica la clase jwts_title_left y agrega el width

.jwts_title_left{
/*otros estilos*/
width : 625px;
}

Saludos.

Bien, eso he hecho pero sigue apareciendo otro problema. Cuando el Slide se tiene que mostrar más corto por culpa de las fotografías, la palabra "Contacto" no llega a mostrarse porque la barra del Slide se corta. Esto es lo que ocurre:

¿Cómo se podría solucionar? Saludos y Gracias.

Hola Juan

Siempre tendrás que mostralo a ese ancho, puedes colocar enters para que se desplace en la parte inferior y de esta manera mostrarse de manera completa.

Otra opción es definir el estilo sólo para internet explorer, colocando un asterisco delante, pero igualmente tendras el problema del ancho recortado en IE <=7 solamente

*width : 625px;

Saludos.