Webboard

Pełna wersja: Jak zmienić ikonki aktywności działu?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
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
(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:
Kod:
.forum_status {
    height: 30px;
    width: 30px;
    background: url(../../../images/forum_icon_sprite.png) no-repeat 0 0;
    display: inline-block;
}

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:
Kod:
.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.
Kod:
.forum_on {
    background-position: 0 0;
}

.forum_off {
    background-position: 0 -30px;
}
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.
Kod:
.forum_on {
    background-position: 0 0;
}

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