Webboard - Jak zmienić panel po prawej

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

Witam. Jak ustawić ładnie panel po prawej? Bo mam jak na razie tak:

[Obrazek: 00570359108650436110.jpg]

A chciałbym, aby było tak:

[Obrazek: 60455273988024876877.jpg]

Jak to zrobić? Z góry dzięki za pomoc.

global.css -> trow1 i trow2, thead - musisz sam sobie zmienić, na jakiś chcesz efekt

Podam Ci tylko przykład

global.css - dodaj

Kod:
.thead_okno {

    background: #2e2e2e;

    color: white;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    padding: 6px;

    margin-top: 2px;

    margin-bottom: 2px;

    margin-right: 10px;

    float: right;

    font-weight: bold;

}

użycie

Kod:
TheMatthew173 <div class="thead_okno">0</div>

Jak to użyć? Gdzieś wkleić czy jak?

-global.css Usuń u siebie trow1 i trow2, a później dodaj ten kod

Kod:
.avatar_header {

    margin-left: 8px;

    margin-top: 1px;

    margin-bottom: 1px;

    float: left;

}

.user_side {

    margin-top: 6px;

    float: left;

    margin-left: 8px;

}

.thead_okno {

    background: #2e2e2e;

    color: white;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    padding: 6px;

    margin-top: 2px;

    margin-bottom: 2px;

    margin-right: 10px;

    float: right;

    font-weight: bold;

}

.trow1 {

    background: #e9e9e9;

    border-top: 1px solid #fff;

    border-left: 1px solid #fff;

    border-right: 1px solid #d2d2d2;

    border-bottom: 1px solid #d2d2d2;

}

.trow2 {

    background: #e9e9e9;

    border-top: 1px solid #fff;

    border-left: 1px solid #fff;

    border-right: 1px solid #d2d2d2;

    border-bottom: 1px solid #d2d2d2;

}

.trow_shaded {

    background: #ffdde0;

}

.trow_selected td {

    background: #FFFBD9;

}

.trow_sep {

    background: #fafafa;

    color: #000;

    font-size: 12px;

    font-weight: bold;

}

- szablon header lub index (gdy tabela łączy się z drugą, postaw między nimi <br />)

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

<tr>

<td class="thead"><strong>

Najaktywniejsi dziś

</strong></td>

</tr>

<tr>

<td class="trow1">

<div class="avatar_header">

<img src='./uploads/avatars/php.gif' width='30' height='30' title='' alt=''>

</div>

<div class="user_side">

<a href="http://apps-forum.pl/member.php?action=profile&uid=1">TheMatthew173</a> 

</div>

<div class="thead_okno">0</div>

</td>

</tr>

</table>

:firefox:

:szczerbol:

W global.css nie mam ani throw1 ani throw 2

JA ... ACP -> Style i szablony -> Style -> Twój -> global.css (klikasz w opcje Edytuj CSS: tryb zaawansowany) i szukasz trow1 i trow2

Leben, nie ustawiłeś mi tego

Zrobiłem swoje, działa jak należy - chciałem taki efekt, masz. Teraz tylko napisz sobie kod który wyświetla najaktywniejszych użytkowników i gotowe

Nie chodziło mi o to! Chodzi mi o tło tych napisów, np. Najaktywniejsi dziś. Chce, aby to tło było takie jak na drugim obrazku. Nie zrozumieliśmy się. Powiedz mi teraz, jak usunąć to co zrobiłeś

ACP -> Style i szablony -> Szablony -> Twój -> Strona główna -> index

Ok, już mam. Wiesz w końcu o co mi chodziło?

Kod:
<td class="thead"><strong>

Najaktywniejsi dziś

</strong></td>

class thead zmień na thead_main
gdy kolor napisów będzie ciemny, zmień na to
<span style="color: #7BC5F2;">Najaktywniejsi dziś</span>

Dzięki, już wszystko działa.

Kod PHP:
<div class="thead_main"><div class="thead_left"><div class="thead_right"><strong><span style="color: #7BC5F2;">Najaktywniejsi dziś</span></strong></div></div></div> 

Tak, wiem. Sam znalazłem to w kodzie źródłowym innego forum, ale dzięki. Można temat zamknąć.