S
satanas666
Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
En vbulletin.org hay muchos spoiler para todos los gustos por ejemplo el mas sencillito es este Classic button 'Spoiler' BB Code (NO INSTALL REQUIRED) - vBulletin.org Forum de alli puedes buscar mas, hay muchos por alli. suerte
El que te indica el compañero CarcaBot funciona perfectamente, es raro que el spoiler no vaya bien en vbulletin, se han probado varios y todos van correctos
Podrías crear un tema en tu foro y mostrarlo para que lo veamos?
Saludos
<div style="position:relative;display: inline-block;">
<div style="margin:5px; border:1px solid #ccc;padding:5px;width:100%;min-width:450px;box-shadow:inset -2px -2px 7px #bbb;border-radius:6px;background:#fff;" align="center">
<div class="smallfont" style="margin-bottom:2px;tex-align:center;">
<input type="button" value="Ver" style="min-width:140px;margin:0px;padding:2px 8px 2px 8px;font:italic 12px Georgia, Verdana, Geneva, sans-serif;color:#097001;font-weight: bold;" 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.innerText = ''; this.value = 'Ver'; }">
</div>
<div class="" style="margin: 0px; padding: 6px; border: 0px;">
<div style="display: none;margin:0px; border:0px solid #999;padding:5px;">{param}
</div>
</div>
<div style="position:relative;float:right;font:italic 9px Georgia, Verdana, Geneva, sans-serif;color:#666;font-weight: bold;bottom:8px;">© PPK
</div>
</div>
</div>
Te dejo un código de reemplazo que está ahora mismo funcionando en vb 4.x.x
HTML:<div style="position:relative;display: inline-block;"> <div style="margin:5px; border:1px solid #ccc;padding:5px;width:100%;min-width:450px;box-shadow:inset -2px -2px 7px #bbb;border-radius:6px;background:#fff;" align="center"> <div class="smallfont" style="margin-bottom:2px;tex-align:center;"> <input type="button" value="Ver" style="min-width:140px;margin:0px;padding:2px 8px 2px 8px;font:italic 12px Georgia, Verdana, Geneva, sans-serif;color:#097001;font-weight: bold;" 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.innerText = ''; this.value = 'Ver'; }"> </div> <div class="" style="margin: 0px; padding: 6px; border: 0px;"> <div style="display: none;margin:0px; border:0px solid #999;padding:5px;">{param} </div> </div> <div style="position:relative;float:right;font:italic 9px Georgia, Verdana, Geneva, sans-serif;color:#666;font-weight: bold;bottom:8px;">© PPK </div> </div> </div>
Pruébalo, puedes modificarlo a tu gusto
Saludos 🙂
<div style="position:relative;display: inline-block;">
<div style="margin:5px; border:1px solid #ccc;padding:5px;width:100%;min-width:450px;box-shadow:inset -2px -2px 7px #bbb;border-radius:6px;background:#fff;" align="center">
<div class="smallfont" style="margin-bottom:2px;tex-align:center;">
<input value="Ver" style="min-width:140px;margin:0px;padding:2px 8px 2px 8px;font:italic 12px Georgia, Verdana, Geneva, sans-serif;color:#097001;font-weight: bold;" 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.innerText = ''; this.value = 'Ver'; **" type="button">
</div>
<div class="" style="margin: 0px; padding: 6px; border: 0px;">
<div style="display: none;margin:0px; border:0px solid #999;padding:5px;">holaaaaaaaaaaaaaaa
</div>
</div>
<div style="position:relative;float:right;font:italic 9px Georgia, Verdana, Geneva, sans-serif;color:#666;font-weight: bold;bottom:8px;">© PPK
</div>
</div>
</div>
Lo más probable es que algún hack, producto o complemento que tengas instalado, está interfiriendo en el buen funcionamiento del spoiler y de alguna cosa más
Puedes ir deshabilitando productos y comprobando si ya funciona
Saludos 🙂
<div style="position:relative;display: inline-block;">
<div style="margin:5px; border:1px solid #ccc;padding:5px;width:100%;min-width:450px;box-shadow:inset -2px -2px 7px #bbb;border-radius:6px;background:#fff;" align="center">
<div class="smallfont" style="margin-bottom:2px;tex-align:center;">
<input type="button" value="Ver" style="min-width:140px;margin:0px;padding:2px 8px 2px 8px;font:italic 12px Georgia, Verdana, Geneva, sans-serif;color:#097001;font-weight: bold;"
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.innerText = ''; this.value = 'Ver';
}">
</div>
<div class="" style="margin: 0px; padding: 6px; border: 0px;">
<div style="display: none;margin:0px; border:0px solid #999;padding:5px;">{param}
</div>
</div>
<div style="position:relative;float:right;font:italic 9px Georgia, Verdana, Geneva, sans-serif;color:#666;font-weight: bold;bottom:8px;">© PPK
</div>
</div>
</div>
Modificamos el código quitando esas separaciones, prueba ahora
HTML:<div style="position:relative;display: inline-block;"> <div style="margin:5px; border:1px solid #ccc;padding:5px;width:100%;min-width:450px;box-shadow:inset -2px -2px 7px #bbb;border-radius:6px;background:#fff;" align="center"> <div class="smallfont" style="margin-bottom:2px;tex-align:center;"> <input type="button" value="Ver" style="min-width:140px;margin:0px;padding:2px 8px 2px 8px;font:italic 12px Georgia, Verdana, Geneva, sans-serif;color:#097001;font-weight: bold;" 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.innerText = ''; this.value = 'Ver'; }"> </div> <div class="" style="margin: 0px; padding: 6px; border: 0px;"> <div style="display: none;margin:0px; border:0px solid #999;padding:5px;">{param} </div> </div> <div style="position:relative;float:right;font:italic 9px Georgia, Verdana, Geneva, sans-serif;color:#666;font-weight: bold;bottom:8px;">© PPK </div> </div> </div>
Saludos
Pues ya no sé que más decirte, los asteriscos siguen apareciendo y no sé el motivo
Saludos
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px; width:852; height:26">
<input type="button" value="Show" style="width:667px;font-size:10px;margin:0px;padding:0px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 0px; border: 1px inset;">
<div style="display: none;">
{param}
</div>
</div>
</div>
[spoiler]This text is a Spoiler[/spoiler]
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?