SoporteMyBB tiene ya 1492 temas de soporte resueltos, de un total de 2328. 26 todavía están por resolver y 810 han quedado obsoletos.

[Ayuda] Spoiler en HTML
Usuario(s) navegando en este tema: 1 invitado(s)
 
Calificación:
  • 0 votos - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Enviar respuesta 

TaloBVv
Miembro novato
Miembros

Sin conexión Argentina Hombre
Temas: 43
Mensajes: 156
Reputación: 17
Registro en: Mar 2011
21-09-2012 05:40 AM
(Este mensaje fue modificado por última vez en: 21-09-2012 05:07 PM por TaloBV.)
Regístrate en SoporteMyBB para eliminar este anuncio
[Imagen: iHfAi3IvCa5Jl.jpg]
Buenas gente, estoy con una duda sobre el como insertar una especie de Spoiler en un sitio web html (Algo similar a la imagen de arriba). La idea es el mantener siempre un mismo tamaño de box para cada cd musical, el cual permita (a traves de un Spoiler o algo parecido) conocer los temas que lleva cada cd. Aqui les dejo una imagen guia:
[Imagen: ibqUCbMbsYrZTE.jpg]

Alguno me da una mano?? Huh Necesito que me den el codigo html para insertar a la web
Firma de TaloBV
[Imagen: ik5q7Q.png]
Cita este mensaje en tu respuesta
Steeepv
$this->zone('noob');
Equipo de soporte

Sin conexión Chile Hombre
Temas: 3
Mensajes: 83
Reputación: 20
Registro en: Dec 2009
21-09-2012 06:50 AM
Tu misma firma me ha dado una respuesta xd Sonrisa

Al CSS de ese box agrégale un overflow: auto; para que el contenido se 'oculte' automáticamente y define el máximo de alto con max-height: XXXpx;.
Firma de Steeep
Cita este mensaje en tu respuesta
TaloBVv
Miembro novato
Miembros

Sin conexión Argentina Hombre
Temas: 43
Mensajes: 156
Reputación: 17
Registro en: Mar 2011
21-09-2012 05:05 PM
(Este mensaje fue modificado por última vez en: 21-09-2012 05:06 PM por TaloBV.)
no me podrias pasa el codigo html, asi lo inserto entre </head> y <body> ??
Soy nuevo en esto, tu dices que se podria crear un overflow: auto en una web html??

Esas imagenes fueron creadas con photoshop no aun no tengo el sitio web con los box
Firma de TaloBV
[Imagen: ik5q7Q.png]
Cita este mensaje en tu respuesta
Steeepv
$this->zone('noob');
Equipo de soporte

Sin conexión Chile Hombre
Temas: 3
Mensajes: 83
Reputación: 20
Registro en: Dec 2009
21-09-2012 06:27 PM
Claro que se puede, lo que te deje hay solo es CSS.

Código PHP:
.box {
overflowauto;
max-heightXXXpx;


Y luego lo llamas así:
Código PHP:
<div class="box">
CONTENIDO DEL DISCO AQUÍ
</div
El overflow: auto; te crea un scroll como lo tienes en tu firma, así no sé deforma & quedan todos los box iguales.
Firma de Steeep
Cita este mensaje en tu respuesta
papiv
Técnico de soporte
Equipo de soporte

Sin conexión Spain Hombre
Temas: 15
Mensajes: 707
Reputación: 50
Registro en: Mar 2009
23-09-2012 01:35 PM
no se si sera estolo que quieres pero puedes probar esto

Código:
<div class="divspoiler">
<input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" />
</div><div><div class="spoiler" style="display: none;">
TEXTO QUE QUIERAS
</div></div>
Firma de papi
El que pregunta aprende y el que no se queda con la duda
[Imagen: PROMO-DOMINIO.png]
Cita este mensaje en tu respuesta

Enviar respuesta 

Posibles temas similares...
Tema: Autor Respuestas: Vistas: Último mensaje
Bug [Ayuda] Como colocar un box en HTML ? TaloBV 2 444 30-10-2011 11:24 PM
Último mensaje: TaloBV
  WordPress-Editar HTML en twentyeleven Jaizu 2 513 30-09-2011 03:14 PM
Último mensaje: Jaizu

Salto de foro: