Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Problem z ikonami przy dziale
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

uploadWar

20.02.2016, 18:41
Miałem inne ścieżki bo edytowałem tam i sie bawiłem

dodałem tak:
Kod PHP:
.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]

Matslom

21.02.2016, 11:36
Mój błąd. Id działu w tych dwóch klasach ma być taki sam.
zamiast
Kod:
.forum_on_1  {
   background: url(images/ikony/2.png);
}
.forum_on_1, forum_off_2  {
   background: url(images/ikony/2.png);
}
Kod:
.forum_on_1, .forum_off_1  {
   background: url(images/ikony/2.png);
}

uploadWar

01.03.2016, 23:40
Dalej nie moge do tego dojść... 

moj kod wygląda tak: 
Kod:
.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);
}

Matslom

02.03.2016, 11:13
Proponuję w między czasie nauczyć się podstaw składni css.
Usuń background: z .forum_status

uploadWar

02.03.2016, 16:41
(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 
Kod:
.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);
}

Michał Wajrak

02.03.2016, 21:21
(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 
Kod:
.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:
Kod:
.forum_on_1, .forum_off_1  {
background: url(http://findicons.com/files/icons/2252/iphone_toolbar_icons/30/icon_forum.png);
}

uploadWar

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

Przykład:
Kod:
.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ć..

Michał Wajrak

02.03.2016, 22:32
Podałeś złe ID działów.

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

Kod:
.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);
}
Stron: 1 2
Webboard > Wsparcie MyBB > Style, szablony i grafika > Problem z ikonami przy dziale