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

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

Top 5 Donatorów

Szukam  Założony przez  ProToTyp.

20.04.2017, 15:09
#1
Witam, szukam pluginu (jeżeli jest taki) Top 5 Donatorów. Jeżeli niema to poradnik jak go zrobić.
O to Screen, czego poszukuje:
   

Screen wykonany z forum znajomego :)

Proszę o pomoc!
20.04.2017, 15:11
#2
Zwykły HTML + CSS - zbadaj element powinno pomóc.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
20.04.2017, 15:21 (Ten post był ostatnio modyfikowany: 20.04.2017, 15:21 przez Poftorek.)
#3
(20.04.2017, 15:11)Conors napisał(a): Zwykły HTML + CSS - zbadaj element powinno pomóc.

+

Możesz wzorować się kodem "Top shouterów" ze swojego forum:
<table border="0" cellspacing="0" cellpadding="5" class="tborder" style="clear: both; border-bottom-width: 0;">
<tbody><tr>
<td class="thead" colspan="2">

<strong>Top shouterów</strong>
</td>
</tr>
</tbody><tbody style="" id="shouters_e">
<!-- start: topshout_row -->
<tr><td class="trow2">
<img src="" width="35" height="35" style="margin-right: 5px;float: left;">
<a href="http://csforever.xaa.pl/member.php?action=profile&amp;uid=1"><span class="ha"><i class="fa fa-star" id="spinner"></i> <strong> ProToTyp</strong></span></a>
<span style="float: right;margin-right: 5px;margin-top: 7px;background: #7ba60d" class="top_shout">12</span>
</td></tr><!-- start: topshout_row -->
<tr><td class="trow2">
<img src="" width="35" height="35" style="margin-right: 5px;float: left;">
<a href="http://csforever.xaa.pl/member.php?action=profile&amp;uid=3"><span class="usere"><i class="fa fa-user"></i> <strong> DraGoN^^.</strong></span></a>
<span style="float: right;margin-right: 5px;margin-top: 7px;background: #7ba60d" class="top_shout">12</span>
</td></tr><!-- start: topshout_row -->
<tr><td class="trow2">
<img src="" width="35" height="35" style="margin-right: 5px;float: left;">
<a href="http://csforever.xaa.pl/member.php?action=profile&amp;uid=2"><span class="usere"><i class="fa fa-user"></i> <strong> Krachel</strong></span></a>
<span style="float: right;margin-right: 5px;margin-top: 7px;background: #7ba60d" class="top_shout">6</span>
</td></tr><!-- start: topshout_row -->
<tr><td class="trow2">
<img src="" width="35" height="35" style="margin-right: 5px;float: left;">
<a href="http://csforever.xaa.pl/member.php?action=profile&amp;uid=8"><span class="usere"><i class="fa fa-user"></i> <strong> JBL</strong></span></a>
<span style="float: right;margin-right: 5px;margin-top: 7px;background: #7ba60d" class="top_shout">1</span>
</td></tr><!-- start: topshout_row -->
<tr><td class="trow2">
<img src="" width="35" height="35" style="margin-right: 5px;float: left;">
<a href="http://csforever.xaa.pl/member.php?action=profile&amp;uid=4"><span class="usere"><i class="fa fa-user"></i> <strong> GOZdzik</strong></span></a>
<span style="float: right;margin-right: 5px;margin-top: 7px;background: #7ba60d" class="top_shout">1</span>
</td></tr>
</tbody>
</table>
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
20.04.2017, 15:26
#4
@"Fyeem" , z Top Shouterów będzie trudno tym kodem :P

Spróbuje zbadaj element :)
20.04.2017, 15:51
#5
<thead>, potem obrazek z float: left, div z tekstem, a na końcu div z float: right :)
Najprostszy sposób.
20.04.2017, 16:07
#6
Już mam z tym Zbadaj Element. Tylko jest kolejny problem... Dotyczy on tego: <span class="prefiks" style="float: right;margin-right: 5px;margin-top: 7px;background: #2e4861;">0 zł SMS</span>

Dokładniej początku: <span class="prefiks">

Gdzie znaleźć ten kod (to zakodowane) ? 'class'

Szukam, szukam i nie mogę znaleźć. Pomóżcie :)
20.04.2017, 16:11 (Ten post był ostatnio modyfikowany: 20.04.2017, 16:12 przez Poftorek.)
#7
W arkuszu CSS, jednak u Ciebie nie ma "zakodowanego" .prefiks - musisz go stworzyć, używaj go, najlepiej zamiast tego kodu:
style="float: right;margin-right: 5px;margin-top: 7px;background: #2e4861;"
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
20.04.2017, 16:12
#8
Zbadaj element, ewentualnie podaj forum, z którego pochodzi screen.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
20.04.2017, 16:40 (Ten post był ostatnio modyfikowany: 20.04.2017, 16:43 przez ProToTyp.)
#9
A jak na przykład mam początek niech będzie jakiejś rangi... Donator (<span class="donator"><i class="fa fa-money"></i> </center><strong> ProToTyp</strong></span>)

Gdzie znaleźć ten kod (<span class="donator">) ?
Lub Właściciel (<span class="ha">) ?

Pomóżcie, bo bym chciał se edytować :)
(20.04.2017, 16:11)Fyeem napisał(a): W arkuszu CSS, jednak u Ciebie nie ma "zakodowanego" .prefiks - musisz go stworzyć, używaj go, najlepiej zamiast tego kodu:
style="float: right;margin-right: 5px;margin-top: 7px;background: #2e4861;"

To nie działa, jest ciągle tak samo.

Chciałbym coś takiego:
   
A mam takie coś:
   
Chodzi mi o taką ramkę.

Pomóżcie ;)
20.04.2017, 16:44 (Ten post był ostatnio modyfikowany: 20.04.2017, 16:47 przez Poftorek.)
#10
W tym arkuszu CSS.
   
CSS:
.prefiks {
float: right;
margin-right: 5px;
margin-top: 7px;
font-size: 11px;
padding: 2px 6px;
background: #2e4861;
border-radius: 5px;
}

HTML:

<span class="prefiks">0 zł SMS</span>
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
20.04.2017, 17:01
#11
A te HTML gdzie znaleźć? I CSS, do którego wpisać?
20.04.2017, 17:02
#12
(20.04.2017, 17:01)ProToTyp napisał(a): A te HTML gdzie znaleźć? I CSS, do którego wpisać?
HTML - szablon strony głównej index .
CSS - arkusz stylów CSS, może być dowolny, np. global.css.
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
20.04.2017, 17:46
#13
(20.04.2017, 17:02)Fyeem napisał(a):
(20.04.2017, 17:01)ProToTyp napisał(a): A te HTML gdzie znaleźć? I CSS, do którego wpisać?
HTML - szablon strony głównej index .
CSS - arkusz stylów CSS, może być dowolny, np. global.css.
Akurat nie działa, więc wziąłem ten kod z Pluginu, zmieniłem kolor i już mam.



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

2 gości