Webboard

Pełna wersja: Top 5 Donatorów
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam, szukam pluginu (jeżeli jest taki) Top 5 Donatorów. Jeżeli niema to poradnik jak go zrobić.
O to Screen, czego poszukuje:
[attachment=11811]

Screen wykonany z forum znajomego :)

Proszę o pomoc!
Zwykły HTML + CSS - zbadaj element powinno pomóc.
(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:
Kod:
<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>
, z Top Shouterów będzie trudno tym kodem :P

Spróbuje zbadaj element :)
<thead>, potem obrazek z float: left, div z tekstem, a na końcu div z float: right :)
Najprostszy sposób.
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 :)
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;"
Zbadaj element, ewentualnie podaj forum, z którego pochodzi screen.
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:
[attachment=11812]
A mam takie coś:
[attachment=11813]
Chodzi mi o taką ramkę.

Pomóżcie ;)
W tym arkuszu CSS.
[attachment=11814]

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>
A te HTML gdzie znaleźć? I CSS, do którego wpisać?
(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.
(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.