Jak zmienić ikonki aktywności działu?

Jak zmienić ikonki pokazujące stan działu? Nie chodzi mi o różne ikony.

Podmień plik graficzny, który? Zobacz https://webboard.pl/thread-45824.html

http://smallyoutubers.iwebt.pl/images/fo...sprite.png

Zmień te ikony

To Ci pomoże - http://css.spritegen.com/

(03.09.2016, 17:20)Conors napisał(a): http://smallyoutubers.iwebt.pl/images/fo...sprite.png

Zmień te ikony

To Ci pomoże - http://css.spritegen.com/

Na tej stronce każą wybrać 2 pliki graficzne. Pytanie, jak skoro po wybraniu drugiego ten plik staje się pierwszy.

Najlepiej przygotuj sobie 3 ikony:
- Nowe posty
- Brak nowych
- Dział zablokowany
Później wgraj te 3 obrazki przytrzymując CTRL

... a jakie wymiary ikony są zalecany i jaki format?

Wymiary zależą od Ciebie, później możesz edytować w CSS szerokość i wysokość o tutaj:

Co do formatu polecam PNG

Dodałem do CSS kod wygenerwoany przez tą stronę, lecz gdzie mam dodać HTML?

Tam, gdzie te, zbadaj element, gdzies w opisie dzialu.

zobacz jak to wygląda...

(03.09.2016, 17:34)Conors napisał(a): Wymiary zależą od Ciebie, później możesz edytować w CSS szerokość i wysokość o tutaj:

.forum_status {
    height: 30px;
    width: 30px;
    background: url(../../../images/forum_icon_sprite.png) no-repeat 0 0;
    display: inline-block;
}

Popraw height i width na takie, jakie ma jedna ikona (nie chodzi o wymiary ikony w złączonym pliku). Tutaj też popraw.

czemu pokazuje tylko 1 ikonę?

Przeczytaj co piszemy i to zrób.
Nie pokazuje jednej ikony, zobacz na dział "Ogólne dyskusje" i "Legenda polskiego youtube", w ikonce tego drugiego jest jakby efekt światła u góry. Nie wyświetla sie cała ikona bo Twoje ikony są o wiele większe niż te od MyBB, a nie zmieniłeś w CSSie ich wysokości i szerokości więc pokazuje tylko 30x30px tej ikony. Poczytaj o CSS Sprites, np. tutaj http://webkod.pl/kurs-css/lekcje/dzial-4/duszki-css

No zmieniłem width i height i wygląda cało, ale czemu pokazuje ikonkę "blocked"

Mój pierwszy post w tym temacie przeczytaj i ten link co Ci podałem w poprzednim

(03.09.2016, 18:33)Ardex napisał(a): Popraw height i width na takie, jakie ma jedna ikona (nie chodzi o wymiary ikony w złączonym pliku). Tutaj też popraw.

.forum_on {
    background-position: 0 0;
}

.forum_off {
    background-position: 0 -30px;
}