Webboard

Stron: 1 2

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:

Kod PHP:
.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ę?

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, 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.

Kod PHP:
.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?)
} 

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.

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 ..

Ale to zostało podane w poradniku.

Kod PHP:
.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;
} 

no i okej, mam takie coś wpisane w arkusz .css :

Kod PHP:
.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..

Ten poradnik opisuje metodę z wykorzystaniem złączonych wszystkich ikonek w jeden plik.
Usuń

Kod PHP:
background: url(images/ikony/23.png) no-repeat 0 0; /*ścieżka do pliku z ikonkami */ 

Zamiast tego

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

Robisz tak

Kod PHP:
.forum_on_1, .forum_off_1 {
    background: url(link do ikony1);
}
.forum_on_1, .forum_off_1 {
    background: url(link do ikony2);
} 

Zrobiłem tak:

Kod PHP:
.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..

.forum_on_1, usuń przecinek

niestety usunięcie tego przecinka nic nie dało

Kod:
.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);

}

prosiłbym o jakieś zainteresowanie moim problemem, naprawdę zależy mi na tych ikonach a nie wiem co mam począć...

Tutaj miałeś jeszcze błąd którego wcześniej nie zauważyłem.

Kod PHP:
.forum_status {
height: 65px; 
width: 65px; 
display: inline-block;
   
.forum_on_1  {
   background: url(images/ikony/1.png);
} 

Powinno być

Kod PHP:
.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.

Zrobiłem wszystko od nowa, moj kod z pliku .css

Ale niestety zadnej ikony nie pokazuje

Kod PHP:
.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;
} 

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

Kod:
.forum_on_1  {

   background: url(images/ikoncs/regulamin.png);

}

musisz jeszcze dodać ikonkę dla przeczytanego działu, czyli

Kod PHP:
.forum_on_1, .forum_off_1  {
   background: url(images/ikoncs/regulamin.png);
} 

Stron: 1 2

uploadWar

Matslom

uploadWar

Matslom

uploadWar

Matslom

uploadWar

Matslom

uploadWar

Matslom

uploadWar

uploadWar

Matslom

uploadWar

Matslom