Webboard

Pełna wersja: Modyfikacja wyglądu belek
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.10
adres forum: testowe
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Chciałbym zmodyfikować nieco szablon. Nie mam pojęcia jak to zrobić, więc piszę o pomoc. Chodzi mi o zmianę belki (nie koloru), a kształtu z podstawowego kwadratu na coś takiego jak da się zauważyć w stylu " Infinite".
klasa .thead w global.css (ACP -> Style i Szablony -> Twój_Styl -> global.css -> tryb zaawansowany).
Dodaj atrybut:
Kod:
border-radius: 7px;
Niestety nie dało to żadnego efektu.
A adres forum to gdzie? Jak mamy zobaczyć, co zrobiłeś źle? Kryształowa kula w naprawie
Okej poprawiłem dodałem atrybut w złym miejscu poprzez nieuwagę ale nadal nie wygląda to dobrze

Kod:
www.Cs-Oneshot.pl
Spróbuje coś zrobić z tym.
Pokaż tak:
forumbit_depth1_cat (ACP -> Style i Szablony -> Szablony -> Twój_Szablon -> Opis działu)
Kawałek global.css (ACP -> Style i Szablony -> Twój_Styl -> global.css -> tryb zaawansowany) i takie klasy:
Kod:
Wszystkie .thead
Wszystkie .trow

@A i przywróć stopkę autora ;)
Spokojnie stopka wróci gry tylko uporam się z edycją całości :)

Forumbit_depth1_cat
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="4">
<div><strong>{$forum['name']}</strong></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
{$sub_forums}
</tbody>
</table>
<br />



CSS

.thead

Kod:
.thead {
background: #e4e4e4 url(images/bdevice_basic/thead.png) top left repeat-x;
color: #545454;
padding: 8px 5px 8px 13px;
border-radius: 7px;
}

.thead a:link {
    color: #545454;
    text-decoration: none;
}

.thead a:visited {
    color: #545454;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #545454;
    text-decoration: none;
}

.trow

Kod:
.trow1 {
background: #ffffff;
border-top: 1px solid #c4c4c4;
}

.trow2 {
background: #ffffff;
border-top: 1px solid #c4c4c4;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}
Dobra, no to spróbuj tak:
forumbit_depth1_cat:
Kod:
<thead>
<tr>
<td class="thead" colspan="4">
<div><strong>{$forum['name']}</strong></div>
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
{$sub_forums}
</tbody>
</table>
<br />

Klasa .thead:
Kod:
.thead {
background: #e4e4e4 url(images/bdevice_basic/thead.png) top left repeat-x;
color: #545454;
height: 30px;
margin-top: 5px;
border-radius: 7px;
}

.thead a:link {
    color: #545454;
    text-decoration: none;
}

.thead a:visited {
    color: #545454;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #545454;
    text-decoration: none;
}