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&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&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&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&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&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
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.