Resultados 1 al 14 de 14

Alinear la Firma hacia abajo en postbit_legancy

Esta es una discusión en el tema Alinear la Firma hacia abajo en postbit_legancy dentro del foro vB3 Modificaciones, parte de la categoría vBulletin 3x; Si en tu foro usas el postbit_legancy, notaras que la firma aparece inmediatamente despues del mensaje de los usuarios, y si el lado de los datos (avatar, nombre, etc) es muy largo, la firma queda mal Si usas FIREFOX , puedes presionar CTRL y hacer click sobre las celdas para ...

  1. #1
    Administrador Avatar de Jhonnyf
    Fecha de ingreso
    13/jun/2009
    Ubicación
    In my mind
    Mensajes
    1.363
    Gracias
    60
    Agradecido 1.104 veces en 565 mensajes
    Entradas de Blog
    1
    Poder de Credibilidad
    10

    Predeterminado Alinear la Firma hacia abajo en postbit_legancy

    Si en tu foro usas el postbit_legancy, notaras que la firma aparece inmediatamente despues del mensaje de los usuarios, y si el lado de los datos (avatar, nombre, etc) es muy largo, la firma queda mal


    Si usas FIREFOX, puedes presionar CTRL y hacer click sobre las celdas para selecionarlas (como en la imagen) y asi ver que es lo que contiene



    lo que tenemos que hacer es:


    • Dividir la parte del mensaje en MENSAJE y FIRMA, para eso usaremos el TR, TD de la tabla
    • la Nueva Fila que se a creado para que contenga la firma, debemos ponerle el vertical-align:bottom en su TD en la parte del style para que su contenido sea puesto siempre en la parte indeferior
    • Como se ha creado una nueva Fila, debemos hacer que el sector 1 se junte con la nueva fila (no se ve aun en la imagen, pero puedes ver la ultima imagen de este tutorial para que te hagas una idea)




    para todo eso debemos editar la plantilla postbit_legancy y buscar
    Código HTML:
            $template_hook[postbit_signature_start]
            $ad_location[ad_showthread_firstpost_sig]
            <if condition="$post['signature']">
            <!-- sig -->
                <div>
                    __________________<br />
                    $post[signature]
                </div>
            <!-- / sig -->
            </if>
    Vamos a hacer el punto 1 y 2, es decir, debemos pasar a una nueva final y ademas alineado hacia abajo, para eso primero cerraremos el /TD del mensaje, luego el /TR de esa fila y volveremos a aperturar el TR y el TD, no es necesario cerrarlo de nuevo porque usará el que tenia anteriormente (el del mensaje)
    Código HTML:
     </td>
            </tr>
            <tr>
        <td style="vertical-align:bottom">
    pero para mantener el estilo, vamos a ver como abre el TD del mensaje (del sector 2)

    Código HTML:
     <if condition="$show['moderated']">
        <td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
        <else />
        <td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
        </if>


    y lo copiaremos agregando el vertical-align:bottom, entonces lo que vamos a poner finalmente será
    Código HTML:
     </td>
            </tr>
            <tr>
        <if condition="$show['moderated']">
        <td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; vertical-align:bottom">
        <else />
        <td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; vertical-align:bottom">
        </if>
    
            $template_hook[postbit_signature_start]
            $ad_location[ad_showthread_firstpost_sig]
            <if condition="$post['signature']">
            <!-- sig -->
                <div>
                    __________________<br />
                    $post[signature]
                </div>
            <!-- / sig -->
            </if>



    Luego de eso debemos hacer el punto 3, juntar el sector 1 con la nueva celda que se creó por dividir el mensaje, para eso ubicamos esta parte del codigo
    Código HTML:
    <tr valign="top">
        <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">
    y le ponemos el rowspan="2" a ese TD (del sector 1 que contiene el avatar y demas)

    Código HTML:
    <tr valign="top">
        <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px" rowspan="2">



    si has hecho correctamente todos esos puntos finalmente tendrás el postbit de esta manera (recuerda que esas divisiones es porque presione CTRL+CLICK en la celda usando FIREFOX, realmente no están ahi)





    [GRACIAS] -> es Boton magico que hace que siempre recibas soporte, USALO!!!

  2. Los siguientes 3 usuarios han agradecido a Jhonnyf por este útil mensaje:

    CarlosAlc18 (11/12/2009), djmlbp (09/12/2009), kuleshs (01/08/2010)

  3. #2
    Usuario Avatar de Das Underground
    Fecha de ingreso
    03/nov/2009
    Ubicación
    Arika-Chile/Sao Paulo Brasil
    Edad
    24
    Mensajes
    157
    Gracias
    25
    Agradecido 50 veces en 30 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    Excelente, lo único que me gustaria hacer, es quitar la línea que viene debajo del mensaje, si me dices como hacer mejor, mientras tanto creo que tendré que hacer dos nuevas clases en el css...

    Última edición por Das Underground; 09/12/2009 a las 01:16
    "Caer está permitido, levantarse es obligatorio" ●
    Frases de Amor: Frases de Amor | Facebook|Frases Sabias: Frases Sabias | Facebook|Chiste del Día: Chiste del Día | Facebook|¿Que te gusta?: ¿Que te gusta? | Facebook

  4. El siguiente usuario ha agradecido a Das Underground por este útil mensaje:

    kuleshs (01/08/2010)

  5. #3
    Administrador Avatar de mcloud
    Fecha de ingreso
    03/nov/2009
    Ubicación
    In your mind
    Mensajes
    804
    Gracias
    31
    Agradecido 728 veces en 267 mensajes
    Poder de Credibilidad
    10

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    Esa linea... ¿no es esta?

    Código:
    <!-- sig --> <div>
                    __________________<br />
                    $post[signature]
                </div>
            <!-- / sig -->



  6. #4
    Usuario Avatar de Lizard
    Fecha de ingreso
    27/nov/2009
    Ubicación
    Granada-España
    Edad
    45
    Mensajes
    79
    Gracias
    19
    Agradecido 18 veces en 17 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    PUes la verdad es que me gustaría hacerlo, pero no me entero demasiado, donde y como hay que pegar esos códigos.?


  7. #5
    Usuario Avatar de Das Underground
    Fecha de ingreso
    03/nov/2009
    Ubicación
    Arika-Chile/Sao Paulo Brasil
    Edad
    24
    Mensajes
    157
    Gracias
    25
    Agradecido 50 veces en 30 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    Cita Iniciado por mcloud Ver mensaje
    Esa linea... ¿no es esta?

    Código:
    <!-- sig --> <div>
                    __________________<br />
                    $post[signature]
                </div>
            <!-- / sig -->
    No no, esa no, es la linea del borde del <td class="alt1"> y <td class="alt2">

    Y otro detalle que me paso,es que cuando un usuario no tiene firma pasa esto:



    Trate de hacer una condicion para el rowspan y no me resulto, puse esto:

    Código HTML:
    <if condition="$post['signature']">
        <td class="alt2" width="175" rowspan="2">
        <else>        
        <td class="alt2" width="175">
        </if>
    Pero no funciono, asi que dejo el postbit, haber que se puede hacer: postbit_legacy actual.txt

    Saludos

    "Caer está permitido, levantarse es obligatorio" ●
    Frases de Amor: Frases de Amor | Facebook|Frases Sabias: Frases Sabias | Facebook|Chiste del Día: Chiste del Día | Facebook|¿Que te gusta?: ¿Que te gusta? | Facebook

  8. El siguiente usuario ha agradecido a Das Underground por este útil mensaje:

    kuleshs (30/07/2010)

  9. #6
    Usuario Avatar de Das Underground
    Fecha de ingreso
    03/nov/2009
    Ubicación
    Arika-Chile/Sao Paulo Brasil
    Edad
    24
    Mensajes
    157
    Gracias
    25
    Agradecido 50 veces en 30 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    Ya lo solucione, estaba escribiendo mal la condición, puse esto:

    Código HTML:
    <if condition="$post['signature']">
    <tr valign="top">
        <td class="alt2" width="175" rowspan="2">
        <else />
        <tr valign="top">
        <td class="alt2" width="175">
        </if>
    y todo arreglado, perfecto

    "Caer está permitido, levantarse es obligatorio" ●
    Frases de Amor: Frases de Amor | Facebook|Frases Sabias: Frases Sabias | Facebook|Chiste del Día: Chiste del Día | Facebook|¿Que te gusta?: ¿Que te gusta? | Facebook

  10. #7
    Usuario Avatar de Lizard
    Fecha de ingreso
    27/nov/2009
    Ubicación
    Granada-España
    Edad
    45
    Mensajes
    79
    Gracias
    19
    Agradecido 18 veces en 17 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    Ok, ya lo conseguí, muchas gracias.


  11. #8
    Usuario Avatar de Alucard^
    Fecha de ingreso
    26/nov/2009
    Edad
    21
    Mensajes
    72
    Gracias
    5
    Agradecido 9 veces en 9 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    Yo tmb tengo el mismo problema, esa linea que aparece abajo del mensaje... mi problema esta planteado aca: vBulletin.org Forum - View Single Post - Force Signature to the Bottom

    Alguna solucion?


  12. #9
    Administrador Avatar de mcloud
    Fecha de ingreso
    03/nov/2009
    Ubicación
    In your mind
    Mensajes
    804
    Gracias
    31
    Agradecido 728 veces en 267 mensajes
    Poder de Credibilidad
    10

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    ¿Has mirado si es esto lo que genera la linea?
    Código:
    <hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />




  13. #10
    Usuario Avatar de Das Underground
    Fecha de ingreso
    03/nov/2009
    Ubicación
    Arika-Chile/Sao Paulo Brasil
    Edad
    24
    Mensajes
    157
    Gracias
    25
    Agradecido 50 veces en 30 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    Te explicate el porque, ahi vamos...

    El problema, o el por que de la línea digamoslo asi, esta en este codigo:

    Código HTML:
    <if condition="$show['moderated']">
        <td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
        <else />
        <td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
        </if>
    Si revisamos el CSS de alt1 y alt2, nos daremos cuenta que lleva un borde, para eso te vas a Admincp > Estilos & Plantillas > Administrar Estilos en el estilo que estes usando te vas a la opción "IR" y buscamos por:

    -Primer Color Alternativo (Personalizado en Este Estilo)
    -
    Segundo Color Alternativo (Personalizado en Este Estilo)

    En esos dos recuadro, fijate que tienen como propriedad del CSS un borde, en mi caso esta así:



    El tuyo debe ser similar..
    No te aconsejo a quitar esos bordes, ya que cambiarias la estetica de tu estilo. en mi caso, saque la line de la firma esa: ______________________ y solo deje los bordes del CSS, y no se ve mal:



    Eso seria.

    "Caer está permitido, levantarse es obligatorio" ●
    Frases de Amor: Frases de Amor | Facebook|Frases Sabias: Frases Sabias | Facebook|Chiste del Día: Chiste del Día | Facebook|¿Que te gusta?: ¿Que te gusta? | Facebook

  14. El siguiente usuario ha agradecido a Das Underground por este útil mensaje:

    kuleshs (30/07/2010)

  15. #11
    Usuario Avatar de Das Underground
    Fecha de ingreso
    03/nov/2009
    Ubicación
    Arika-Chile/Sao Paulo Brasil
    Edad
    24
    Mensajes
    157
    Gracias
    25
    Agradecido 50 veces en 30 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    Otra cosita, es postbit_legacy no legancy

    "Caer está permitido, levantarse es obligatorio" ●
    Frases de Amor: Frases de Amor | Facebook|Frases Sabias: Frases Sabias | Facebook|Chiste del Día: Chiste del Día | Facebook|¿Que te gusta?: ¿Que te gusta? | Facebook

  16. #12
    Usuario Avatar de Alucard^
    Fecha de ingreso
    26/nov/2009
    Edad
    21
    Mensajes
    72
    Gracias
    5
    Agradecido 9 veces en 9 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    Me esta rompiendo el coco esto.... Miren, exactamente asi es como lo tengo ahora:

    Código PHP:
    <tr>
    <
    td class="alt5" valign="bottom" height="100%" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]style="border-top: 0px">
            
    $template_hook[postbit_signature_start]
            <if 
    condition="$post['signature'] AND !in_array($thread['forumid'],array(97))">
                    <!-- 
    sig -->
                <
    div valign="bottom" style="max-height:3000px; overflow:auto;">
                                    
    __________________<br />
                    
    $post[signature]
                </
    div>
            <!-- / 
    sig -->

            </if>
            
    $template_hook[postbit_signature_end]
            <if 
    condition="$show['postedited']">
            <!-- 
    edit note -->
    <
    div class="smallfont">
                    <
    em>
                        <if 
    condition="$show['postedithistory']">
                            <
    phrase 1="$post[edit_username]2="$post[edit_date]3="$post[edit_time]4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>.
                        <else />
                            <
    phrase 1="$post[edit_username]2="$post[edit_date]3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
                        </if>
                        <if 
    condition="$post['edit_reason']">
                            
    $vbphrase[reason]: $post[edit_reason]
                        </if>
                    </
    em>
                </
    div>
            <!-- / 
    edit note -->
            </if>

            </
    td>
    </
    tr
    Como veran, le cambie el alt1 por el alt5 y en la parte del CSS lo tengo asi:

    Código PHP:
    .alt5 {
    border-right1px solid #d2d2d2;
    border-left1px solid #f4f4f4;
    border-bottom1px solid #d2d2d2;
    background#eaeaea;
    color#5d5d5e;
    font:9pt Tahoma

    Y como veran le removi el border-top, sin embargo... sigue ESA LINEA DE M**** ><. Por lo que me lleva a pensar que es otro codigo aparte el cual genera esa linea... Y sin duda esta en esta parte:

    Código PHP:
    <tr>
    <
    td class="alt5" valign="bottom" height="100%" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]style="border-top: 0px">
            
    $template_hook[postbit_signature_start
    aunque no veo nada raro.... incluso ahi esta el border-top en 0px :/

    Alguna idea?


  17. El siguiente usuario ha agradecido a Alucard^ por este útil mensaje:

    kuleshs (01/08/2010)

  18. #13
    Usuario Avatar de Lizard
    Fecha de ingreso
    27/nov/2009
    Ubicación
    Granada-España
    Edad
    45
    Mensajes
    79
    Gracias
    19
    Agradecido 18 veces en 17 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    ¿Has leido el post de Das? Fijate en la primera imagen en la de "Primer color alternativo" prueba a cambiar ahí el color de lo que recuadra y compruebas los cambios, luego solamente tendrías que buscar exactamente el color de tu fondo y desaparecerá.


  19. El siguiente usuario ha agradecido a Lizard por este útil mensaje:

    kuleshs (30/07/2010)

  20. #14
    Usuario Avatar de Das Underground
    Fecha de ingreso
    03/nov/2009
    Ubicación
    Arika-Chile/Sao Paulo Brasil
    Edad
    24
    Mensajes
    157
    Gracias
    25
    Agradecido 50 veces en 30 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Alinear la Firma hacia abajo en postbit_legancy

    Cambiaste esa parte por alt5, pero el cuadro de arriba donde va el post, sigue teniendo borde, coloca una imagen de tu alt1 y alt2 para ver como los tienes.

    Dame el enlace de tu foro para hechar un ojo

    "Caer está permitido, levantarse es obligatorio" ●
    Frases de Amor: Frases de Amor | Facebook|Frases Sabias: Frases Sabias | Facebook|Chiste del Día: Chiste del Día | Facebook|¿Que te gusta?: ¿Que te gusta? | Facebook

  21. El siguiente usuario ha agradecido a Das Underground por este útil mensaje:

    kuleshs (01/08/2010)

Etiquetas de este tema

Foro | Chat y Juegos | Hello Kitty | Programacion | Foro Cristiano | XAT | Chat Foro | Perú | SummArg