Inne Obrazek online/offline

wersja skryptu MyBB: 1.6.13
adres forum:http://cs-warning.xaa.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Chciałbym dodać obrazek online offline przy poście . Chciałbym żeby było mniej więcej tak jak na tym forum .

https://webboard.pl/thread-29191.html

Dodałem do FTP obrazki
http://cs-warning.xaa.pl/images/offline.png
http://cs-warning.xaa.pl/images/online.png

Teraz jak zrobić żeby było ładnie na avatarze?

https://webboard.pl/thread-29279.html

Do global.css dodałem

.online_button {
margin-left: -125px;
margin-top: -33px;
} 


a do postbit_online

<div class="online_button"><!-- start: postbit_online -->
<a href="online.php" title="Online"><img src="images/online.png" border="0" alt="Online"></a>
<!-- end: postbit_online --></div> 


Jednak wyświetla się tak jak tutaj
http://cs-warning.xaa.pl/showthread.php?...pid=2#pid2

No to zobacz coś dodał i jak dodał. Kod widać na stronie.

Tylko, że nic po za tym co napisałem w poprzednim poście nie dodawałem.

To czemu masz błędy na stronie?
Popraw błędy dopiero można będzie ustawić obrazek online w odpowiednim miejscu.

Gdybym wiedział jak to naprawić nie pisałbym tu tematu.

No tak, ale temat dotyczy dodania obrazków a nie rozwalonego szablonu.
Snake podał Ci rozwiązanie, coś źle dodałeś z kodem i masz taki efekt.
Niestety ja nie wiem co robiłeś.

Być może to wina stylu, bo dodałem tak jak napisałem.
Do global.css dodałem

.online_button {
margin-left: -125px;
margin-top: -33px;
} 


a do postbit_online

<div class="online_button"><!-- start: postbit_online -->
<a href="online.php" title="Online"><img src="images/online.png" border="0" alt="Online"></a>
<!-- end: postbit_online --></div> 


Pokaż ten szablon (postbit czy tam postbit classic) cały i daj link do tematu gdzie jest błąd

{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tbody>
        <tr>
            <td class="tcat">
                <div class="float_left smalltext">
                    {$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>
                </div>
                {$post['posturl']}
            </td>
        </tr>

        <tr>
            <td class="trow1 {$unapproved_shade}">
                <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
                    <tr>
                        <td class="post_avatar" width="1" style="{$post['avatar_padding']}">
                            {$post['useravatar']}
</td>
                        <td class="post_author">
                            <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />                            <span class="smalltext">
                                {$post['usertitle']}<br />                
                                                        {$post['userstars']}
                                                               {$post['groupimage']} 
                                
                            </span>
                        </td>
                        <td class="smalltext post_author_info" width="165">
                            
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

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

                <div class="post_body" id="pid_{$post['pid']}">
                    <div id="thxpid_{$post['pid']}">{$post['message']}</div>
                </div>
                {$post['attachments']}
                {$post['signature']}

                <div class="post_meta" id="post_meta_{$post['pid']}">
                {$post['iplogged']}
                </div>
            </td>
        </tr>

        <tr>
            <td class="trow1 post_buttons {$unapproved_shade}">
                <div class="author_buttons float_left">
                    {$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}{$post['thx_counter']}{$post['thx_list']}
                </div>
                <div class="post_management_buttons float_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']}
                </div>
            </td>
        </tr>{$post['postrep_inline']}
    </tbody>
</table>{$post['postrep_outline']} 


http://cs-warning.xaa.pl/showthread.php?tid=2

---

Dodam, że w global.css mam jeszcze

.avonline {
    width: 150px;
    border-radius: 3px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    opacity: 4;
    padding: 7px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2400', endColorstr='#161616',GradientType=0 );
    height: 150px;
}

.avoffline {
    width: 150px;
    border-radius: 5px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    opacity: 0.50;
    padding: 7px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#161616',GradientType=0 );
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 150px;
} 


Pokaż szablon postbit_avatar bo to nim są błędy

<a href="{$post['profilelink_plain']}"><img class="{$post['onlinestatus']}" src="{$post['avatar']}" alt="" {$avatar_width_height} /></a>