Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Problem z ikonami przy dziale

Założony przez  uploadWar.

wersja skryptu MyBBMyBB 1.8.5
adres forum: CounterWorld.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

Witam, mój problem polega na dodaniu każdej innej ikonki do działu, korzystałem z poradnika Moderatora Matslom, wiem ze wszystko zrobiłem jak należy ponieważ jedną ikonkę widzę przy każdym dziale, po prostu nie wiem jak uzupełniać te kody: 
.forum_status {
 height65px/*wysokość Twoich ikonek */
 width65px/*szerokość Twoich ikonek */
 backgroundurl(images/ikonyno-repeat 0 0 /*ścieżka do pliku z ikonkami */
 displayinline-block;
}
 

.forum_on_1, .forum_off_1 {
    background-positionurl(images/ikony/2.pngno-repeat 0 0;
}

.
forum_on_2, .forum_off_2 {
    background-positionurl(images/ikony/10.pngno-repeat 0 0;
}
    
.
forum_on_3, .forum_off_3 {
[
size=small][font=MonacoConsolasCouriermonospace]    background-positionurl(images/ikony/8.pngno-repeat 0 0;[/font][/size]
}

.
forum_on_4, .forum_off_4 {

[
size=small][font=MonacoConsolasCouriermonospace][size=small]    background-positionurl(images/ikony/7.pngno-repeat 0 0;[/size][/font][/size]




nie ogarniam tego, mógłby mi to ktoś jakoś poprawnie zacząć a ja już sobie dokończę?
Miałem inne ścieżki bo edytowałem tam i sie bawiłem

dodałem tak:
.forum_status {
height65px
width65px
displayinline-block;
}

.
forum_on_1  {
 
  backgroundurl(images/ikony/2.png);

.
forum_on_1forum_off_2  {
 
  backgroundurl(images/ikony/2.png);

.
forum_on_2  {
 
  backgroundurl(images/ikony/3.png);

.
forum_on_2forum_off_2  {
 
  backgroundurl(images/ikony/3.png);

.
forum_on_3  {
 
  backgroundurl(images/ikony/1.png);

.
forum_on_3forum_off_2  {
 
 backgroundurl(images/ikony/1.png);

.
forum_on_4  {
 
  backgroundurl(images/ikony/4.png);

.
forum_on_4forum_off_2  {
 
  backgroundurl(images/ikony/4.png);

.
forum_on_5  {
 
  backgroundurl(images/ikony/12.png);

.
forum_on_5forum_off_2  {
 
  backgroundurl(images/ikony/12.png);

.
forum_on_6  {
 
  backgroundurl(images/ikony/20.png);

.
forum_on_6forum_off_2  {
 
  backgroundurl(images/ikony/20.png);


ale ukazuje się tylko dwie ikonki i to jeszcze w tej kategorii co powinny 

[Obrazek: 26094764376479804288.png]
Mój błąd. Id działu w tych dwóch klasach ma być taki sam.
zamiast
.forum_on_1  {
   background: url(images/ikony/2.png);
}
.forum_on_1, forum_off_2  {
   background: url(images/ikony/2.png);
}
.forum_on_1, .forum_off_1  {
   background: url(images/ikony/2.png);
}
Dalej nie moge do tego dojść... 

moj kod wygląda tak: 
.forum_status {
height: 35px; /*wysokość Twoich ikonek */
width: 35px; /*szerokość Twoich ikonek */
background:
display: inline-block;
}

.forum_on_1, .forum_off_1  {
  background: url(images/cs.png);
}

.forum_on_2, .forum_off_2  {
  background: url(images/funk.png);
}
Proponuję w między czasie nauczyć się podstaw składni css.
Usuń background: z .forum_status
(02.03.2016, 11:13)Matslom napisał(a): Proponuję w między czasie nauczyć się podstaw składni css.
Usuń background: z .forum_status

Miałem to usunięte u siebie, tu jak wkleiłem to po prostu jeszcze było

cały kod wygląda tak: 
ale niestety nie wyświetla ikonek 
.forum_status {
height: 35px; /*wysokość Twoich ikonek */
width: 35px; /*szerokość Twoich ikonek */

display: inline-block;
}

.forum_on_1, .forum_off_1  {
  background: url(images/cs.png);
}

.forum_on_2, .forum_off_2  {
  background: url(images/funk.png);
}
(02.03.2016, 16:41)uploadWar napisał(a):
(02.03.2016, 11:13)Matslom napisał(a): Proponuję w między czasie nauczyć się podstaw składni css. 
Usuń background: z .forum_status

Miałem to usunięte u siebie, tu jak wkleiłem to po prostu jeszcze było

cały kod wygląda tak: 
ale niestety nie wyświetla ikonek 
.forum_status {
 height: 35px; /*wysokość Twoich ikonek */
 width: 35px; /*szerokość Twoich ikonek */

 display: inline-block;


.forum_on_1, .forum_off_1  {
   background: url(images/cs.png);
}

.forum_on_2, .forum_off_2  {
   background: url(images/funk.png);
}

Nie wyświetla ikonek bo podałeś złą ścieżkę do tła..  :sciana: 

Przykład:
.forum_on_1, .forum_off_1  {
background: url(http://findicons.com/files/icons/2252/iphone_toolbar_icons/30/icon_forum.png);
}
Nie wyświetla ikonek bo podałeś złą ścieżkę do tła.. :sciana:

Przykład:
.forum_on_1, .forum_off_1  {
background: url(http://findicons.com/files/icons/2252/iphone_toolbar_icons/30/icon_forum.png);
}
[/quote]

no ale nie rozumiem dlaczego w ścieżce znajduje się (http:....)
Moje ikonki public_html/images/cs.png (przykładowa ikonka) No więc tak wygląda moja scieżka, proszę powiedzcie mi jak mam ją poprawnie wpisać..
Podałeś złe ID działów.

Usuń wszystko z arkuszu ikony.css, a następnie dodaj poniższy kod ( w całości ).

.forum_status {
height: 32px;
width: 32px;
display: inline-block;
}

.forum_on_3, .forum_off_3  {
   background: url(../../../images/cs.png);
}

.forum_on_4, .forum_off_4  {
   background: url(../../../images/cs.png);
}



Użytkownicy przeglądający ten wątek:

2 gości