[phpbb3] Spoiler distinto

Ver el tema anterior Ver el tema siguiente Ir abajo

[phpbb3] Spoiler distinto

Mensaje por Quinn el Miér 17 Sep - 15:56

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
avatar
Quinn

Mensajes : 113
Fecha de inscripción : 25/08/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [phpbb3] Spoiler distinto

Mensaje por Kaylee el Miér 17 Sep - 16:29

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.
avatar
Kaylee

Mensajes : 57
Fecha de inscripción : 15/08/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [phpbb3] Spoiler distinto

Mensaje por Quinn el Miér 17 Sep - 16:42

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
avatar
Quinn

Mensajes : 113
Fecha de inscripción : 25/08/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [phpbb3] Spoiler distinto

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.