Webboard

Pełna wersja: Problem z ikonami przy dziale
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
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: 
Kod PHP:
.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ę?
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 {
 
height65px
 
width65px
 
backgroundurl(images/ikony/.pngno-repeat 0 0;  
 
displayinline-block;


.
forum_on_1 
    background
-positionurl(images/ikony/2.pngno-repeat 0 0; (wgl to dobrze jest rozpisane?)
}

.
forum_on_2
    background
-positionurl(images/ikony/10.pngno-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 {
 
height30px/*wysokość Twoich ikonek */
 
width30px/*szerokość Twoich ikonek */
 
backgroundurl(images/forum_icon_sprite.pngno-repeat 0 0/*ścieżka do pliku z ikonkami */
 
displayinline-block;


.
forum_on_1, .forum_off_1 {
    
background-position0 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 {
 
height65px/*wysokość Twoich ikonek */
 
width65px/*szerokość Twoich ikonek */
 
backgroundurl(images/ikony/23.pngno-repeat 0 0/*ścieżka do pliku z ikonkami */
 
displayinline-block;


.
forum_on_1, .forum_off_1 {
 
   background-position0 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:
backgroundurl(images/ikony/23.pngno-repeat 0 0/*ścieżka do pliku z ikonkami */ 
Zamiast tego
Kod PHP:
.forum_on_1, .forum_off_1 {
    
background-position0 0;

Robisz tak
Kod PHP:
.forum_on_1, .forum_off_1 {
    
backgroundurl(link do ikony1);
}
.
forum_on_1, .forum_off_1 {
    
backgroundurl(link do ikony2);

Zrobiłem tak: 
Kod PHP:
.forum_status {
 
height65px
 
width65px
 
displayinline-block;
    
.
forum_on_1 {
 
   backgroundurl(images/ikony/2.png);
}
.
forum_on_2 {
 
   backgroundurl(images/ikony/6.png);

    
.
forum_on_3, {
 
   backgroundurl(images/ikony/8.png);
}
.
forum_on_4 {
 
   backgroundurl(images/ikony/9.png);

.
forum_on_5 {
 
   backgroundurl(images/ikony/1.png);
}
.
forum_on_6 {
 
   backgroundurl(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 {
height65px
width65px
displayinline-block;
   
.
forum_on_1  {
   
backgroundurl(images/ikony/1.png);

Powinno być
Kod PHP:
.forum_status {
height65px
width65px
displayinline-block;
}

.
forum_on_1  {
   
backgroundurl(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 {
height35px
width35px
displayinline-block;
}

.
forum_on_1  {
 
  backgroundurl(images/ikoncs/regulamin.png);

.
forum_on_2  {
 
  backgroundurl(images/ikoncs/nowosci.png);

.
forum_on_3  {
 
  backgroundurl(images/ikoncs/funk.png);

.
forum_on_4  {
 
  backgroundurl(images/ikoncs/cs.png);

.
forum_on_5  {
 
  backgroundurl(images/ikoncs/cs.png);

.
forum_on_6  {
 
  backgroundurl(images/ikoncs/rekrutacja.png);


[class^=
"forum_off_"], [class*="forum_off_"]{
 
 opacity0.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  {
   
backgroundurl(images/ikoncs/regulamin.png);

Stron: 1 2