Webboard

Pełna wersja: Obrazek przed nazwą działu
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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ć?
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
Kod:
<span class="ikonka"></span>
w css
Kod:
.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:

Kod:
<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:

Kod:
.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

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

dalej nic.
No na prawdę? Jak już chcesz kraść to przynajmniej zapisałbyś te ikonki na swoim serwerze
Kod:
.belka9 .ikona {
  background: url(http://grafifor.pl/images/grafifor2014/f9.png);
}
:facepalm:
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:

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

a szablon:

Kod:
<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?
[Obrazek: U3dE517.png]
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:

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

i pomogło, do zamknięcia.

Wielkie dzięki :D