Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Różna belka (cellpic) na forum

Założony przez  sauber94.

wersja skryptu MyBB:
adres forum:
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam, chciałbym się dowiedzieć jak mogę wykonać różny cellpic dla działów (chodzi mi o belkę). Chcę zrobić w podobny sposób jak jest na stronie GRAFIFOR.PL, każda belka ma inny kolor i obrazek. Jak to wykonać? Wiem, że był kiedyś tutaj na forum podobny temat lecz wydaje mi się, że można to jakoś w łatwy sposób wykonać niż robić po kolei działy samemu.
ADVERTGAME.PL
Wiesz co dodałem do pliku global.css mojego szablonu na samym dole:

belka1 {
background: url("images/thead_bg.png") no-repeat scroll 0 0 #2A2A2F;
}

a szablon forumbit_depth1_cat wygląda tak:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead belka{$forum['fid']}" colspan="5" >
<div class="expcolimage"><img src="images/collapse.png" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><a href="{$forum_url}">{$forum['name']}</a><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td style="padding:0" colspan="2"/>
<td style="padding:0" width="85"/>
<td style="padding:0" width="200"/>
</tr>
{$sub_forums}
</tbody>
</table>
<br />

i na moim forum nic się nie zmieniło oprócz tego guzika do chowania i pokazywania zawartości kategorii. Plik z grafiką też ustawiłem w folderze images.
.belka1 {
background: url("images/thead_bg.png") no-repeat scroll 0 0 #2A2A2F;
}

"belka1" jest klasą nadaną tej komórce, więc w .css traktuj ją jako klasę -> kropeczka przed nazwą.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
Dodałem kropkę lecz nadal żadnych efektów.
etmania.pl
.belka1 .thead {
background: url("images/thead_bg.png") no-repeat scroll 0 0 #2A2A2F;
}

Tak zadziałało autorowi tematu, więc przypuszczam, że i u Ciebie zadziała.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
Kurczę co ty żadnej reakcji
sauber94 napisał(a):
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder belka{$forum['fid']}">
<thead>
<tr>
<td class="thead" colspan="5" >
<div class="expcolimage"><img src="images/collapse.png" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><a href="{$forum_url}">{$forum['name']}</a><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td style="padding:0" colspan="2"/>
<td style="padding:0" width="85"/>
<td style="padding:0" width="200"/>
</tr>
{$sub_forums}
</tbody>
</table>
<br />

Podstaw ten kod w szablon, klasa belka[fid] jest przypisana do tabeli zamiast komórki.
Lub po prostu ze swojego usuń belka{$forum['fid']} i dodaj to trzy linie wyżej, zaraz po tborder.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
Ooooo teraz działa dziękuję bardzo za pomoc ;)
Snake_ napisał 28.02.2015, 22:10:
Już co prawda dostałeś pomocy, ale rada na przyszłość - nie odkopujemy tematów.



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

1 gości