Obrazek przed nazwą działu

wersja skryptu MyBB: 1.8.5
adres forum: http://pgr-mta.eu
na czym polega problem (screen, opis, komunikaty): hm, problemu nie mam lecz pytanie. Chciałbym aby przed nazwą działu np. fid1 był obrazek xxx.png a przed nazwą działu np. fid19 był obrazek xfx.png. Jak to zrobić?

Akcja "Pokochaj wyszukiwarkę"

https://webboard.pl/thread-58224.html

nie zrozumieliśmy się, chodzi mi o ikonki przed nazwą kategorii/działu a nie ikony forum

coś jak tutaj: http://i.imgur.com/2L3ECtH.png jeżeli chodzi o różne belki to Sobie poradziłem dzięki temu tematowi: https://webboard.pl/thread-52332.html i chciałbym to samo ale z ikonkami przed nazwą.

Ten sam sposób, z tym, że np. do thead przed tytułem dodajesz

<span class="ikonka"></span>

w css

.ikonka {
display: inline-block;
width: 30px;
height: 30px;
}

.ikonka::before {
content: "";
}

belka1 .ikonka {
background: url("tutaj/ikonka.png");
}

belka2 .ikonka {
background: url("tutaj/ikonka.png");
}

Zrobiłem w ten sposób:

<span class="ikona"></span><div style="text-transform: uppercase; padding-left: 36px;"><a href="{$forum_url}"  class="fbits">{$forum['name']}</a><br /><div class="smalltext">{$forum['description']}</div></div>

i w css:

.ikona {
    height: 24px;
    width: auto;
    float: left;
    position: relative;
    left: 3px;
    top: 3px;
}

.ikona::before {
content: "";
}

.belka1 .ikona {
background: #003857 url("link");
}

i nic.

Zacznijmy od tego, że nie masz żadnej kategorii o fid 1.

jest, ukryta dla Administracji.

no ale nic, dla udowodnienia zmieniam na fid 9

.belka9 .ikona {
background: url("link");
}

dalej nic.

No na prawdę? Jak już chcesz kraść to przynajmniej zapisałbyś te ikonki na swoim serwerze

.belka9 .ikona {
  background: url(http://grafifor.pl/images/grafifor2014/f9.png);
}

Pozmieniałeś sobie kod i się dziwisz, że nie działa. Ja podałem działający kod.

Nie nazwę tego kradzieżą bo owe ikonki zostały zapożyczone na okres prawidłowego zakodowania.

Rozwiązany, dzięki.

---

nie, jednak dalej nie działa.

.css wygląda tak:

.belka9 .ikona {
  background: url(https://cdn2.iconfinder.com/data/icons/ledicons/house.png);
}

a szablon:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder belka{$forum['fid']}">
    <thead>
    <tr>
    <td class="thead" colspan="5" >
    <div class="expcolimage expcol_close"><img src="images/pcs/collapse.gif" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
        <span class="ikona"></span><div style="text-transform: uppercase; padding-left: 36px;"><a href="{$forum_url}"  class="fbits">{$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 mimo tego dalej nie wyświetla.

Mówię jeszcze raz. Kod podany przeze mnie działa, a to co Ty sobie z nim zrobiłeś to Twoja sprawa.
Czy tak wyglądał kod z mojego postu?

nie, nie wyglądał.

zrobiłem tak jak wkleiłeś i okazało się że problem był w 'height' i 'width'

zamieniłem .css na:

.ikona {
height: 16px;
width: 16px;
float: left;
position: relative;
left: 5px;
top: 6px;
}

i pomogło, do zamknięcia.

Wielkie dzięki