LightAvatars | Konfiguracja

Założony przez Fyeem.

Plugin zawiera kilka klas o nazwach w stylu BEM.
Nie trzeba tego pamiętać, to jedynie zapobiega kolizjom nazw. Do użytku będą nam potrzebne jedynie ustawienia opisane poniżej.

Konfiguracja w ACP:

Na górze możemy zauważyć kolorowy avatar, który służy do podglądania zmian, które ustawiamy poniżej.
Obok avataru, poprzez menu zmieniamy miejscu występowania avatara. Domyślnie jest to strona główna.


Stylowanie avatara dla danego użytkownika
Po włączeniu opcji, przechodzimy do Style -> Twój Styl -> i tworzymy plik avatarymybb.css, w który wkleimy poniższą zawartość:

.lavatar--Poftorek{border-radius: 40%}
.lavatar__link--Poftorek{border-radius: 40%;}
.lavatar__img--Poftorek{border-radius: 40%;}

Poftorek - nick użytkownika, dla którego ustawiamy style.
{border-radius: 40%;} - tu podajemy konkretne style, w kodzie podałem przykładowe.


Klasy dla obrazka avatara użytkownika
Jest to ustawienie stylów, które dotyczą każdego avatara na forum. W zależności od następnych ustawień, zmieni się tylko wymiar obrazka, obramowanie czy kształt pozostanie wszędzie taki sam.

Możemy tu ustawić:
normal - normalne, domyślne avatary
small - małe avatary
normalborder - obramowanie avataru zgodnie z kolorystyką forum (grube)
smallborder - obramowanie avataru zgodnie z kolorystyką forum (cienkie)
bigborder - obramowanie avataru zgodnie z kolorystyką forum (bardzo grube)
whiteborder -  obramowanie avataru kolorem białym (white - #FFFFFF)
blackborder - obramowanie avataru kolorem czarnym (black - #000000)
greyborder - obramowanie avataru kolorem szarym (grey - #333333)
lightgreyborder - obramowanie avataru kolorem szarym (grey - #aaaaaa)
greyfilter - dodaje filtr szarości (avatar w odcieniach czarno-białych)
invertfilter - odwraca kolory na avatarze
saturatefilter - wyostrza kontrast kolorów
sepiafilter - nadaje sepię avatarowi
circleborder - avatary są w kształcie równego, ładnego koła
radiusborder - avatary są w kształcie kwadratu z zaokrąglonymi rogami
UWAGA - whiteborder & blackborder & greyborder lightgreyborder działa TYLKO w połączeniu z smallborder & bigborder & normalborder; np. blackborder normalborder, greyborder smallborder


Style dla szablonu...
Tu możemy ustawić wielkość avatarów w wypisanych miejsach lub je całkowicie wyłączyć.

Możemy tu ustawić:

hide - ukrywa avatary
normal - normalne, domyślne ustawienia
small - małe avatary
big - duże avatary


Wyświetlanie avataru danego użytkownika
Istnieje również ciekawe ustawienie, które pozwala na wykorzystywanie wyświetlania avataru użytkownika. Jest to przydatne np. w tabelce kontaktu w sidebarze. Nie trzeba dodawać avatara ręcznie przy każdej jego zmianie. Wystarczy wpisać w szablonie:

{+LIGHTAVATARS+}forumbit_depth2_forum_lastpost|1{+ENDofBLOCK+}

{+LIGHTAVATARS+} - otwiera (obowiązkowe)
forumbit_depth2_forum_lastpost - styl wyświetlania, to te nazwy ustawień w konfiguracji pluginu
| - oddziela klasę stylu od uid użytkownika (obowiązkowe)
1 - uid użytkownika, którego avatar ma wyświetlić
{+ENDofBLOCK+} - zamyka (obowiązkowe)
*(obowiązkowe) - nie zmieniamy lecz kopiujemy
Podziękowali: NiespecjalnieUzdolniony, Rydzus666
TaniDedyk.pl
(16.06.2016, 15:12)Fyeem napisał(a): Po włączeniu opcji, tworzymy plik .css, w który wkleimy poniższą zawartość:

Prędzej czy później pojawią się wątki typu "jak stworzyć?" "gdzie umieścić plik .css" etc. Poradnik jest dla laików, więc popraw tak by nie pozostawiało wątpliwości.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
Podziękowali: Fyeem, NiespecjalnieUzdolniony
Tak moze byc umesc w global.css lub stylu pluginu ;)
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Poprawiłem :)
Podziękowali: NiespecjalnieUzdolniony


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

1 gości