Błąd Rozjechany Sidebox

    wersja skryptu MyBB: 1.6.9
adres forum: www.splowka.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Chcę wsadzić w sidebox plugin recent topic on Index - Qdr.

Jednak wygląda to tak:

   


Oto kod sidebox'a:

<li class="ui-state-default" id="box1">
            <div class="sidebar_box">
                <div class="sidebar_box_header">
                    <span class="left">TOP 10 Postersów</span>
                    <button class="sidebox_close right"></button>
                </div>
            <div class="sidebar_box_content">
            {$ttposters}</div>
            </div>
        </li>

a to css:

.index_sidebar {
    width: 20%;
    float: right;
    padding-right: 2px;
}
.sidebox_close{background: url(images/neonglow/close_small.png) no-repeat;
border: 0;
width: 25px;
height: 20px;
outline:none;
margin-top: 5px;
cursor: pointer;}
.sidebox_open{background: url(images/neonglow/open_small.png) no-repeat !important;
border: 0;
outline:none;
width: 25px;
height: 20px;
margin-top: 6px;
cursor: pointer;}
.sidebar_box_header {
    background:url(images/neonglow/highlight_3.png) repeat-x 0px -1px;
    background-color: #161A1A;
    background-color: rgba(32, 37, 37, 0.57);
display: block;
height: 33px;
cursor:move;
    margin: -10px -10px 0px -10px !important;
line-height: 33px;

    border-bottom: 1px solid #292929;
color: white;
text-indent: 9px;
padding: 0;
font-weight: bold;
font-size: 11px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.99);
    top: 0px !important;
    position: relative;
}
.sidebar_box_header span {display: block;
height: 34px;
cursor: default;}
.sidebar_box_content {
    margin-top: 5px !important;
border-top: 0;
font-size:11px;
color: #AAA;
}

Prosze o pomoc ;/


a to ttp index z szablonów globalnych:

<strong>{$tt_posters}</strong>

jak wsadzę to w tabelę to jjest to w tym boxie jednak obok siebie i ma czarne tło ;/

Wytłumaczę Ci jak ja zrobiłem,wzorując się na tym.
Co do tabeli to ja mam własną, możesz sprawdzić na mojej stronie.
Pobierz pliki graficzne i wrzuć do /images : 1 2
oraz dwa pliki .js , które wgrasz do katalogu /jscripts 1 2
W ACP - Style i Szablony - Szablony - Nasz Styl - Strona główna - index
wrzucasz to

<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
<style type="text/css">
.buttons {
    background: url(images/arrowright.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}

.clickedbuttons {
    background: url(images/arrowleft.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}
</style> 


Pierwszy kod w {$headerinclude}

<a class="buttons" style="float: right;"></a>

<a class="clickedbuttons" style="float: right;"></a>

<br class="clear" />

<div class="sidebar" style="float: right;width: 19%;">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
{$ttposters}
</tr>

</table>

</div>

<div class="forums" style="float: left;width: 80%;"> 


Drugi w {$header} a trzeci przed {$boardstats}

</div>
<br class="clear" /> 


Potem w ACP - Style i Szablony - Szablony - Nasz Styl - Niezgrupowane szablony - headerinclude musisz znaleźć {$stylesheets} i przed tym wkleić to:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/sidebar_2.0.js"></script>
<script type="text/javascript">jQuery.noConflict();</script> 


Przed tą operacją plugin ttposters miałem wyłączony