Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

ikony przed rangą

Założony przez  Fizuu.

18.09.2016, 19:22 (Ten post był ostatnio modyfikowany: 18.09.2016, 19:23 przez Fizuu.)
#1
Witam. Jak dodać ikony przed rangami??

   
   
Jak ktoś napisze jakiś kod, to niech poda do, której to rangi z załącznika
18.09.2016, 19:26
#2
http://fontawesome.io/icons/
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
18.09.2016, 19:29
#3
wybrałem sobie. I co dalej? (gdzie to wkleić?)
18.09.2016, 19:30
#4
(18.09.2016, 19:29)Fizuu napisał(a): wybrałem sobie. I co dalej? (gdzie to wkleić?)

Chcesz to dodać do stopki (na sam dół strony)?
18.09.2016, 19:31
#5
tak. I do nicku
18.09.2016, 19:33
#6
Do nicku dodajesz tak jak Ci wytłumaczyłem w poprzednim temacie.
Czyli w formacie loginu przed nick wstawiasz font-awesome.

A do stopki możesz je dodać za pomocą pluginu https://community.mybb.com/mods.php?action=view&pid=10.
Druga opcja to dodanie ich ręcznie w szablonach, co wybierasz?
18.09.2016, 19:46
#7
ale co wpisać w global.cs ?
18.09.2016, 19:50 (Ten post był ostatnio modyfikowany: 18.09.2016, 19:52 przez Michał Wajrak.)
#8
(18.09.2016, 19:46)Fizuu napisał(a): ale co wpisać w global.cs ?

Jak co wpisać?
Chcesz dodać efekty (czytaj: kolory i tło dla tekstu) do nicków?
18.09.2016, 19:53
#9
Chce, żeby było u kogoś w nicku ta ikona np. (ikona USB)Fizuu: Cześć
18.09.2016, 19:58 (Ten post był ostatnio modyfikowany: 18.09.2016, 19:58 przez Poftorek.)
#10
Ano na przykład tak
<span style="color: black;"><strong><i class="fa fa-usb" aria-hidden="true"></i>
{username}</strong></span> 
Poradnik - Jak zbadać element na stronie internetowej?  
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
18.09.2016, 19:58 (Ten post był ostatnio modyfikowany: 18.09.2016, 20:00 przez Michał Wajrak.)
#11
Wejdź do ACP → Style i szablony → Twój styl → Nowy arkusz CSS.
Jeżeli już go stworzysz to dodaj do niego poniższy kod.

.admin {  text-shadow: 1px 1px 7px #FF0000; color: #FF0000; }
.mod {  text-shadow: 1px 1px 7px #FF0000; color: #FF0000; }
.user {  text-shadow: 1px 1px 7px #FF0000; color: #FF0000; }
.ban { text-shadow: 1px 1px 7px #FF0000; color: #FF0000; }

A następnie zapisujesz arkusz.

Potem przechodzisz do ścieżki ACP → Użytkownicy i grupy → Grupy.
Wybierasz jakąś grupę, niech to będzie Administrator.
W format loginu wklejasz poniższy kod:
<span class="admin"><i class="fa fa-usb" aria-hidden="true"></i> {username}</span>

I postępujesz tak z każdą grupą.
Oczywiście, aby były różne kolory dla różnych grup to zmieniasz je w css.
18.09.2016, 20:13
#12
Dzięki ;)

Mam tą ikone. Co dopisać, żeby nick był podświetlany??
<i class="fa fa-globe" aria-hidden="true"></i> <span style="color: gray;">{username}</span>
to jest ten kod. I co tam do niego dopisać, żeby był podświetlany ?>
18.09.2016, 20:14
#13
Używaj arkuszy, będzie czytelniejszy kod.

Coś takiego:
<i class="fa fa-globe" aria-hidden="true"></i> <span style="color: gray; text-shadow: 1px 1px 7px #FF0000;">{username}</span>
18.09.2016, 20:22
#14
a jak zrobić, żeby ta ikona była np. czerwona ?
18.09.2016, 20:22 (Ten post był ostatnio modyfikowany: 18.09.2016, 20:23 przez Michał Wajrak.)
#15
<span style="color: gray; text-shadow: 1px 1px 7px #FF0000;"><i class="fa fa-globe" aria-hidden="true"></i> {username}</span>

Ikonke dodajesz za <span>.



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

2 gości