LightAVATARS poradnik użytkownika

Założony przez  NiespecjalnieUzdolniony.

Witam,
Oddaje w wasze ręce ten dość krótki poradnik, aby każdy mógł wykorzystać LightAvatars(dalej LA) do własnych potrzeb.

Instalacja manualna
Czasami nasz szablon jest zbyt pozmieniany aby wyrażenia regularne pluginu mogły sobie poradzić, trzeba wtedy samemu powstawiać zmienne w odpowiednie miejsca.
Warto je wtedy znać, każda zmienna LA zaczyna się od {+} i kończy {-} między tymi znakami jest kolejno pozycja znak rozdzielający czyli | i coś co poda nam id użytkownika dla którego ma być wygenerowany awatar będę nazywać to uid, oczywiście id możemy podać sami i będzie to działać. Zacznę może od pozycji, ogólnie rzecz biorąc pozycja jest odwołaniem do ustawień, dzięki którym możemy pobrać klasy css.
Wszystkie standardowe pozycje mamy po instalacji w ustawieniach w wierszu podglądu. Jedyne co musimy pamiętać to to że pozycje w zmiennych wstawiamy bez przedrostka setting_lightavatars_.
Teraz czas omówić drugi parametr czyli uid
Możemy tutaj wstawić stałe id np 1 co wygeneruje awatara dla użytkownika o id 1 lub użyć zmiennych dostępnych w mybb.
Lista wstawianych automatycznie zmiennych.
{$thread[\'uid\']}
{$thread[\'lastposteruid\']}
{$lastpost_data[\'lastposteruid\']}
{$lastpost_data[\'lastposteruid\']}
{$post[\'uid\']}
{$thread[\'uid\']}
{$thread[\'lastposteruid\']}
{$tofromuid}
{$announcement[\'fid\']}



Od pewnego czasu  mamy możliwość wstawiania awatarów w niestandardowe miejsca takich jak pole przy nicku zalogowanego użytkownika
przykład 1:
{+}forumbit_depth2_forum_lastpost|$mybb->user['username']{-} 
Innym przykładem może być popularna tabelka z administratorami
przykład 2:
{+}forumbit_depth2_forum_lastpost|1{-}//gdzie 1 to id administratora 
Jednak co zrobić, gdy chcemy, aby wygląd awatara w pewnym miejscu wyglądał inaczej niż wszystkie standardowe pozycje np. forumbit_depth2_forum_lastpost?
Wystarczy dodać swoją pozycję do pluginu, aby to zrobić wystarczy wejść w ACP->Konfiguracja->Ustawienia->Nowy wpis ustawień i wypełnić wszystkie pola z gwiazdką, przy czym trzeba pamiętać, aby przy opcji Grupa wybrać nazwę pluginu a przy polu Identyfikator przed nazwą pozycji dodać lightavatars_
Dla przykładu podam nazwę lightavatars_custom1
Teraz wchodzę w ustawienia pluginu i ustawiam dla przykładu klasy alaipb alaipb-n dla tej pozycji.
Zostało mi dodanie do szablonu kod, który wygeneruje awatara, w moim przypadku będzie to:
{+}custom1|2}{-}//tak tutaj dajemy pozycję bez jakiegokolwiek przedrostka 
gdzie custom1 to pozycja naszego ustawienia a 2 to id użytkownika, którego awatar ma się wygenerować.

Wszelkie dodatkowe klasy warto dodawać do pliku css w folderze resources, pozwala to na ładowanie tych klas w podglądzie w ustawieniach.



Warto zapoznać się też ze stylami w lightavatars.css przed modyfikacją ustawień( w późniejszych wersjach mogą się zmieniać).

Standardowe klasy wstawia się  według prostego schematu
Przedstawię ten schemat za pomocą przykładu.
Standardowo dla pozycji forumbit_depth2_forum_lastpost mamy wartości
old old-n


Zmieńmy to na np
normal normal-n
zmieni to nam awatary z okrągłych na kwadratowe w tejże pozycji
Standartowo mamy też wersję alaipb. Wystarczy wstawić w miejsce

old old-n
alaipb alaipb-n
Dzięki czemu mamy awatary podobne do tych co są na mpcforum



Własne css'y
Plugin pozwala użytkownikowi w pełni edytować style jednak każdą modyfikację zaleca się wprowadzić też do pliku lightavatars.css w folderze resources. Pozwala to pluginowi na korzystanie z tych styli w ustawieniach.
W css'ach staramy się stosować do dobrych praktyk, dlatego dostępne są jedynie klasy(id sa ffuuu). W css'ach każda klasa musi zaczynać się od przedrostka .lavatar- w ustawieniach nie używamy tego przedrostka, polecam zobaczyć jak są wstawione standardowe klasy i tworzyć swoje w taki sam sposób.


Dziękuję za przeczytanie tak nudnego poradnika.
Bez problemu można to tłumaczyć i rozpowszechniać jednak proszę się nie podszywać pod twórcę :D
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Co do pierwszego punktu to w MyBB jest coś takiego {$mybb->user['avatar']}.
a działa jak ktoś nie ma awatara?
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
(08.10.2016, 23:50)NiespecjalnieUzdolniony napisał(a): a działa jak ktoś nie ma awatara?
Z tego co pamiętam to nie
No to ten plugin dziala ;)
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Jak zmniejszyć rozmiar avatarów?
Użyłem tego: https://webboard.pl/thread-65378.html
Jest wszystko ok (działa) lecz wygląda to strasznie:
[Obrazek: foto10.png]

Avatar ADMINA wyśrodkowany a USERA już nie.
Najlepsze jest to że gdy zmienię w CSS wielkości z 32px na 16px a nawet 8px to nic się nie zmienia.
Mój CSS:
.lavatar-hide {
   display: none !important;
}

.lavatar-alaipb, .lavatar-old, .lavatar-normal {
position: relative;
}

.lavatar-alaipb-n, .lavatar-old-n, .lavatar-normal-n, .lavatar-alaipb-f, .lavatar-old-f, .lavatar-normal-f {
float: left;
}

.lavatar-alaipb-n, .lavatar-old-n, .lavatar-normal-n {
   padding: 3% 4% 3% 2%;
}

.lavatar-alaipb-f, .lavatar-old-f, .lavatar-normal-f {
padding: 0 4% 0 2%;
}

.lavatar-alaipb-m, .lavatar-old-m, .lavatar-normal-m {
padding: 0 2% 0 0;
display: inline-block;
vertical-align: middle;
}

.lavatar-alaipb a {
display: inline-block;
border: 1px solid #aaa;
width: 32px;
height: 32px;
}

.lavatar-alaipb img {
width:30px
border: 1px solid #000;
}

.lavatar-old a {
display: inline-block;
width: 32px;
height: 32px;
}

.lavatar-old img {
width: 31px;
height: 31px;
border-radius: 100%;
border: 1px solid #ccc;
}

.lavatar-normal a {
display: inline-block;
width: 32px;
height: 32px;
}

.lavatar-normal img {
width: 31px;
height: 31px;
border: 1px solid #ccc;
}

Da się to ogarnąć tak by w przypadku braku Avatara nic nie wyświetlało? Drugie pytanie: gdzie zmniejszyć te avatary?
najlepiej jest ostylowac odpowiednio w acp, pozniej jak wszystko jest cacy przekopiowac do do pliku lightavatars.css w resources i przeinstalowac plugin w acp, ale zawsze jest opcja pominiecia tego elementu z przeinstalowywaniem i przekopiowywaniem. I w sumie lepiej pisac temat do tego :D
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Co autor CSSa miał na myśli pisząc: lavatar old, lavatar ala ipb i lavatar normal i o co chodzi z tym old-m, old-f i old-m?
podstawy css :D
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Wiem, już mam książkę, dziś zerknąłem a od jutra kujątko bo żyć się nie da.
(25.10.2016, 15:20)NiespecjalnieUzdolniony napisał(a): najlepiej jest ostylowac odpowiednio w acp, pozniej jak wszystko jest cacy przekopiowac do do pliku lightavatars.css w resources i przeinstalowac plugin w acp, ale zawsze jest opcja pominiecia tego elementu z przeinstalowywaniem i przekopiowywaniem. I w sumie lepiej pisac temat do tego :D

A ten folder resource (zasoby)... to gdzie wrzucamy przy instalacji pluginu LightAwatars? ...na stronę główną, czy do inc? 
Chciałem go zainstalować na testowym forum i wywala błąd pluginu... hm.
Tak jak jest na githubie czyli do glownego
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.



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

1 gości