Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje22-05-2009, 16:26 (UTC)    
Título del mensaje: [Resuelto] spoiler

quiero un codigo de spoiler pero que aparesca abierto y si quieren lo pueden cerrar


Ultima edición por anime-web1 el Dom May 24, 2009 1:07 am; editado 1 vez
Mensaje22-05-2009, 19:04 (UTC)    
Título del mensaje: Re: spoiler

el spoiler, es para cerrar su contenido. no creo que se llame asi a la inversa. no lo conozco, y dudo que exista
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje22-05-2009, 19:35 (UTC)    
Título del mensaje:

no se si sera spoiler pero quiero algo asi si http://ver-anime.net/sinlimite/220-Bleach-7026.html te das cuenta arriba dice CERRAR / MOSTRAR CHAT y uno al hacer click se cierra el chat o se habre eso es lo que quiero aser
Mensaje22-05-2009, 21:35 (UTC)    
Título del mensaje:

aki esta man un spoiler

Código:
<div>
<div class="pre-spoiler">&nbsp;   <input type="button" 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.innerText   =   '';   this.value   =   'Ocultar';   }   else   {   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display   =   'none';   this.value   =   'Mostrar';}" style="margin: 0px; padding: 0px; width: 80px; font-size: 10px;" value="Mostrar" /></div>
<div>
<div style="display: none;" class="spoiler">
Aqui todo tu contenido
<br />
y mas contenido xD
</div>
</div>
</div>



Codigo extraido de la web WarioTeAyuda Version 2
______________
Mensaje22-05-2009, 22:19 (UTC)    
Título del mensaje:

codes4web escribió:
aki esta man un spoiler

Código:
<div>
<div class="pre-spoiler">&nbsp;   <input type="button" 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.innerText   =   '';   this.value   =   'Ocultar';   }   else   {   this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display   =   'none';   this.value   =   'Mostrar';}" style="margin: 0px; padding: 0px; width: 80px; font-size: 10px;" value="Mostrar" /></div>
<div>
<div style="display: none;" class="spoiler">
Aqui todo tu contenido
<br />
y mas contenido xD
</div>
</div>
</div>



Codigo extraido de la web WarioTeAyuda Version 2

si eso pero no es lo que necesito pero igual gracias
Mensaje23-05-2009, 03:51 (UTC)    
Título del mensaje:

Hola,
puedes conseguirlo con estos Javascript Spry:
http://www.paginawebgratis.es/forum/viewtopic.php?t=20825 [Recomendado]
http://www.paginawebgratis.es/forum/viewtopic.php?t=21192

Te recomiendo el 1º ya que es el que más se adapta a tus pretensiones. Fíjate que debajo indica como hacer para que aparezca abierto.

Salu2!
Mensaje23-05-2009, 12:56 (UTC)    
Título del mensaje:

tokarg escribió:
Hola,
puedes conseguirlo con estos Javascript Spry:
http://www.paginawebgratis.es/forum/viewtopic.php?t=20825 [Recomendado]
http://www.paginawebgratis.es/forum/viewtopic.php?t=21192

Te recomiendo el 1º ya que es el que más se adapta a tus pretensiones. Fíjate que debajo indica como hacer para que aparezca abierto.

Salu2!

bueo ya lo ise solo que el color pero bueno .... igual me sirvio
Mensaje23-05-2009, 18:15 (UTC)    
Título del mensaje:

Hola,
pues si no te gusta puedes cambiarlo. Descarga este archivo:
http://img9.xooimage.com/files/7/c/5/sprycollapsiblepanel-99f68c.css
Abrelo con Bloc de Notas y busca esta parte:
Cita:
.CollapsiblePanelTab {
font: bold 0.7em sans-serif;
background-color: #C00;
border-bottom: solid 1px #CCC;
margin: 0px;
padding: 5px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}

Allí puedes colocar el valor hexadecimal del color que gustes:
http://html-color-codes.info/codigos-de-colores-hexadecimales/

Guardas (Archivo/Guardar) y vas a www.xooimage.com para volver a subirlo. Una vez que ya tienes la URL la reemplazas en esta parte de tu code:
Cita:
<script src="http://img1.xooimage.com/files/6/e/3/sprycollapsiblepanel-99e624.js" type="text/javascript"></script>
<link href="http://img9.xooimage.com/files/7/c/5/sprycollapsiblepanel-99f68c.css" rel="stylesheet" type="text/css" />


Salu2!
Mensaje24-05-2009, 01:04 (UTC)    
Título del mensaje:

si sabia que tenia que modificar pero no que parte y gracias ya lo arregle pueden cerrar el tema
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group