Błąd styl prefiksów jak na mybboard

wersja skryptu MyBB: 1.6.4
adres forum: ---
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

Chciałbym zrobić na swoim forum style prefiksów takie jak na forum mybboard. Oczywiście skorzystałem z wyszukiwareczki i znalazłem temat https://webboard.pl/thread-22522.html . W opcjach prefiksy wpisałem:

<span class="prefix_info">Dodane</span>

a w pliku global.css dodałem:

.prefix_info {
    background: #04d528;
border: 1px solid #000;
webkit-border-radius: 2px;
khtml-border-radius: 2px;
moz-border-radius: 2px;
  border-radius: 2px;
}

Niestety efekt jest taki, że prefiks posiada tło zielone, ale nie jest ono zaokrąglane i ma czarną obwódkę. Sprawdzam na Mozilla FireFox 3.6.20 i Google Chrome 13.0.7 - najnowsza. Mógłby ktoś z administracji podać idealnie taki sam kod, który się kryje za stylem prefiksu?


Z góry dziękuję, oczywiście odwdzięczam się "+Pomógł".

elroyalo napisał 29.08.2011, 07:53:
Temat dotyczy aspektów graficznych - przenoszę go do działu Style i grafika. Zachęcam również do przeczytania Akcja DZIĘKUJĘ ZA POMOC

.prefix {
color: white;
-webkit--radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px;
font-size: 10px;
display: inline !important;
}

Jak kradniesz kod to rób to porządnie, bo aż Inaro nie może patrzeć na to!

PS: Przestańcie pisać "oczywiście odwdzięczam się \"+Pomógł\"" bo to nic nie daje! Czuje się wręcz jak pies biegający za kością!

Tutaj też coś masz:
https://webboard.pl/thread-22603.html

Drugi post. Nie patrz na nazwę tematu

Tutaj też coś masz:
https://webboard.pl/thread-22603.html

Drugi post. Nie patrz na nazwę tematu

Tak, też to czytałem.

Dzięki Czeladnikowi działa mi pięknie w Mozilla Firefox. Niestety nie widać żadnego stylu w Google Chrome. Widoczny jest tylko czarny napis z prefiksem :/ Jak mógłbym to naprawić?

.prefix {
color: white;
-webkit--radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px;
font-size: 10px;
display: inline !important;
}

To jest taki kod domyślny, nie ma w nim określonego tła, bo gdyby dodawać to wszystko za każdym razem do innego prefixu, to po prostu zajęłoby to niepotrzebnie więcej miejsca.

Teraz na podstawie prefixu 'błąd' dodajesz kolejny selektor:

.prefix.blad {
background: red;
}

Odpowiada za tło prefixu, w tym przypadku jest czerwone.

W zarządzaniu prefixami format wpisujesz w ten sposób:

<span class="prefix blad">Błąd</span>

Jeżeli chciałbyś teraz dodać prefix np. 'inne', to dodajesz kolejny selektor:

.prefix.inne {
background: kolor tła;
}

A w zarządzaniu dajesz format:

<span class="prefix inne">Inne</span>

rozumiem doskonale to. Chodzi mi o to jak mógłbym zrobić żeby ten styl działał również pod przeglądarką Google Chrome?


Póki co działa pod Mozilla Firefox

Mi na Chrome działa to bardzo dobrze. Może masz jakiś problem z przeglądarką?

Po zmianach w stylach w Chrome polecam CTR + F5.

CTR + F5 pomogło. Dzięki.

Temat do zamknięcia.