Cargando...
Rango
Sexo
Mensajes
Última visita
Miembro desde

Foro Nube » Servicios » Soporte Foroactivo

Foro Cerrado
Este foro se encuentra cerrado de forma indefinida. Puedes utilizarlo para revisar material antiguo que desees recuperar.

[phpbb3] Spoiler distinto

Creado por ,

Mensaje [Página 1 de 1.]

Publicado el Miér 17 Sep - 15:56

avatar
Hola! Sí, soy la pesada de Demacia de nuevo (?

Esta vez es sobre los spoilers. He visto en algunos foros de foroactivo que tienen un efecto distinto al que tienen por defecto. ¿es posible hacer que la información escondida en el spoiler salga un poco más despacio? Algo así como si tuviera transition. Tampoco quiero que aparezca dando vueltas ni nada por el estilo, es solo que salga más lentamente.

¿Cómo se puede hacer eso?

¡Gracias por toda la ayuda que me estais brindando! Sonrisa

A 0 usuarios le gusta esto

Publicado el Miér 17 Sep - 16:29

avatar
A ver, te cuento. Es muy fácil de hacer, es como trabajar con hovers, pero esta vez trabajas con dos selectores: .spoiler_content para cuando no se muestra y .spoiler_content.hidden para cuando sí se muestra (oh, la ironía). Así que tienes que jugar con eso, poniendo transiciones, poniendo cualidades que luego en el .hidden cambian, esas cosas. Como si fuera un hover, vaya.
Un ejemplo:
Código:
/*Lo que hace la magia*/
.spoiler_content{display:block;/*No quites el display!!!*/opacity:0;transition:ease-in-out 0.5s;}
.spoiler_content.hidden{opacity:1;}
/*Extras*/
.spoiler{background:none!important; border:0px!important;/*Para quitarle cosas al spoiler*/}
.spoiler dt{background: rgba(0,0,0,0.1);text-align:center; /*Ponerle cosas bonitas al título del spoiler*/}

Y puedes verlo aquí.

Creo que es eso lo que buscas, si no, dímelo.

A 0 usuarios le gusta esto

Publicado el Miér 17 Sep - 16:42

avatar
Perfecto, sabía yo que era más fácil de lo que pensaba... tenía en mente js y todo u.u'

Se puede dar por solucionado! Muchas gracias Kaylee. Riéndose

A 0 usuarios le gusta esto
Contenido patrocinado

Publicado

A 0 usuarios le gusta esto

Con la tecnología de Foroactivo y punBB