Webboard

Pełna wersja: Rozjechany Sidebox
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
[attachment=5399]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:

[attachment=5399]


Oto kod sidebox'a:

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

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

Kod:
<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
Kod PHP:
<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 {
    
backgroundurl(images/arrowright.pngno-repeat;
    
width16px;
    
height16px;
    
displayblock;
    
cursorpointer;
}

.
clickedbuttons {
    
backgroundurl(images/arrowleft.pngno-repeat;
    
width16px;
    
height16px;
    
displayblock;
    
cursorpointer;
}
</
style
Pierwszy kod w {$headerinclude}

Kod PHP:
<class="buttons" style="float: right;"></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}
Kod PHP:
</div>
<
br class="clear" /> 

Potem w ACP - Style i Szablony - Szablony - Nasz Styl - Niezgrupowane szablony - headerinclude musisz znaleźć {$stylesheets} i przed tym wkleić to:
Kod PHP:
<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