Reparacion de alineacion de postbit_author

URL del foro: http://s8va.comoj.com/foro/
Versión del foro: 1.6.4
Actualización: Ninguna

Como se aprecia en la foto, segui el tutorial de los enmarques al posbit del user, pero se corrio la linea de arriba de autor mensaje en referencia de la linea ademas quisiera poner la informacion de otra manera.

[Imagen: molde.JPG]

quisiera poner el nombre de user sobre el avatar con un recuadro, luego abajo del avatar el grupo primario con sus estrellas tambien en otro recuadro.

ojala me puedan ayudar, ahora que tengo un foro quiero hacerlo todo.

Última modificación: 9 Nov, 2011, 7:24 am por tankistmen1963.

Pon aquí la plantilla postbit_classic. Smile

Código PHP:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}"><tr><tdclass="{$altbg}" width="15%" valign="top" style="white-space:nowrap; text-align:center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a><tablewidth="100%" border="0" cellspacing="2" cellpadding="1" style="font-size:12px"><tr><tdclass="trow4" align="center"><strong><spanclass="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br/><br / > {$post['useravatar']}<br /><br /><span class="smalltext" aling="center">{$post['usertitle']}<br />{$post['userstars']}{$post['groupimage']}<br /></td></tr></table>{$post['user_details']}</span></td><tdclass="{$altbg}" valign="top"><table width="100%"><tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span><br/><div id="pid_{$post['pid']}" style="padding:5px 0 5px 0;">{$post['message']}</div>{$post['attachments']}{$post['signature']}<div style="text-align:right; vertical-align: bottom;" id="post_meta_{$post['pid']}"><div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>{$post['iplogged']}</div></td></tr></table></td></tr><tr><tdclass="{$altbg}" style="white-space:nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td><tdclass="{$altbg}" style="vertical-align:middle;"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr valign="bottom"><td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td><tdalign="right">{$post['button_spam']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['thanks']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td></tr></table></td></tr>{$post['thxdsp_inline']}</table>{$post['thxdsp_outline']} 

aca esta ojala me puedan ayudar, queria tambien encerrar 'userstars' y 'groupimage' en un rectangulo como los otros

Prueba así:

Código:
{$ignore_bit}

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">

    <tr>

        <td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>

        <div class="cajita">

            <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}

        </div>

        <br />

        <span class="smalltext">

            {$post['useravatar']}<br />

            <div class="cajita">

                {$post['usertitle']}<br />

                {$post['userstars']}

                {$post['groupimage']}

            </div>

            {$post['user_details']}

        </span>

    </td>

    <td class="{$altbg}" valign="top">

        <table width="100%">

            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>

            <br />

            <div id="pid_{$post['pid']}" class="post_body">

                {$post['message']}

            </div>

            {$post['attachments']}

            {$post['signature']}

            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">

                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>

                {$post['iplogged']}

            </div>

        </td></tr>

    </table>

</td>

</tr>

<tr>

    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>

    <td class="{$altbg}" style="vertical-align: middle;">

        <table width="100%" border="0" cellpadding="0" cellspacing="0">

            <tr valign="bottom">

                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>

                <td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>

            </tr>

        </table>

    </td>

</tr>

</table>

Y añade esto a tu global.css:

Código:
.cajita {

    background: #fcfcfc;

    width: 100%;

    border: 1px solid #a1c9d8;

    font-weight:bold;

    padding: 2px;

    font-size: 11px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

}

excelente pero ahi dos lineas que estan deformadas mira la imagen

[Imagen: moolde.JPG]

Prueba así:

Código:
{$ignore_bit}

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">

    <tr>

        <td class="{$altbg}" width="200" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>

        <div class="cajita">

            <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}

        </div>

        <br />

        <span class="smalltext">

            {$post['useravatar']}<br />

            <div class="cajita">

                {$post['usertitle']}<br />

                {$post['userstars']}

                {$post['groupimage']}

            </div>

            {$post['user_details']}

        </span>

    </td>

    <td class="{$altbg}" valign="top">

        <table width="100%">

            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>

            <br />

            <div id="pid_{$post['pid']}" class="post_body">

                {$post['message']}

            </div>

            {$post['attachments']}

            {$post['signature']}

            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">

                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>

                {$post['iplogged']}

            </div>

        </td></tr>

    </table>

</td>

</tr>

<tr>

    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>

    <td class="{$altbg}" style="vertical-align: middle;">

        <table width="100%" border="0" cellpadding="0" cellspacing="0">

            <tr valign="bottom">

                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>

                <td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>

            </tr>

        </table>

    </td>

</tr>

</table>

Y el CSS cámbialo por:

Código:
.cajita {

    background: #fcfcfc;

    width: 100%;

    border: 1px solid #a1c9d8;

    font-weight:bold;

    padding: 2px;

    font-size: 11px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

}

gracias maestro cada vez me gusta mas editar el foro.

De nada. Me alegra que te sirva. ^^
Solucionado entonces?