Witam. Chciałbym się dowiedzieć jak zrobić takie kręcące się kółko koło rangi
[
attachment=10655]
jeśli używasz font-awesome na forum, to dodaj tylko:
<i class="fa fa-spinner" aria-hidden="true"></i>
w miejscu gdzie formatujesz nick
Zbadaj element prawdę Ci powie. Poradnik niżej.
Skąd ten SS?
Do formatu loginu:
Kod:
<span class="xxx"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i>{username}</span>
Kod:
.xxx {
background-image: url(https://cs-jump.pl/ikony/gwiazdkired_158.gif);
text-shadow: 1px 1px 7px #FF0000;
color: #FF0000;
}
Kod PHP:
<a href="https://cs-jump.pl/index.php?app=members§ion=view&module=list&filter=4"><span style="background-image:url(/ikony/gwiazdkired_158.gif); text-shadow: 1px 1px 7px #FF0000; color: #FF0000;"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i> Właściciel</span></a>
Wszystko się da
(18.09.2016, 18:36)Fizuu napisał(a): [ -> ]gdzie jest CSS?
W ACP -> Style i szablony -> Twój styl -> global.css (na końcu)
ACP → Style i szablony → Twój styl.
Następnie wybierz jakiś arkusz, może być to global.css i na sam koniec dodaj mój kod.
Jest wszystko ok. Jak teraz zmienić kolor nicku i tego kółka
W CSS.
Kod:
.xxx {
background-image: url(https://cs-jump.pl/ikony/gwiazdkired_158.gif);
text-shadow: 1px 1px 7px #FF0000;
color: #FF0000;
}
Za kolor odpowiada linijka: "color: #FF0000;".
Jeżeli użyłeś mojego sposobu, to zmieniasz to
Kod PHP:
<span style="background-image:url(/ikony/gwiazdkired_158.gif); text-shadow: 1px 1px 7px #FF0000; color: #FF0000;"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i> Właściciel</span>
tutaj
Powiedz, który sposób wykonałeś oraz podaj kod danej grupy (ewentualnie CSS jeśli użyłeś)
Wykonałem pierw twój sposób. A potem chciałem zmienić kolor i brałem sposób Winchestera
To jest wszystko skopiowane:
border: 1px solid #e4e4e4;
margin: auto auto;
padding: 20px;
text-align: left;
.xxx {
background-image: url(
https://cs-jump.pl/ikony/gwiazdkired_158.gif);
text-shadow: 1px 1px 7px #FF0000;
Namieszałeś w CSS.
Wejdź w global.css, i zamień twój kod na mój.
Popraw to:
Kod:
#container {
background: #fff;
color: #FF0000;
border: 1px solid #e4e4e4;
margin: auto auto;
padding: 20px;
text-align: left;
.xxx {
background-image: url(https://cs-jump.pl/ikony/gwiazdkired_158.gif);
text-shadow: 1px 1px 7px #FF0000;
}
Na to:
Kod:
#container {
background: #fff;
color: #FF0000;
border: 1px solid #e4e4e4;
margin: auto auto;
padding: 20px;
text-align: left;
}
.xxx {
background-image: url(https://cs-jump.pl/ikony/gwiazdkired_158.gif);
text-shadow: 1px 1px 7px #FF0000;
}