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ę?
14.02.2016, 18:56
#2
W .forum_status masz podaną (złą) ścieżkę do grafiki która nadpisuje grafikę z klasy .forum_on_2, .forum_off_2 zdecyduj się której chcesz używać.
14.02.2016, 19:00 (Ten post był ostatnio modyfikowany: 14.02.2016, 19:14 przez Matslom.)
#3
(14.02.2016, 18:56)Matslom napisał(a): W .forum_status masz podaną (złą) ścieżkę do grafiki która nadpisuje grafikę z klasy
Nie rozumiem, jak złą, skopiowałem to od Ciebie.. sorry ale zielony w to jestem.
.forum_status {
 height: 65px; 
 width: 65px; 
 background: url(images/ikony/.png) no-repeat 0 0;  
 display: inline-block;
} 

.forum_on_1 
    background-position: url(images/ikony/2.png) no-repeat 0 0; (wgl to dobrze jest rozpisane?)
}

.forum_on_2
    background-position: url(images/ikony/10.png) no-repeat 0 0; (wgl to dobrze jest rozpisane?)
} 
14.02.2016, 19:14
#4
Kody podawaj w [code] lub [php]

W poradniku nie ma nic o dodawaniu tła do klas innych nich niż .forum_status. Nie czytasz poradnika dokładnie.
14.02.2016, 19:25
#5
alej a Cie nie rozumiem, pisze ze jestem z tego zielony
otworzyłem ten nowy arkusz .css i własnie na nim się zatrzymałem, nie wiem jak dzięki temu kod'owi który podałeś dodawać kolejne ikony do kolejnych działów.
Mozesz podać mi wzór dajmy z dwoma uzupełnionymi działami przez juz np dajmy z twoimi ścieżkami, bardzo mi by to pomogło ..
14.02.2016, 19:35
#6
Ale to zostało podane w poradniku.
.forum_status {
 height: 30px; /*wysokość Twoich ikonek */
 width: 30px; /*szerokość Twoich ikonek */
 background: url(images/forum_icon_sprite.png) no-repeat 0 0; /*ścieżka do pliku z ikonkami */
 display: inline-block;
} 

.forum_on_1, .forum_off_1 {
    background-position: 0 0;
}

.forum_on_2, .forum_off_2 {
    background-position: -30px 0;
} 
14.02.2016, 19:48
#7
no i okej, mam takie coś wpisane w arkusz .css : 
.forum_status {
 height: 65px; /*wysokość Twoich ikonek */
 width: 65px; /*szerokość Twoich ikonek */
 background: url(images/ikony/23.png) no-repeat 0 0; /*ścieżka do pliku z ikonkami */
 display: inline-block;
} 

.forum_on_1, .forum_off_1 {
    background-position: 0 0;
}

.forum_on_2, .forum_off_2 {
    background-position: -30px 0;
} 

dodało mi w każdym dziale jedną i tą samą ikonkę i teraz pytanie gdzie ja mam wpisać kolejną scieżke do pliku z ikonami tak aby następny dział miał inna ikone..
14.02.2016, 20:20
#8
Ten poradnik opisuje metodę z wykorzystaniem złączonych wszystkich ikonek w jeden plik.
Usuń
background: url(images/ikony/23.png) no-repeat 0 0; /*ścieżka do pliku z ikonkami */ 
Zamiast tego
.forum_on_1, .forum_off_1 {
    background-position: 0 0;
} 
Robisz tak
.forum_on_1, .forum_off_1 {
    background: url(link do ikony1);
}
.forum_on_1, .forum_off_1 {
    background: url(link do ikony2);
} 
14.02.2016, 20:35
#9
Zrobiłem tak: 
.forum_status {
 height: 65px; 
 width: 65px; 
 display: inline-block;
    
.forum_on_1,  {
    background: url(images/ikony/2.png);
}
.forum_on_2,  {
    background: url(images/ikony/6.png);
} 
    
.forum_on_3, {
    background: url(images/ikony/8.png);
}
.forum_on_4,  {
    background: url(images/ikony/9.png);
} 
.forum_on_5,  {
    background: url(images/ikony/1.png);
}
.forum_on_6,  {
    background: url(images/ikony/6.png);
} 
ale nic mi to nie dało, zadna ikonka się nie pokazała..
14.02.2016, 21:20
#10
.forum_on_1, usuń przecinek
16.02.2016, 01:30
#11
niestety usunięcie tego przecinka nic nie dało

.forum_status {
height: 65px;
width: 65px;
display: inline-block;
   
.forum_on_1  {
   background: url(images/ikony/1.png);
}
.forum_on_2  {
   background: url(images/ikony/6.png);
}
   
.forum_on_3 {
   background: url(images/ikony/8.png);
}
.forum_on_4  {
   background: url(images/ikony/9.png);
}
.forum_on_5  {
   background: url(images/ikony/2.png);
}
.forum_on_6  {
   background: url(images/ikony/6.png);
}
17.02.2016, 11:29
#12
prosiłbym o jakieś zainteresowanie moim problemem, naprawdę zależy mi na tych ikonach a nie wiem co mam począć...
20.02.2016, 11:56
#13
Tutaj miałeś jeszcze błąd którego wcześniej nie zauważyłem.
.forum_status {
height: 65px; 
width: 65px; 
display: inline-block;
   
.forum_on_1  {
   background: url(images/ikony/1.png);
} 
Powinno być
.forum_status {
height: 65px; 
width: 65px; 
display: inline-block;
}

.forum_on_1  {
   background: url(images/ikony/1.png);
} 
Dobrze byłoby jakbyś przywrócił poprzednie zmiany.
20.02.2016, 13:56
#14
Zrobiłem wszystko od nowa, moj kod z pliku .css

Ale niestety zadnej ikony nie pokazuje
.forum_status {
height: 35px; 
width: 35px; 
display: inline-block;
}

.forum_on_1  {
   background: url(images/ikoncs/regulamin.png);
} 
.forum_on_2  {
   background: url(images/ikoncs/nowosci.png);
} 
.forum_on_3  {
   background: url(images/ikoncs/funk.png);
} 
.forum_on_4  {
   background: url(images/ikoncs/cs.png);
} 
.forum_on_5  {
   background: url(images/ikoncs/cs.png);
} 
.forum_on_6  {
   background: url(images/ikoncs/rekrutacja.png);
} 

[class^="forum_off_"], [class*="forum_off_"]{
  opacity: 0.5;
} 
20.02.2016, 18:02 (Ten post był ostatnio modyfikowany: 21.02.2016, 11:36 przez Matslom.)
#15
Tutaj wklejasz taki kod, w stylu masz taki http://counterworld.pl/cache/themes/theme7/ikonki.css brak ikonki pod podaną ścieżką http://counterworld.pl/iimages/ikoncs/cs.png
Jak masz
.forum_on_1  {
   background: url(images/ikoncs/regulamin.png);
}
musisz jeszcze dodać ikonkę dla przeczytanego działu, czyli
.forum_on_1, .forum_off_1  {
   background: url(images/ikoncs/regulamin.png);
} 



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

2 gości