Animowane rangi

Założony przez  SnowWolf.

wersja skryptu MyBB: 1.8.7
adres forum: snovvtestuje.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Chciałbym zrobić "animowane rangi" co mam na myśli?

Chciałbym:
   
Jest:
   

Dodatkowo przed tymi animowanymi rangami jest np. gwiazka/kółko/tarcza czy jeszcze coś innego.
Mógłbym prosić o pomoc? (jakis styl czy cos? :P)
Nie jestem w stanie zobaczyć animacji na screenie, więc opisz na czym ta animacja ma polegać. Obrazek przed randze można dodać za pomocą <img> lub :before
https://webboard.pl/thread-45824.html
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
(11.08.2016, 21:32)Ardex napisał(a): Nie jestem w stanie zobaczyć animacji na screenie, więc opisz na czym ta animacja ma polegać. Obrazek przed randze można dodać za pomocą <img> lub :before

To bez animacji

(11.08.2016, 21:33)Fyeem napisał(a): https://webboard.pl/thread-45824.html

Nie działa, forum jest zabezpieczone tak jak to h@ ujął: "Nie będą mi skur****y kraść"


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Pomińmy te animacje, ale jak dodać przed nick np: Tarcze/klucz/kółko/krzyżyk/pędzelek?
(tak jak na ss'ie jest)
Ranga: właściciel
Kod rangi w acp:
<span class="wlasciciel">{username}</span
Kod w global.css:
.wlasciciel {colorredtext-shadow1px 1px 10px redfont-weightbold; } 

I tak z każdą grupą zmieniając wlasciciel oraz red.
Jeśli chcesz dodać obrazek, to kod w acp zrób taki:
<span class="wlasciciel"><img src="http://i.imgur.com/5P9KCCn.png">{username}</span
Zmieniając oczywiście http://i.imgur.com/5P9KCCn.png na własny obrazek przed grupą.
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
(11.08.2016, 21:43)Fyeem napisał(a): Ranga: właściciel
Kod rangi w acp:
<span class="wlasciciel">{username}</span
Kod w global.css:
.wlasciciel {colorredtext-shadow1px 1px 10px redfont-weightbold

I tak z każdą grupą zmieniając wlasciciel oraz red.
Jeśli chcesz dodać obrazek, to kod w acp zrób taki:
<span class="wlasciciel"><img src="http://i.imgur.com/5P9KCCn.png">{username}</span
Zmieniając oczywiście http://i.imgur.com/5P9KCCn.png na własny obrazek przed grupą.

Zobacz co się stało.. Chyba coś nie wyszło :P
(korona jest tylko przy moim nicku, ale nie ma przy samej randze na dole strony i moj nick jest na biało xD)
Style > Twój styl > global.css
.wlasciciel {colorredtext-shadow1px 1px 10px redfont-weightbold;} 

Mój błąd, nie dodałem } na końcu, wklej ten.
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
(11.08.2016, 21:52)Fyeem napisał(a): Style > Twój styl > global.css
.wlasciciel {colorredtext-shadow1px 1px 10px redfont-weightbold;} 

Mój błąd, nie dodałem } na końcu, wklej ten.
border: 1px solid #e4e4e4;
margin: auto auto;
padding: 20px;
text-align: left;
#shoutbox {
margin-bottom: 10px;
border: solid 2px rgba(0,0,0,0.1);
.wlasciciel {color: red; text-shadow: 1px 1px 10px red; font-weight: bold;}
Dobrze? Bo dalej nie dziala..
border1px solid #e4e4e4;
marginauto auto;
padding20px;
text-alignleft;
#shoutbox {
margin-bottom10px;
bordersolid 2px rgba(0,0,0,0.1);}
.
wlasciciel 
{
colorredtext-shadow1px 1px 10px redfont-weightbold;


https://jsfiddle.net/dkczn6v4/
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
(11.08.2016, 21:57)Fyeem napisał(a):
border1px solid #e4e4e4;
marginauto auto;
padding20px;
text-alignleft;
#shoutbox {
margin-bottom10px;
bordersolid 2px rgba(0,0,0,0.1);}
.
wlasciciel 
{
colorredtext-shadow1px 1px 10px redfont-weightbold;

   

@Dałbyś radę ogarnąć jeszcze tam gdzie zaznaczyłem na czerwono, żeby była korona?
W szablonach globalnych a dokładniej w viewgroups_index znajdź:
<a href="index.php?action=viewgroups&amp;gid=4"><span style="color: red;"><strongAdministrator</strong></span></a
Zamień na:
<a href="index.php?action=viewgroups&amp;gid=4"><span class="wlasciciel"><img src="http://i.imgur.com/5P9KCCn.png">Administrator</span></a
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
(11.08.2016, 22:04)Fyeem napisał(a): W szablonach globalnych a dokładniej w viewgroups_index znajdź:
<a href="index.php?action=viewgroups&amp;gid=4"><span style="color: red;"><strongAdministrator</strong></span></a
Zamień na:
<a href="index.php?action=viewgroups&amp;gid=4"><span class="wlasciciel"><img src="http://i.imgur.com/5P9KCCn.png">Administrator</span></a


MAM! Dzięki wielkie! :D (ILE BEDZIE ZABAWY, ŻEBY INNE RANGI DODAC, O BOZE!!!!!!.....................)



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

1 gości