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

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

Animowane rangi

Założony przez  SnowWolf.

11.08.2016, 21:28
#1
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)
[Obrazek: https://cache.gametracker.com/server_inf...0_95_1.png]
11.08.2016, 21:32
#2
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
11.08.2016, 21:33
#3
https://webboard.pl/thread-45824.html
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
11.08.2016, 21:37
#4
(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)
[Obrazek: https://cache.gametracker.com/server_inf...0_95_1.png]
11.08.2016, 21:43 (Ten post był ostatnio modyfikowany: 11.08.2016, 21:52 przez Poftorek.)
#5
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ą.
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
11.08.2016, 21:50
#6
(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 {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 :P
(korona jest tylko przy moim nicku, ale nie ma przy samej randze na dole strony i moj nick jest na biało xD)
[Obrazek: https://cache.gametracker.com/server_inf...0_95_1.png]
11.08.2016, 21:52
#7
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.
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
11.08.2016, 21:56
#8
(11.08.2016, 21:52)Fyeem napisał(a): 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..
[Obrazek: https://cache.gametracker.com/server_inf...0_95_1.png]
11.08.2016, 21:57 (Ten post był ostatnio modyfikowany: 11.08.2016, 21:58 przez Poftorek.)
#9
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/
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
11.08.2016, 22:01 (Ten post był ostatnio modyfikowany: 11.08.2016, 22:01 przez SnowWolf.)
#10
(11.08.2016, 21:57)Fyeem napisał(a):
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?
[Obrazek: https://cache.gametracker.com/server_inf...0_95_1.png]
11.08.2016, 22:04 (Ten post był ostatnio modyfikowany: 11.08.2016, 22:04 przez Poftorek.)
#11
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> 
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
11.08.2016, 22:07
#12
(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;"><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! :D (ILE BEDZIE ZABAWY, ŻEBY INNE RANGI DODAC, O BOZE!!!!!!.....................)
[Obrazek: https://cache.gametracker.com/server_inf...0_95_1.png]



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

2 gości