Hola men, ese no es ningun hack.
PRIMERO LA FOTO QUE PONES ES DE MI FORO ^^
Y segundo se inserta directamente editando un par de plantillas
Empecemos:
Luego en
HEADINCLUDE buscar:
PHP:
{vb:raw template_hook.headinclude_javascript}
Antes del codigo anterior agrega lo siguiente:
PHP:
<script src="http://yui.yahooapis.com/2.8.2r1/build/yahoo-dom-event/yahoo-dom-event.js?v={vb:raw vboptions.simpleversion}" type="text/javascript"></script><script type="text/javascript" src="http://www.incaforos.com/clientscript/yui/animation/animation-min.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">function openPostInfo (postid){ var attributes = { height: {from: 0, to: 255} };
fetch_object('slidedinfo_' + postid).style.display = 'block'; var myAnim = new YAHOO.util.Anim('slidedinfo_' + postid, attributes); myAnim.duration = 0.3; myAnim.onComplete.subscribe(function (e) { fetch_object('toggleButton_' + postid).onclick = function () { closePostInfo(postid); }; fetch_object('toggleButton_' + postid).src = 'images/buttons/collapse_postbit.png'; }); myAnim.animate();}
function closePostInfo (postid){ var attributes = { height: {from: 255, to: 0} };
var myAnim = new YAHOO.util.Anim('slidedinfo_' + postid, attributes); myAnim.duration = 0.3; myAnim.onComplete.subscribe(function (e) { fetch_object('toggleButton_' + postid).onclick = function () { openPostInfo(postid); }; fetch_object('slidedinfo_' + postid).style.display = 'none'; fetch_object('toggleButton_' + postid).src = 'images/buttons/collapse_postbit_collapsed.png'; }); myAnim.animate();}</script>
En el codigo anterior donde dice: height: {from: 0, to: 255} y height: {from: 255, to: 0} ,el 255 es el largo que se va a estender cuando se despliega, y el 0 es para que regrese a tu posicion plegada.
Luego Buscar el siguiente codigo en
POSTBIT_LEGACY
PHP:
<vb:if condition="$post['userid']"> <hr /> <dl class="userinfo_extra">
Justo antes de este codigo agrega lo siguiente:
[noparse]<span><div class="post_field"><b>Información de Usuario</b><img src="http://www.vbhispano.com/foros/images/buttons/collapse_postbit_collapsed.png" alt="" onclick="openPostInfo({vb:raw post.postid});" class="toggleButton" id="toggleButton_{vb:raw post.postid}" /></div></span> <span id="slidedinfo_{vb:raw post.postid}" class="slidedinfo">[/noparse]
Ahora continua buscando lo siguiente:
Insertar CODE, HTML o PHP:
{vb:raw template_hook.postbit_userinfo_right}
Despues de esa linea agrega esto:
Eso es todo, si tienes alguna duda te comunicas conmigo en mi foro, porque un amigo me aviso de este post en este foro
PD: No pude acomodar bien los codigos ya que no esta habilitado el editor Swing
Saludos...
---------- Actualizado a las 06:14 ---------- Original a las 05:54 ----------
me llevo casi 1 hora tratando de acomodar el codigo
muy mal en no activar el editor grafico :S