.::InFoRo::.
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

  • Comparte

No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  [Página 1 de 1.]


Cargando Tema...

1  Codigo de Spoiler Phpbb3 Empty Lun Mayo 26, 2008 9:55 am

TuningBEB2008

TuningBEB2008

Administrador
Administrador


Codigo para spoiler versión Phpbb3 por TuningBEB2008 Very Happy

Código:
    <div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; 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="quotecontent2"><div style="display: none;">{TEXT}</div></div></div>

Vista previa:
Spoiler: Mostrar
{Nuestro texto aqui}


Saludos y espero que les sirva!!! catty11

2  Codigo de Spoiler Phpbb3 Empty Lun Mayo 26, 2008 11:17 am

LVP87

LVP87

In-teractivo
In-teractivo

http://emularte.foroes.org/profile.forum?mode=register

a esta bueno yo vi el mismo codigo pero con una img osea decia
SPOILER: Aqui la img (mostrar/ocultar)

tipo que la img era un boton este codigo sirve para cuando tenes que copiar algo ya que el SPOILER si lo clickias o tratas de subrayarlo se te cierra ='(
lindo aporte Buen post

3  Codigo de Spoiler Phpbb3 Empty Lun Mayo 26, 2008 1:34 pm

BlAcKDoZzEr666

BlAcKDoZzEr666

WebMaster
WebMaster

http://red-inforo.net

ey mira yo tengo otro diferente xD
<dl class="codebox" style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');">
<dt>Spoiler:</dt><dd><div style="display:none;"><br />lo que va entre el spoiler</div></dd></dl>

y ya solo se agrega esto a la hoja de estilos:
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;
color: #000000;
}

Vite!
jajaja

Que vendria siendo lo mismo pero me gusto el tuyo, con eso de Mostrar y Ocultar Surprised

4  Codigo de Spoiler Phpbb3 Empty

Contenido patrocinado




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

  •  
Crear foro | ©phpBB | Foro gratis de asistencia | Denunciar un abuso | ForoActivo.com