Styl Jak zmienić panel po prawej - The Cure

Założony przez TheMatthew173.

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.
TaniDedyk.pl
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:[Obrazek: postbit_thx.gif]
: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 :D
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>
Podziękowali: TheMatthew173
Dzięki, już wszystko działa.
Ezio napisał 20.07.2012, 14:50:
[Obrazek: modnotice_thx.png]

<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ąć.
Daniel Praźmo napisał 21.07.2012, 19:09:
Nie, nie można:
[Obrazek: modnotice_howto.png]


Użytkownicy przeglądający ten wątek:

1 gości