Animowane rangi

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? )

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

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

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 {color: red; text-shadow: 1px 1px 10px red; font-weight: bold; } 


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ą.

Ranga: właściciel
Kod rangi w acp:

<span class="wlasciciel">{username}</span> 


Kod w global.css:

.wlasciciel {color: red; text-shadow: 1px 1px 10px red; font-weight: bold; 


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
(korona jest tylko przy moim nicku, ale nie ma przy samej randze na dole strony i moj nick jest na biało )

Style > Twój styl > global.css

.wlasciciel {color: red; text-shadow: 1px 1px 10px red; font-weight: bold;} 


Mój błąd, nie dodałem } na końcu, wklej ten.

Style > Twój styl > global.css

.wlasciciel {color: red; text-shadow: 1px 1px 10px red; font-weight: bold;} 


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..

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;
} 


---

https://jsfiddle.net/dkczn6v4/

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;
} 


   

@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;"><strong> Administrator</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> 


W szablonach globalnych a dokładniej w viewgroups_index znajdź:

<a href="index.php?action=viewgroups&amp;gid=4"><span style="color: red;"><strong> Administrator</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! (ILE BEDZIE ZABAWY, ŻEBY INNE RANGI DODAC, O BOZE!!!!!!.....................)