Ikony grup oraz prefiksów dla określonych skinów

[DawPi]

Jest tak, że po ustawieniu odpowiedniego preffixu i sufixu dla grupy ( z danym obrazkiem <img src=''> lub kolorem ) to będzie się on wyświetlał identycznie bez względu na wybranego skina. Co nie zawsze wygląda estetycznie.

By to zmienić i ustawić ikonę grupy dla określonego skina na forum, postępuj wg poniższej instrukcji.

Przykład opisze również metodę na zmianę obrazka. Minimalna znajomość CSSa wskazana

Przejdź do:

ACP > Management > Manage User Groups > ( wybór grupy ) >> Edit Group

W opcji Group Icon Image wstaw kod:

style_images/<#IMG_DIR#>/folder_team_icons/{image}

Spowoduje to ładowanie ikon grup z określonego folderu skina ( <#IMG_DIR#> ) o danej nazwie ( {image} ) - pamiętaj by dana grafika miała taką samą nazwę, wyglądem może się różnić, ale nie nazwą.

Grafiki dla grup wg skina zrobione, przejdźmy do zmiany prefixów.

Poniżej poprzedniej opcji masz dwa pola Online List Format [Prefix] oraz Online List Format [suffix].

Uzupełnij je wg schematu:

• Online List Format [Prefix] - <span style='grupaadmina'>
  
• Online List Format [suffix] - </span>
  

Następnie należy edytować CSSa każdego skina wg tego samego schematu, o którym poniżej.

Przejdź do:

ACP > Look & Feel > ( wybór skina ) >> Edit Stylesheet (CSS Advanced Mode)

Dodaj na samym dole:

<!--Custom Prefix For Group by DawPi - www.ipslink.pl-->
.grupaadmina {
font-weight:bold;
color:blue;
.grupazbanowanych,
.uzytkownika,
.gosc,
.oczekujacy {
font-weight:normal;
color:black;
}
<!--Custom Prefix For Group by DawPi - www.ipslink.pl-->

Edycję powtarzamy dla każdej grupy i dla każdego skina ( można zmieniać kod CSSa, ważne by zachować nazewnictwo ).

Jak widać zastosowałem tutaj zmienione prefixy dla grupy admina i takie same dla pozostałych grup. Jeśli jednak chcesz zmienić każdą grupę nic nie stoi na przeszkodzie. Jak wspomniałem, znajomość CSSa wskazana. Jeśli byłyby jakieś problemy proszę śmiało pisać.

Autorem tutoriala jest DawPi. Zabrania się kopiowania, powielania. W szczególności na inne fora bez zgody autora.

Tutorial wykonany dla www.IPB.ipslink.pl