Página 1 de 3 123 ÚltimoÚltimo
Resultados 1 al 10 de 26

Tema: Colapsar el posbit_legacy

  1. #1
    Usuario Registrado
    Fecha de ingreso
    May 2007
    Mensajes
    264
    Buenas tardes, bueno creé este tema para ver si alguien sabe como colapsar el posbit_legacy, estamos hablando para foros que tengan mucha info en ese recuadro, y que con un botón se pueda colapsar, así no hay tantos renglones con Información del ususario visible siempre, creo que se entiende, por sino se entiende, lo vi en este Foro


    Espero su ayuda! Gracias!!

  2. #2
    Baneado
    Fecha de ingreso
    Apr 2008
    Mensajes
    2,048
    Te miro cómo. Básicamente es un spoiler puesto ahí.

    Salud2

  3. #3
    lms
    Re: Colapsar el posbit_legacy
    Te miro cómo. Básicamente es un spoiler puesto ahí.

    Salud2
    Que tal, como se hace eso del spoiler?


    P.D 1.- Que significa "Te Miro"
    P.D. 2.- Cite de este manera tu post porque la cita no me funciono, al clickearle se queda trabajando.

    Saludos.
    [SIGPIC][/SIGPIC]

  4. #4
    Usuario Registrado
    Fecha de ingreso
    May 2007
    Mensajes
    264
    Gracias lms, espero tu pronta respuesta entonces, y LoKi, mira aquí:

    http://www.forovbulletin.com/showthr...Bbcode-Spoiler

  5. #5
    Ahh gracias Rocanrolem, ya vi que era
    [SIGPIC][/SIGPIC]

  6. #6
    Baneado
    Fecha de ingreso
    Apr 2008
    Mensajes
    2,048
    Panel de control -> Estilos y plantillas -> Administrar estilos -> Edita el estilo que corresponda -> Editar plantillas -> CSS plantillas -> postbit.css ->
    Al final del todo, pon:
    Código PHP:
    .postbitinfoclass div {
        
    border-topsolid 1px #E0E0E0;
        
    border-leftsolid 1px #E0E0E0;
        
    border-rightsolid 1px #D7D7D7;
        
    border-bottomsolid 1px #D7D7D7;
        
    margin3px 5px;
        
    padding2px;
        
    color#808080;
        
    background#FFFFFF;
        
    font-size10px;
        
    overflowhidden;
    }

    #postbitinfo {
        
    backgroundnone;
        
    padding0px;
        
    margin0px;
    }

    .
    slidedinfo {
        
    displaynone;
        
    overflowhidden;
        
    height0px;
    }

    .
    toggleButton {
        
    floatright;
        
    margin0;
        
    padding0;
        
    cursorpointer;
        
    displayinline-block;

    Panel de control -> Estilos y plantillas -> Administrar estilos -> Edita el estilo que corresponda -> Editar plantillas -> headinclude y busca
    Código PHP:
    // --> 
    Justo debajo, pon
    Código PHP:

     






    function openPostInfo (postid)
    {
        var 
    attributes = {
            
    height: {from0to90}
        };

        
    fetch_object('slidedinfo_' postid).style.display 'block';
     
        var 
    myAnim = new YAHOO.util.Anim('slidedinfo_' postidattributes);
        
    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: {from90to0}
        };

        var 
    myAnim = new YAHOO.util.Anim('slidedinfo_' postidattributes);
        
    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();

    Panel de control -> Estilos y plantillas -> Administrar estilos -> Edita el estilo que corresponda -> Editar plantillas -> postbit plantillas -> postbit_legacy ->
    busca
    Código PHP:
                {vb:raw template_hook.postbit_userinfo_left
    Justo debajo añade:
    Un poco más abajo (5 líneas), busca:
    Código PHP:
                        {vb:rawphrase join_date} {vb:raw post.joindate
    y cámbialo por
    Código PHP:
                            [IMG]images/buttons/collapse_postbit_collapsed.png[/IMG]
                            {
    vb:rawphrase join_date} {vb:raw post.joindate
    Un poco más abajo, busca:
    Código PHP:
                    {vb:raw template_hook.postbit_userinfo_right
    Justo debajo, añade:
    Código PHP:
     
    Guarda los cambios.
    Sube la carpeta images y la carpeta clientscript que pongo en adjuntos al directorio raíz / de tu foro (sobreescribe si es necesario).

    Y eso es todo.

    Puedes comprobar el funcionamiento aquí mismo.

    Salud2
    Archivos adjuntados Archivos adjuntados

  7. #7
    Usuario Registrado
    Fecha de ingreso
    May 2007
    Mensajes
    264
    Geniaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal!!!! Pero resulta que solo 5 opciones me muestra al clickear y yo tengo alrededor de 10!...Que tendría que modificar??

  8. #8
    Usuario Registrado
    Fecha de ingreso
    May 2007
    Mensajes
    264
    Ah, y puede ser tal vez que se sobresalga un poco del postbit? Aquí también lo noto...

  9. #9
    Usuario Registrado
    Fecha de ingreso
    May 2007
    Mensajes
    264
    Descubrí lo de la cantidad de Opciones, es en el headinclude donde dice o to 90, pones en vez 90 el número que mas o menos manejes dependiendo de la cantidad de campos que tenga los postbit de tu foro...


    Pero lo que no puedo solucionar es que queda desencuadrado el postbit...No lo encuentro por ninguna parte!

    Mira, te adjunto[ATTACH]333.vB[/ATTACH], como verás está como pasado del postbit al Post, y no encuentro como arregarlo, observa que aquí en ForovBulletin, también ha quedado sobresalido...Sabes que debo modificar para correjir esto??
    Imágenes adjuntadas Imágenes adjuntadas

  10. #10
    Baneado
    Fecha de ingreso
    Apr 2008
    Mensajes
    2,048
    Panel de control -> Estilos y plantillas -> Administrar estilos -> Edita el estilo que corresponda -> Editar plantillas -> CSS plantillas -> postbit.css ->
    Al final del todo, pon:
    Código PHP:
    .postbitinfoclass div {

        
    width40px !important;
    }

    #postbitinfo {
        
    backgroundnone;
        
    padding0px;
        
    width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}-25px};
        
    margin-right20px;
        
    margin-left0px;
    }

    .
    slidedinfo {
        
    displaynone;
        
    overflowhidden;
        
    height0px;
        
    width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}-5px}; 
        
    padding2px {vb:stylevar padding} {vb:math {vb:stylevar padding}/2};
        
    font-size: {vb:stylevar small_fontSize};
        
    background: {vb:stylevar postbit_userinfo_background};
        
    margin-left: -4px;

    }

    .
    toggleButton {
        
    float:right;
        
    margin-left0;
        
    padding0;
        
    padding0px;
        
    width:13px
        
    cursorpointer;
        
    displayinline-block;

    Panel de control -> Estilos y plantillas -> Administrar estilos -> Edita el estilo que corresponda -> Editar plantillas -> headinclude y busca
    Código PHP:
    // --> 
    Justo debajo, pon
    Código PHP:

     






    function openPostInfo (postid)
    {
        var 
    attributes = {
            
    height: {from0to180}
        };

        
    fetch_object('slidedinfo_' postid).style.display 'block';
     
        var 
    myAnim = new YAHOO.util.Anim('slidedinfo_' postidattributes);
        
    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: {from180to0}
        };

        var 
    myAnim = new YAHOO.util.Anim('slidedinfo_' postidattributes);
        
    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();

    Panel de control -> Estilos y plantillas -> Administrar estilos -> Edita el estilo que corresponda -> Editar plantillas -> postbit plantillas -> postbit_legacy ->
    busca
    Justo encima añade:
    Código PHP:
                            Información de Usuario[IMG]images/buttons/collapse_postbit_collapsed.png[/IMG
    Un poco más abajo, busca:
    Código PHP:
     
    añade debajo
    Un poco más abajo, busca:
    Código PHP:
                    {vb:raw template_hook.postbit_userinfo_right
    Justo debajo, añade:
    Guarda los cambios.
    Sube la carpeta images y la carpeta clientscript que pongo en adjuntos al directorio raíz / de tu foro (sobreescribe si es necesario).

    Y eso es todo.

    Puedes comprobar el funcionamiento aquí mismo.

    Salud2

Temas similares

  1. Ayuda con eTiKeT 2011 Posbit_legacy - Postbit
    Por quito12 en el foro vBulletin 4 - Preguntas, Problemas y Soluciones
    Respuestas: 0
    Último mensaje: 11-27-2011, 05:02 PM

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •