Grupa użytkownika w 2 kolorach

Założony przez Poftorek.

1 Edycja grupy


ACP: Użytkownicy i grupy - Grupy - Moderator (lub inna, wybrana przez Ciebie)
Format loginu:
<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ą:
.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:
<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 @Matslom @NiespecjalnieUzdolniony @Divir
Efekt: Poftorek
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
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
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
dobry poradnik, a nie wiesz może jak zrobić, aby kolory danej grupy się ZMIENIAŁY ?
z koloru na kolor? ;)
Kasujesz link - nie licz na wsparcie
(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.
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
(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/
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



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

1 gości