Webboard

Pełna wersja: Grupa użytkownika w 2 kolorach
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

1 Edycja grupy


ACP: Użytkownicy i grupy - Grupy - Moderator (lub inna, wybrana przez Ciebie)
Format loginu:
Kod PHP:
<span class="group">{username}</span

2 Dodanie stylów .css


ACP: Style i szablony - Style - Styl - Nowy arkusz CSS
Tworzymy plik rank_group.css z zawartością:
Kod PHP:
.red {
 
 colorred;
}

.
black {
 
 colorblack;

Równie dobrze powyższe style można umieścić w dowolnym arkuszu załączonym do obecnie używanego szablonu, np. global.css


3 Dodanie skryptu .js do szablonu


ACP: Style i szablony - Szablony - Styl - footer
Na samym końcu dodajemy:
Kod PHP:
<script type="text/javascript">
$(
'.group').each(function() {
 
 var group = $(this);
 
 var nick group.text();
 
 var length Math.round(nick.length/2);
 
 var colors '<span class="red">'nick.slice(0length) +'</span><span class="black">'nick.slice(length) +'</span>';
 
 group.html(colors);
});
</
script

Podziękowania dla
Efekt: Poftorek
Kod js'owy powinno umieścić się w deklaracji document ready https://learn.jquery.com/using-jquery-co...ent-ready/
Na to jest znacznie więcej metod ale ta chyba najłatwiejsza :D
dobry poradnik, a nie wiesz może jak zrobić, aby kolory danej grupy się ZMIENIAŁY ?
z koloru na kolor? ;)
(28.06.2016, 19:41)ByczekTV napisał(a): [ -> ]dobry poradnik, a nie wiesz może jak zrobić, aby kolory danej grupy się ZMIENIAŁY ?
z koloru na kolor? ;)
Nie, nie wiem.
(28.06.2016, 19:41)ByczekTV napisał(a): [ -> ]dobry poradnik, a nie wiesz może jak zrobić, aby kolory danej grupy się ZMIENIAŁY ?
z koloru na kolor? ;)
Do tego akurat możesz użyć samego css.
https://jsfiddle.net/07j5mdya/