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.

14.02.2016, 18:47
#1
wersja skryptu MyBB: MyBB 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 {
 height: 65px; /*wysokość Twoich ikonek */
 width: 65px; /*szerokość Twoich ikonek */
 background: url(images/ikony) no-repeat 0 0;  /*ścieżka do pliku z ikonkami */
 display: inline-block;
} 

.forum_on_1, .forum_off_1 {
    background-position: url(images/ikony/2.png) no-repeat 0 0;
}

.forum_on_2, .forum_off_2 {
    background-position: url(images/ikony/10.png) no-repeat 0 0;
}
    
.forum_on_3, .forum_off_3 {
[size=small][font=Monaco, Consolas, Courier, monospace]    background-position: url(images/ikony/8.png) no-repeat 0 0;[/font][/size]
}

.forum_on_4, .forum_off_4 {

[size=small][font=Monaco, Consolas, Courier, monospace][size=small]    background-position: url(images/ikony/7.png) no-repeat 0 0;[/size][/font][/size]
} 



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

dodałem tak:
.forum_status {
height: 65px; 
width: 65px; 
display: inline-block;
}

.forum_on_1  {
   background: url(images/ikony/2.png);
} 
.forum_on_1, forum_off_2  {
   background: url(images/ikony/2.png);
} 
.forum_on_2  {
   background: url(images/ikony/3.png);
} 
.forum_on_2, forum_off_2  {
   background: url(images/ikony/3.png);
} 
.forum_on_3  {
   background: url(images/ikony/1.png);
} 
.forum_on_3, forum_off_2  {
  background: url(images/ikony/1.png);
} 
.forum_on_4  {
   background: url(images/ikony/4.png);
} 
.forum_on_4, forum_off_2  {
   background: url(images/ikony/4.png);
} 
.forum_on_5  {
   background: url(images/ikony/12.png);
} 
.forum_on_5, forum_off_2  {
   background: url(images/ikony/12.png);
} 
.forum_on_6  {
   background: url(images/ikony/20.png);
} 
.forum_on_6, forum_off_2  {
   background: url(images/ikony/20.png);
} 

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

[Obrazek: 26094764376479804288.png]
21.02.2016, 11:36
#3
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);
}
01.03.2016, 23:40
#4
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);
}
02.03.2016, 11:13
#5
Proponuję w między czasie nauczyć się podstaw składni css.
Usuń background: z .forum_status
02.03.2016, 16:41
#6
(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, 21:21 (Ten post był ostatnio modyfikowany: 02.03.2016, 21:22 przez Michał Wajrak.)
#7
(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);
}
02.03.2016, 21:34
#8
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ć..
02.03.2016, 22:32 (Ten post był ostatnio modyfikowany: 02.03.2016, 22:42 przez Michał Wajrak.)
#9
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:

1 gości