Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Status dostępności położenie
Pełna wersja: Status dostępności położenie
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

MEXXIO

08.08.2012, 18:29
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:

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

gdy jest ustawione na
Kod:
-34px
nachodzi mi na
Kod:
tcat

[Obrazek: phrmi.png]

natomiast gdy ustawię na
Kod:
-33px
robi się odstęp:

[Obrazek: kGI1R.png]

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

Szablon postbit_online wygląda następująco:

Kod:
<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>

Hatsugochi

08.08.2012, 18:55
Chyba znalazłem rozwiązanie... Wklej tutaj szablon postbit_classic.

MEXXIO

08.08.2012, 19:00
Kod:
{$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>

Hatsugochi

08.08.2012, 19:21
Na pewno wrzuciłeś mi postbit_classic? Jak tak to łap poniżej...

postbit_classic
Kod:
{$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
Kod:
.online_button {
position: absolute;
}

.offline_button {
position: absolute;
}

.away_button {
position: absolute;
}

Żeby zajęło mniej miejsca, możesz zrobić tak:
Kod:
.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
Kod:
.online_button {
margin: -33px 0px -52px -150px;
}

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

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

MEXXIO

09.08.2012, 09:45
Wyszło coś takiego:

[Obrazek: jwOXE.png]

Hatsugochi

09.08.2012, 15:39
Nie znoszę tabel... Może ten sposób zadziała.

postbit_online. Tak samo musisz przerobić dwa pozostałe (<tr><td ...></td></tr>).
Kod:
<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
Kod:
.online_button, .offline_button, .away_button {
position: absolute;
padding: 0px;
}

MEXXIO

09.08.2012, 17:29
Dzięki działa ;) Już dałem plusika ;)
Webboard > Wsparcie MyBB > Style, szablony i grafika > Status dostępności położenie