Página 1 de 1
Como personalizar el BBCode del Spoiler?
Publicado: 20 Abr 2010, 05:26
por nextgen
Bueno chicos lo que quisiera es ver como puedo personalizar el bbcode del spoiler porque eh visto un par de ejemplos en unas webs, para que me entiendan mejor aqui les dejo un ejemplo.
Lo que quiero es dejarlo como se ve en la imagen XD... estuve intentando en la configuración del bbcode spoiler que tengo para ver si lo dejaba parecido como el de la captura pero no lo logre asi que por eso recurro a los que saben U_U
Re: Como personalizar el BBCode del Spoiler?
Publicado: 20 Abr 2010, 07:26
por memoadian
solo he conseguido esto, no logro darle el efecto del boton ya que no se javascript
espero te sirva solo pon esto en remplazo html en tu spoiler actual
Código: Seleccionar todo
<div style="padding: 3px; background-color: #EBD5D8; border: 1px solid #870914; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #FE6768C; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>Ocultar</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>Mostrar</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">Mostrar</a></span></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>
y haber que te parece.
Re: Como personalizar el BBCode del Spoiler?
Publicado: 20 Abr 2010, 17:49
por nextgen
Te agradesco la respuesta man... si sale bien pero todavia faltaria darle el efecto al button
aver si alguien de nuestros expertos nos ayuda...
Re: Como personalizar el BBCode del Spoiler?
Publicado: 21 Abr 2010, 01:39
por RogerBCA
o.o sabes si es que se puede modificar y poner un titulo o algo asi
La historia bla bla bla
el codigo era algo si :
html:
Código: Seleccionar todo
<dl class="codebox"><dt>{TEXT2} | <a href="javascript: void(0);" onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[0]; if ( spoiler.style.display == 'none' ) { spoiler.style.display = 'block'; this.innerHTML = '-'; } else { spoiler.style.display = 'none'; this.innerHTML = '+'; };">+</a></dt><dd style="display: none;">{TEXT1}</dd></dl>
Mi pregunta es si puedes modificarlo tal como tu modelo me gustaria en ese modelo
Saludos ^^