Kółko

Witam. Chciałbym się dowiedzieć jak zrobić takie kręcące się kółko koło rangi


   

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?

https://cs-jump.pl/

tam się nie da zobaczyć ;(

Do formatu loginu:

<span class="xxx"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i>{username}</span>

Do CSS:

.xxx {
   background-image: url(https://cs-jump.pl/ikony/gwiazdkired_158.gif);
   text-shadow: 1px 1px 7px #FF0000;
   color: #FF0000;
}

gdzie jest CSS?

<a href="https://cs-jump.pl/index.php?app=members&section=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

---

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.

.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

<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

color: #FF0000 


teraz mam takie coś


   

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;

@Fizuu

Namieszałeś w CSS.
Wejdź w global.css, i zamień twój kod na mój.

Popraw to:

#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:

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