Webboard

Pełna wersja: Długość znaków w nazwie rangi
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.8
adres forum: fwtonline.pl
na czym polega problem (screen, opis, komunikaty):

Witam, sprawa jest taka, że chcę dodać obrazki do rang, ale niestety ucina mi link z powodu zadługiej ilości znaków.
Gdzie mogę zmienić długość znaków dla rang?
Pozdrawiam.
Skoro za długi link, to pewnie obrazki hostujesz na jakieś zewnętrzne hostingi, najlepszym wyjściem z tej sytuacji jest wgranie plików na FTP, a tutaj tylko ustalić ścieżkę. Dodatkowa gwarancja, ze pliki nie wygasną.
nieee obrazek wgrany na ftp, lecz mam swieciace rangi itp :p

Kod PHP:
<img src="http://fwtonline.pl/images/dr/gl.png"><span style="text-shadow: 1px 1px 10px rgb(146, 205, 0); font-weight: bold; color: #6EB800"><strong>{username}</strong></span
tak to wyglada bez drugiego obrazka
Co to w ogóle robi w takiej postaci
Kod:
<img src="http://fwtonline.pl/images/dr/gl.png">
?

Kod:
<span class="group-format-admin">{username}</span>
i do css
Kod:
.group-format-admin {
text-shadow: 1px 1px 10px rgb(146, 205, 0);
font-weight: bold;
color: #6EB800;
background-image: url(http://fwtonline.pl/images/dr/gl.png);
background-position: 0 0;
background-repeat: no-repeat;
}
Niestety nie wiedziałem jak to zrobić :)

Czyli np. jak chcę dać obróbke dla moderatora to zmieniam z admin na moderator?
Dodajesz nową klasę. Taka nazwa klasy to przykład.
Proponuję zapoznać się z podstawami css i html
Wiem, rozumiem już.
Tylko że jak np chce żeby był obrazek po obu stronach, czyli z przodu i tyłu nicku to musze 2 klasy pisać czy da się w 1?
Wystarczy podać jedną klasę i używać dobrodziejstw pseudo elementów CSS :)
Łap chyba najbardziej optymalnego gotowca ;)

http://jsfiddle.net/glover/7jb35ch9/

Format loginu
Kod:
<span class="group-admin">{username}</span>
Kod CSS
Kod:
.group-admin {
    color: black;
    text-shadow: 0px 0px 1px black;
}
.group-admin:before {
    content: url("https://cqpolska.pl/images/icons/tongue.gif");
}
.group-admin:after {
    content: url("https://cqpolska.pl/images/icons/wink.gif");
}