Status dostępności położenie

wersja skryptu MyBB: 1.6.8
adres forum: Tut4You
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Mam problem z poprawnym ułożeniem statusów w global.css mam coś takiego do statusu online:

.online_button {
    margin: -34px 0px -52px -150px;
}

gdy jest ustawione na

-34px

nachodzi mi na

tcat

natomiast gdy ustawię na

-33px

robi się odstęp:



z pozostałymi jest podobnie, czyli offline i away.

Szablon postbit_online wygląda następująco:

<div class="online_button">
<a href="online.php" title="{$lang->postbit_status_online}"><img src="{$theme['imgdir']}/online.png" border="0"
alt="{$lang->postbit_status_online}" /></a>
</div>

Chyba znalazłem rozwiązanie... Wklej tutaj szablon postbit_classic.

{$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>
        <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
        <span class="smalltext">
            {$post['usertitle']}<br />
            {$post['userstars']}
            {$post['groupimage']}
            {$post['useravatar']}<br />
            {$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>{$post['threadsdesc']}</span>
            <br />
            <div id="pid_{$post['pid']}" class="post_body">
                {$post['download_system']}{$post['message']}
            </div>
            {$post['attachments']}
            {$post['signature']}
                <div>{$post['editedmsg']}</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_fast']}{$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>

Na pewno wrzuciłeś mi postbit_classic? Jak tak to łap poniżej...

postbit_classic

{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
{$post['onlinestatus']}
    <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>
        <strong><span class="largetext">{$post['profilelink']}</span></strong>
        <span class="smalltext">
            {$post['usertitle']}<br />
            {$post['userstars']}
            {$post['groupimage']}
            {$post['useravatar']}<br />
            {$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>{$post['threadsdesc']}</span>
            <br />
            <div id="pid_{$post['pid']}" class="post_body">
                {$post['download_system']}{$post['message']}
            </div>
            {$post['attachments']}
            {$post['signature']}
                <div>{$post['editedmsg']}</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_fast']}{$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>

Następnie podmień te selektory w css

.online_button {
position: absolute;
}

.offline_button {
position: absolute;
}

.away_button {
position: absolute;
}

Żeby zajęło mniej miejsca, możesz zrobić tak:

.online_button, .offline_button, .away_button {
position: absolute;
}

Myślę, że to powinno zadziałać, ale nie mam pewności.

W razie czego masz backup css

.online_button {
margin: -33px 0px -52px -150px;
}

.offline_button {
margin: -33px 0px -52px -150px;
}

.away_button {
    margin: -34px 0px -52px -150px;
}

Wyszło coś takiego:

Nie znoszę tabel... Może ten sposób zadziała.

postbit_online. Tak samo musisz przerobić dwa pozostałe (<tr><td ...></td></tr>).

<tr><td class="online_button">
<a href="online.php" title="{$lang->postbit_status_online}"><img src="{$theme['imgdir']}/online.png" border="0"
alt="{$lang->postbit_status_online}" /></a>
</td></tr>

CSS do buttonów

.online_button, .offline_button, .away_button {
position: absolute;
padding: 0px;
}

Dzięki działa Już dałem plusika

Daniel Praźmo napisał 09.08.2012, 21:20:
No to już nie pisz posta ;d