Desplegable en los artículos  

 
Juan
 Juan
Reputable Member

Muy buenas. Tengo una consulta que haceros. Estoy escribiendo una serie de artículos y me gustaría saber si existe alguna extensión que despliegue una parte del texto. Me explico. Como se muestra en la siguiente captura mi intención es mostrar los datos de contacto que están señalados tras picar en el botón de "Contacto". Es decir, quiero picar en el botón de "Contacto" y que se despliegue el texto señalado. ¿Existe algo que pueda realizar esto que comento? Saludos y Gracias.

Citar
Respondido : 12/08/2011 9:36 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/08/2011 9:57 pm

Cursos Gratuitos WordPress

Juan
 Juan
Reputable Member

¡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.

ResponderCitar
Respondido : 12/08/2011 10:51 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan,

Facilita la url donde tengas aplicado el plugin para comentarte.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/08/2011 11:13 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Juan
 Juan
Reputable Member

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.

ResponderCitar
Respondido : 12/08/2011 11:25 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/08/2011 11:37 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Juan
 Juan
Reputable Member

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.

ResponderCitar
Respondido : 12/08/2011 11:43 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/08/2011 11:58 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Juan
 Juan
Reputable Member

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.

ResponderCitar
Respondido : 13/08/2011 3:17 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/08/2011 1:20 pm

Cursos Gratuitos WordPress

Juan
 Juan
Reputable Member

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

ResponderCitar
Respondido : 13/08/2011 2:05 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/08/2011 3:27 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Juan
 Juan
Reputable Member

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.

ResponderCitar
Respondido : 13/08/2011 3:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/08/2011 6:01 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Por favor Iniciar Sesión o Registro