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

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

Kółko

Założony przez  Fizuu.

18.09.2016, 18:24 (Ten post był ostatnio modyfikowany: 18.09.2016, 18:24 przez Fizuu.)
#1
Witam. Chciałbym się dowiedzieć jak zrobić takie kręcące się kółko koło rangi


   
18.09.2016, 18:26
#2
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 ;)
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
18.09.2016, 18:26 (Ten post był ostatnio modyfikowany: 18.09.2016, 18:27 przez Poftorek.)
#3
Zbadaj element prawdę Ci powie. Poradnik niżej.

Skąd ten SS?
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
18.09.2016, 18:32
#4
https://cs-jump.pl/

tam się nie da zobaczyć ;(
18.09.2016, 18:34 (Ten post był ostatnio modyfikowany: 18.09.2016, 18:36 przez Michał Wajrak.)
#5
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;
}
18.09.2016, 18:36
#6
gdzie jest CSS?
18.09.2016, 18:36 (Ten post był ostatnio modyfikowany: 18.09.2016, 18:37 przez Poftorek.)
#7
<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 :)
(18.09.2016, 18:36)Fizuu napisał(a): gdzie jest CSS?
W ACP -> Style i szablony -> Twój styl -> global.css (na końcu)
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
18.09.2016, 18:37
#8
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.
18.09.2016, 18:43
#9
Jest wszystko ok. Jak teraz zmienić kolor nicku i tego kółka
18.09.2016, 18:45
#10
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;".
18.09.2016, 18:46
#11
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 
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
18.09.2016, 18:48
#12
teraz mam takie coś


   
18.09.2016, 18:49
#13
Powiedz, który sposób wykonałeś oraz podaj kod danej grupy (ewentualnie CSS jeśli użyłeś)
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
18.09.2016, 18:51
#14
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;
18.09.2016, 18:52
#15
@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;
}



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

2 gości