Comunicación

Colapsar
Aún no hay anuncio.

Colapsar el posbit_legacy

Colapsar
X
  • Filtrar
  • Hora
  • Mostrar
Clear All
Nuevos mensajes

  • ~AyudavB4~ Colapsar el posbit_legacy

    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
    Re: Colapsar el posbit_legacy

    Te miro cómo. Básicamente es un spoiler puesto ahí.

    Salud2

    Camentario


    • #3
      Re: Colapsar el posbit_legacy

      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.

      Camentario


      • #4
        Re: Colapsar el posbit_legacy

        Gracias lms, espero tu pronta respuesta entonces, y LoKi, mira aquí:

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

        Camentario


        • #5
          Re: Colapsar el posbit_legacy

          Ahh gracias Rocanrolem, ya vi que era :p

          Camentario


          • #6
            Re: Colapsar el posbit_legacy

            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:
            // -->
            </script>
            <script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/vbulletin-core.js?v={vb:raw vboptions.simpleversion}"></script> 
            Justo debajo, pon
            Código PHP:
            <!-- Dependencies -->
            <
            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>
             
            <!-- Source file -->
            <script type="text/javascript" src="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: 90}
                };

                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: 90, 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> 
            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:
            Código PHP:
                        <div class="userinfo postbitinfoclass"
            Un poco más abajo (5 líneas), busca:
            Código PHP:
                                <vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if> 
            y cámbialo por
            Código PHP:
                                <vb:if condition="$post['joindate']">
                                    <
            img src="images/buttons/collapse_postbit_collapsed.png" alt="" onclick="openPostInfo({vb:raw post.postid});" class="toggleButton" id="toggleButton_{vb:raw post.postid}" />
                                    <
            dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd>
                                </
            vb:if>
                            
                                <
            span id="slidedinfo_{vb:raw post.postid}" class="slidedinfo"
            Un poco más abajo, busca:
            Código PHP:
                            {vb:raw template_hook.postbit_userinfo_right
            Justo debajo, añade:
            Código PHP:
                            </div
            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

            Camentario


            • #7
              Re: Colapsar el posbit_legacy

              Geniaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal!!!! Pero resulta que solo 5 opciones me muestra al clickear y yo tengo alrededor de 10!...Que tendría que modificar??

              Camentario


              • #8
                Re: Colapsar el posbit_legacy

                Ah, y puede ser tal vez que se sobresalga un poco del postbit? Aquí también lo noto...

                Camentario


                • #9
                  Re: Colapsar el posbit_legacy

                  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 adjuntoHacer clic en la imagen para ver a tamaño completo

Nombre:	c2c7b4859e0bfc5551a141516a563150.jpg
Vista:	1
Tamaño:	47,6 KB
ID:	258, 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??

                  Camentario


                  • #10
                    Re: Colapsar el posbit_legacy

                    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:
                    // -->
                    </script>
                    <script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/vbulletin-core.js?v={vb:raw vboptions.simpleversion}"></script> 
                    Justo debajo, pon
                    Código PHP:
                    <!-- Dependencies -->
                    <
                    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>
                     
                    <!-- Source file -->
                    <script type="text/javascript" src="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: 180}
                        };

                        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: 180, 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> 
                    Panel de control -> Estilos y plantillas -> Administrar estilos -> Edita el estilo que corresponda -> Editar plantillas -> postbit plantillas -> postbit_legacy ->
                    busca
                    Código PHP:
                                <vb:if condition="$post['rank']"
                    Justo encima añade:
                    Código PHP:
                                            <span><div class="postbitinfoclass">Información de Usuario<img src="images/buttons/collapse_postbit_collapsed.png" alt="" onclick="openPostInfo({vb:raw post.postid});" class="toggleButton" id="toggleButton_{vb:raw post.postid}" /></div></span
                    Un poco más abajo, busca:
                    Código PHP:
                                <vb:if condition="$post['userid']">
                                    <
                    hr /> 
                    añade debajo
                    Código PHP:
                                        <span id="slidedinfo_{vb:raw post.postid}" class="slidedinfo"
                    Un poco más abajo, busca:
                    Código PHP:
                                    {vb:raw template_hook.postbit_userinfo_right
                    Justo debajo, añade:
                    Código PHP:
                    </span
                    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

                    Camentario


                    • #11
                      Re: Colapsar el posbit_legacy

                      Diriamos aqui en mi Pais(México) Eres mi idolo Ims

                      Muchas gracias por esta modificacion.

                      Saludos

                      Camentario


                      • #12
                        Re: Colapsar el posbit_legacy

                        Solo 2 dudas, la carpeta clientscript debe ser tan grande? y otra duda, esta modificacion aplica a versiones anteriores de la 4.1? o solo sirve para la 4.1 en adelante?

                        Saludos

                        Camentario


                        • #13
                          Re: Colapsar el posbit_legacy

                          la vi implementada en vB 3.6.4. La he pasado aquí por modificación de plantillas. Entiendo que vale para todas las versiones aunque cambiará el lugar de poner las cosas de una versión a otra, sobre todo en la plantilla postbit_legacy.

                          La carpeta clientscript no tiene por que ser tan grande. Actualiza el paquete YUI completo que no está completo en vBulletin. Puedes solamente sobrescribir aquellos archivos que ya hay, pero sobre todo, lo de la carpeta animation.

                          Salud2

                          Camentario


                          • #14
                            Re: Colapsar el posbit_legacy

                            Muchas gracias

                            Camentario


                            • #15
                              Re: Colapsar el posbit_legacy

                              Jeje, es buena la mod, aunque un poco lioso el asunto, es mejor el adjunto yo creo, jeje ya que tienes todo ahi lms, en fin a mi en lo particular no me ha gustado dicha mod, es cuestion de gustos, pero a mi no me gusto ya que no tiene mucho chiste el que este aquí porque a veces es bueno ver la info de usuario, pero debería haber algo para las pruebas y meter ahi los cambios del foro con un array que en ese foro se muestre dicho cambio, yo creo que esta un poco sobrado, pero es como digo cuestion de gustos y quizá en páginas con mayor info del usuario hacer el spoil, pero aqui no es necesario, se mira un poco soso.

                              Camentario

                              Trabajando...
                              X