Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Brak ikon wątków

Błąd   Założony przez  SzopeN_PL.

wersja skryptu MyBB: 1.8.7
adres forum: http://www.victorycraft.net/forum/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Forum w ogóle nie czyta ikon wątków (zamknięty, otwarty, nowe posty itd.)

Są takie:
   

A powinny być takie (forum_icon_sprite.png)
   

Proszę o pomoc, bo nie można wcale rozróżnić, np. zamkniętego tematu od otwartego.
Ikony wątków masz zrobione w tym stylu za pomocą font aweosme. Zmienisz je w arkuszu thread_status.css (po nazwach klas się domyślisz, która za jaką ikonę odpowiada).
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
Nie za bardzo wiem co mam tu zrobić. :P
.thread_status {
    
displayinline-block;
 
     width15px;
    
height15px;
    
background-repeatno-repeat;
}

.
thread_status.dot_folder {
 
   position:relative;
}

.
thread_status.dot_folder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position0 0;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.dot_hotfolder {
 
   position:relative;
}

.
thread_status.dot_hotfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
 
   positionabsolute;
    
background-position-20px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.dot_hotlockfolder {
 
   position:relative;
}

.
thread_status.dot_hotlockfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-40px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.dot_lockfolder {
 
   position:relative;
}

.
thread_status.dot_lockfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-60px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.dot_newfolder {
 
   position:relative;
}

.
thread_status.dot_newfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-80px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.dot_newhotfolder {
 
   position:relative;
}

.
thread_status.dot_newhotfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-100px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.dot_newhotlockfolder {
 
   position:relative;
}

.
thread_status.dot_newhotlockfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-120px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.dot_newlockfolder {
 
   position:relative;
}

.
thread_status.dot_newlockfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-140px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.folder {
 
   position:relative;
}

.
thread_status.folder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-160px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.hotfolder {
 
   position:relative;
}

.
thread_status.hotfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-180px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.hotlockfolder {
 
   position:relative;
}

.
thread_status.hotlockfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-200px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.lockfolder {
 
   position:relative;
}

.
thread_status.lockfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-220px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.movefolder {
 
   position:relative;
}

.
thread_status.movefolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-240px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.newfolder {
 
   position:relative;
}

.
thread_status.newfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-260px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.newhotfolder {
 
   position:relative;
}

.
thread_status.newhotfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-280px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.newhotlockfolder {
 
   position:relative;
}

.
thread_status.newhotlockfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-300px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;
}

.
thread_status.newlockfolder {
 
   position:relative;
}

.
thread_status.newlockfolder:before {
    
color#ccc;
 
     text-shadow1px 1px 0px #181818;
    
positionabsolute;
    
background-position-320px;
    
content"\f114";
    
font-familyFontAwesome;
    
font-size14px;

Słownik do ręki i tłumacz nazwy klas to będziesz wiedział która klasa do jakiej ikonki.
Ciebie interesuje zmiana \f114 na unicode innej ikonki z Font Awesome:
https://fortawesome.github.io/Font-Awesome/
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
Niestety, ale nie wiem za bardzo za co mam się zabrać, bo nie miałem jeszcze do czynienia z czymś takim jak Font Awesome.
Pobrałem to i co mam dalej zrobić?
Nie musisz pobierać, już masz na forum. Wejdź na stronę FA, widok konkretnej ikonki i ctrl+F dla słowa Unicode. Znajdujesz Unicode ikonki i pdmieniasz w arkuszu
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
Jakoś doszedłem i zmieniłem.
Chciałem takie jak w temacie napisałem, ale już trudno.
Dzięki za pomoc.



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

2 gości