Ajuda pra corrigir tabela

[Guest Desesperado]

Amigos,

consegui um "estilo" pro phpBB 3, e estava tentando corrigir a disposição de algumas coisas, mas até agora só tomei porrada.

Vejam só...

O nome do template é FISUBICE2.

Ele pode ser baixado aqui:

http://www.phpbb.com/styles/db/download/6265/

Mas vou direto ao arquivo que interessa:

Esse é o arquivo original, sem minhas modificações:

http://rapidshare.com/files/140209293/viewtopic_body.html

O nome dele é viewtopic_body.html. É o arquivo onde você regula como os usuários irão visualizar os tópicos.

Vejam qual é o problema:

FIsubice2:

Web Wiz:

1) O nome de usuário está centralizado e afastado do rank e avatar;

Eu queria remover o ícone de online/offline;

Eu queria deixar meu template igual ao WebWiz.

2) O ícone de quote está no canto inferior direito, e não superior direito. Vide exemplo:

FIsubice2:

Web Wiz:

3) No lugar de "Post subject" ("Assunto do tópico") eu queria que aparecesse "Enviado em: X".

Eu consegui modificar o template, e FIZ O QUE EU QUERIA NOS PASSOS 1) e 3). O 2) não tenho idéia de como ajeitar.

Só que o 1) ficou assim:

Não está correto isso aí, só alinhei o nome na esquerda mas ele não está 100% alinhado com o rank/avatar, notem que o nome de usuário (POST_AUTHOR) está ficando um pouco mais à esquerda, e está ainda distante deles.

É pra ficar assim:

Entenderam o problema?

Vou colar o arquivo já modificado pra vocês verem:

viewtopic_body.html

<!-- INCLUDE overall_header.html -->

<!-- IF S_FORUM_RULES -->
    <div class="forumrules">
        <!-- IF U_FORUM_RULES -->
            <h3>{L_FORUM_RULES}</h3><br />
            <a href="{U_FORUM_RULES}"><b>{L_FORUM_RULES_LINK}</b></a>
        <!-- ELSE -->
            <h3>{L_FORUM_RULES}</h3><br />
            {FORUM_RULES}
        <!-- ENDIF -->
    </div>

    <br clear="all" />
<!-- ENDIF -->

<div id="pageheader">
    <h2><a class="titles" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2>

<!-- IF MODERATORS -->
    <p class="moderators"><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->: {MODERATORS}</p>
<!-- ENDIF -->
<!-- IF U_MCP -->
    <p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
<!-- ENDIF -->
</div>

<br clear="all" /><br />

<div id="pagecontent">

    <table width="100%" cellspacing="1">
    <tr>
        <td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
        <!-- IF not S_IS_BOT -->
            <!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a> <!-- ENDIF -->
            <!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
        <!-- ENDIF -->
        </td>
        <!-- IF TOTAL_POSTS -->
            <td class="nav" valign="middle" nowrap="nowrap"> {PAGE_NUMBER}<br /></td>
            <td class="gensmall" nowrap="nowrap"> [ {TOTAL_POSTS} ] </td>
            <td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
        <!-- ENDIF -->
    </tr>
    </table>

    <table class="tablebg" width="100%" cellspacing="1">
    <tr>
        <td class="cat">
            <table width="100%" cellspacing="0">
            <tr>
                <td class="nav" nowrap="nowrap"> 
                <!-- IF not S_IS_BOT -->
                    <!-- IF U_WATCH_TOPIC --><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC or U_BOOKMARK_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
                    <!-- IF U_BOOKMARK_TOPIC --><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
                    <!-- IF U_PRINT_TOPIC --><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}">{L_PRINT_TOPIC}</a><!-- IF U_EMAIL_TOPIC or U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
                    <!-- IF U_EMAIL_TOPIC --><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a><!-- IF U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
                    <!-- IF U_BUMP_TOPIC --><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a><!-- ENDIF -->
                <!-- ENDIF -->
                </td>
                <td class="nav" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --> | <a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a><!-- ENDIF --> | <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> </td>
            </tr>
            </table>
        </td>
    </tr>
<!-- IF S_HAS_POLL -->
    <tr>
        <td class="row2" colspan="2" align="center"><br clear="all" />

            <form method="post" action="{S_POLL_ACTION}">

            <table cellspacing="0" cellpadding="4" border="0" align="center">
            <tr>
                <td align="center"><span class="gen"><b>{POLL_QUESTION}</b></span><br /><span class="gensmall">{L_POLL_LENGTH}</span></td>
            </tr>
            <tr>
                <td align="{S_CONTENT_FLOW_BEGIN}">
                    <table cellspacing="0" cellpadding="2" border="0">
                <!-- BEGIN poll_option -->
                    <tr>
                    <!-- IF S_CAN_VOTE -->
                        <td>
                            <!-- IF S_IS_MULTI_CHOICE -->
                                <input type="checkbox" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
                            <!-- ELSE -->
                                <input type="radio" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
                            <!-- ENDIF -->
                        </td>
                    <!-- ENDIF -->
                        <td><span class="gen">{poll_option.POLL_OPTION_CAPTION}</span></td>
                        <!-- IF S_DISPLAY_RESULTS -->
                            <td dir="ltr">{POLL_LEFT_CAP_IMG}{poll_option.POLL_OPTION_IMG}{POLL_RIGHT_CAP_IMG}</td>
                            <td class="gen" align="{S_CONTENT_FLOW_END}"><b> {poll_option.POLL_OPTION_PERCENT} </b></td>
                            <td class="gen" align="center">[ {poll_option.POLL_OPTION_RESULT} ]</td>
                            <!-- IF poll_option.POLL_OPTION_VOTED -->
                                <td class="gensmall" valign="top"><b title="{L_POLL_VOTED_OPTION}">x</b></td>
                            <!-- ENDIF -->
                        <!-- ENDIF -->
                    </tr>
                <!-- END poll_option -->
                    </table>
                </td>
            </tr>
        <!-- IF S_CAN_VOTE -->
            <tr>
                <td align="center"><span class="gensmall">{L_MAX_VOTES}</span><br /><br /><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="btnlite" /></td>
            </tr>
        <!-- ENDIF -->
        <!-- IF S_DISPLAY_RESULTS -->
            <tr>
                <td class="gensmall" colspan="4" align="center"><b>{L_TOTAL_VOTES} : {TOTAL_VOTES}</b></td>
            </tr>
        <!-- ELSE -->
            <tr>
                <td align="center"><span class="gensmall"><b><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></b></span></td>
            </tr>
        <!-- ENDIF -->
            </table>
            {S_HIDDEN_FIELDS}
            
            </form>
            
        </td>
    </tr>
<!-- ENDIF -->
    </table>

<!-- BEGIN postrow -->
    <table class="tablebg" width="100%" cellspacing="1">
    <!-- IF postrow.S_FIRST_ROW -->
        <tr>
            <th>{L_AUTHOR}</th>            
            <th>{L_MESSAGE}</th>
        </tr>
    <!-- ENDIF -->
    <!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

    <!-- IF postrow.S_IGNORE_POST -->
            <td class="gensmall" colspan="2" height="25" align="center"><!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>{postrow.L_IGNORE_POST}</td>
    <!-- ELSE -->

            <td align="center" valign="middle">
            <td width="100%" height="25">
                <table width="100%" cellspacing="0">
                <tr>
                <!-- IF postrow.POST_ICON_IMG -->
                    <td><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" title="" /></td>
                <!-- ENDIF -->
                    <td class="gensmall" width="100%"><div style="float: {S_CONTENT_FLOW_BEGIN};"> <!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF --><b>{L_POSTED}:</b> {postrow.POST_DATE} </div></td>
                </tr>
                </table>
            </td>
        </tr>
        
        <!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

            <td valign="top" class="profile">
                <table cellspacing="4" align="center" width="150">
            <!-- IF postrow.POST_AUTHOR -->
                <tr>
                <!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
                <b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b>
                </tr>
            <!-- ENDIF -->
            <!-- IF postrow.RANK_TITLE -->
                <tr>
                    <td class="postdetails">{postrow.RANK_TITLE}</td>
                </tr>
            <!-- ENDIF -->
            <!-- IF postrow.RANK_IMG -->
                <tr>
                    <td>{postrow.RANK_IMG}</td>
                </tr>
            <!-- ENDIF -->
            <!-- IF postrow.POSTER_AVATAR -->
                <tr>
                    <td>{postrow.POSTER_AVATAR}</td>
                </tr>
            <!-- ENDIF -->
                </table>

                <span class="postdetails">
                    <!-- IF postrow.POSTER_JOINED --><br /><b>{L_JOINED}:</b> {postrow.POSTER_JOINED}<!-- ENDIF -->
                    <!-- IF postrow.POSTER_POSTS != '' --><br /><b>{L_POSTS}:</b> {postrow.POSTER_POSTS}<!-- ENDIF -->
                    <!-- IF postrow.POSTER_FROM --><br /><b>{L_LOCATION}:</b> {postrow.POSTER_FROM}<!-- ENDIF -->

                    <!-- IF postrow.S_PROFILE_FIELD1 -->
                        <!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
                        <br /><b>{postrow.PROFILE_FIELD1_NAME}:</b> {postrow.PROFILE_FIELD1_VALUE}
                    <!-- ENDIF -->

                    <!-- BEGIN custom_fields -->
                        <br /><b>{postrow.custom_fields.PROFILE_FIELD_NAME}:</b> {postrow.custom_fields.PROFILE_FIELD_VALUE}
                    <!-- END custom_fields -->
                </span>

            </td>
            <td valign="top">
                <table width="100%" cellspacing="5">
                <tr>
                    <td>
                    <!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
                        <table width="100%" cellspacing="0">
                        <tr>
                            <td class="gensmall"><!-- IF postrow.S_POST_UNAPPROVED --><span class="postapprove">{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}">{L_POST_UNAPPROVED}</a></span> <!-- ENDIF --> <!-- IF postrow.S_POST_REPORTED --><span class="postreported">{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}">{L_POST_REPORTED}</a></span><!-- ENDIF --></td>
                        </tr>
                        </table>

                        <br clear="all" />
                    <!-- ENDIF -->

                        <div class="postbody">{postrow.MESSAGE}</div>

                    <!-- IF postrow.S_HAS_ATTACHMENTS -->
                        <br clear="all" /><br />

                        <table class="tablebg" width="100%" cellspacing="1">
                        <tr>
                            <td class="row3"><b class="genmed">{L_ATTACHMENTS}: </b></td>
                        </tr>
                        <!-- BEGIN attachment -->
                            <tr>
                                <!-- IF postrow.attachment.S_ROW_COUNT is even --><td class="row2"><!-- ELSE --><td class="row1"><!-- ENDIF -->{postrow.attachment.DISPLAY_ATTACHMENT}</td>
                            </tr>
                        <!-- END attachment -->
                        </table>
                    <!-- ENDIF -->

                    <!-- IF postrow.S_DISPLAY_NOTICE -->
                        <span class="gensmall error"><br /><br />{L_DOWNLOAD_NOTICE}</span>
                    <!-- ENDIF -->
                    <!-- IF postrow.SIGNATURE -->
                        <span class="postbody"><br />_________________<br />{postrow.SIGNATURE}</span>
                    <!-- ENDIF -->

                    <!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
                        <!-- IF postrow.EDIT_REASON -->
                            <br /><br />
                            <table class="tablebg" width="100%" cellspacing="1">
                            <tr>
                                <td class="row3"><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td>
                            </tr>
                            <tr>
                                <td class="row2"><span class="genmed">{postrow.EDIT_REASON}</span></td>
                            </tr>
                            </table>
                        <!-- ELSE -->
                            <br /><br />
                            <span class="gensmall">{postrow.EDITED_MESSAGE}</span>
                        <!-- ENDIF -->
                    <!-- ENDIF -->

                    <!-- IF postrow.BUMPED_MESSAGE -->
                        <span class="gensmall">{postrow.BUMPED_MESSAGE}</span>
                    <!-- ENDIF -->

                    <!-- IF not postrow.S_HAS_ATTACHMENTS --><br clear="all" /><br /><!-- ENDIF -->

                        <table width="100%" cellspacing="0">
                        <tr valign="middle">
                            <td class="gensmall" align="{S_CONTENT_FLOW_END}">
                            <!-- IF not S_IS_BOT -->
                                <!-- IF postrow.U_REPORT --><a href="{postrow.U_REPORT}">{REPORT_IMG}</a> <!-- ENDIF --> 
                                <!-- IF postrow.U_INFO --><a href="{postrow.U_INFO}">{INFO_IMG}</a> <!-- ENDIF --> 
                                <!-- IF postrow.U_WARN --><a href="{postrow.U_WARN}">{WARN_IMG}</a> <!-- ENDIF --> 
                                <!-- IF postrow.U_DELETE --><a href="{postrow.U_DELETE}">{DELETE_IMG}</a> <!-- ENDIF -->
                            <!-- ENDIF -->
                            </td>
                        </tr>
                        </table>
                    </td>
                </tr>
                </table>
            </td>
        </tr>

        <!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

            <td class="profile"><strong><a href="#wrapheader">{L_BACK_TO_TOP}</a></strong></td>
            <td><div class="gensmall" style="float: {S_CONTENT_FLOW_BEGIN};"> <!-- IF postrow.U_PROFILE --><a href="{postrow.U_PROFILE}">{PROFILE_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_PM --><a href="{postrow.U_PM}">{PM_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF --> </div> <div class="gensmall" style="float: {S_CONTENT_FLOW_END};"><!-- IF not S_IS_BOT --><!-- IF postrow.U_EDIT --><a href="{postrow.U_EDIT}">{EDIT_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_QUOTE --><a href="{postrow.U_QUOTE}">{QUOTE_IMG}</a> <!-- ENDIF --> <!-- ENDIF --> </div></td>
    <!-- ENDIF -->
        </tr>

    <tr>
        <td class="spacer" colspan="2" height="1"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
    </tr>
    </table>
<!-- END postrow -->

    <table width="100%" cellspacing="1" class="tablebg">
    <tr align="center">
        <td class="cat"><form name="viewtopic" method="post" action="{S_TOPIC_ACTION}"><span class="gensmall">{L_DISPLAY_POSTS}:</span> {S_SELECT_SORT_DAYS} <span class="gensmall">{L_SORT_BY}</span> {S_SELECT_SORT_KEY} {S_SELECT_SORT_DIR} <input class="btnlite" type="submit" value="{L_GO}" name="sort" /></form></td>
    </tr>
    </table>

    <table width="100%" cellspacing="1">
    <tr>
        <td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
        <!-- IF not S_IS_BOT -->
            <!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a> <!-- ENDIF -->
            <!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
        <!-- ENDIF -->
        </td>
        <!-- IF TOTAL_POSTS -->
            <td class="nav" valign="middle" nowrap="nowrap"> {PAGE_NUMBER}<br /></td>
            <td class="gensmall" nowrap="nowrap"> [ {TOTAL_POSTS} ] </td>
            <td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
        <!-- ENDIF -->
    </tr>
    </table>

</div>

<div id="pagefooter"></div>

<br clear="all" />

<!-- INCLUDE breadcrumbs.html -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
    <br clear="all" />

    <table class="tablebg" width="100%" cellspacing="1">
    <tr>
        <td class="cat"><h4>{L_WHO_IS_ONLINE}</h4></td>
    </tr>
    <tr>
        <td class="row1"><p class="gensmall">{LOGGED_IN_USER_LIST}</p></td>
    </tr>
    </table>
<!-- ENDIF -->

<br clear="all" />

<table width="100%" cellspacing="1">
<tr>
    <td width="40%" valign="top" nowrap="nowrap" align="{S_CONTENT_FLOW_BEGIN}"><!-- IF S_TOPIC_MOD --><form method="post" action="{S_MOD_ACTION}"><span class="gensmall">{L_QUICK_MOD}:</span> {S_TOPIC_MOD} <input class="btnlite" type="submit" value="{L_GO}" /></form><!-- ENDIF --></td>
    <td align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap"><span class="gensmall"><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></span></td>
</tr>
</table>

<br clear="all" />

<table width="100%" cellspacing="0">
<tr>
    <td><!-- IF S_DISPLAY_SEARCHBOX --><!-- INCLUDE searchbox.html --><!-- ENDIF --></td>
    <td align="{S_CONTENT_FLOW_END}"><!-- INCLUDE jumpbox.html --></td>
</tr>
</table>

<!-- INCLUDE overall_footer.html -->

À primeira vista arrumar isso seria fácil demais, mas até agora não consegui. :unsure:

[Guest Guest]

Pra alinhar o nome de usuário com o rank, você teria que inserir as tags <td> e </td> ali no meio do código. Eu testei aqui no phpBB 3 e ficou alinhado.

Assim:

<!-- IF postrow.POST_AUTHOR -->
                <tr>
                <!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
                <td><b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b></td>
                </tr>
            <!-- ENDIF -->

A parada do quote não sei como ajeitar...