Jak zmienić ikonki pokazujące stan działu? Nie chodzi mi o różne ikony.
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.
(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;
}
