Webboard

Pełna wersja: Buttony w statystykach. Jak dodać?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.9.10
adres forum: more-cs.pl
na czym polega problem (screen, opis, komunikaty):

Jak osiągnąć taki efekt?

http://imageshack.us/a/img90/756/9osj.jpg
Taki efekt jest jedynie możliwy w IPBoard. Jeżeli się nie mylę.
Przynajmniej zielone tło za nimi nie muszą być akurat takie buttony.
Czemuż to tylko na I.P.B?? Podaj adres forum skąd masz ten screen żebyśmy mogli zobaczc całość statystyk :)
Proszę to te forum http://cs-wakacje.pl/ ;)
Pokaż szablon topStats_ReputationRow oraz topStats_PostersRow (Czy jakoś tak). Znajdują się w ACP -> Style i Szablony -> Szablony -> Szablony Globalne).
ReputationRow

Kod:
<tr><td class="trow1">
            <img src="{$tpl['avatar']}" alt="" style="float: left;width: {$tpl['avatar_width']}px;margin-right: 5px;"/>
            <span style="margin-top: 7px;float: left;">{$tpl['profilelink']}</span>
            <span style="float: right;margin-right: 5px;margin-top: 7px;">{$tpl['reputation']}</span>
            </td></tr>

PosterRow

Kod:
<tr><td class="trow1">
            <img src="{$tpl['avatar']}" alt="" style="float: left;width: {$tpl['avatar_width']}px;margin-right: 5px;"/>
            <span style="margin-top: 7px;float: left;">{$tpl['profilelink']}</span>
            <span style="float: right;margin-right: 5px;margin-top: 7px;">{$tpl['postnum']}</span>
            </td></tr>
1. Dodaj do global.css:
Kod:
.reputation {
    font-weight: bold;
    padding: 3px 8px;
    display: inline-block;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
        border: 1px solid rgba(0, 0, 0, 0.35);
    background: #568200 url(images/light.png ) repeat-x center top;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.posters {
    font-weight: bold;
    padding: 3px 8px;
    display: inline-block;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
        border: 1px solid rgba(0, 0, 0, 0.35);
    background: #444 url(http://cs-wakacje.pl/public/style_images/wt_blue/light.png ) repeat-x center top;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
        color: #fff
}

2. Ten plik wgraj do images na Twoim serwerze FTP: http://cs-wakacje.pl/public/style_images.../light.png (lewy górny róg :P)

3. Zamień tamte szablony na te:

ReputationRow:
Kod:
<tr><td class="trow1">
            <img src="{$tpl['avatar']}" alt="" style="float: left;width: {$tpl['avatar_width']}px;margin-right: 5px;"/>
            <span style="margin-top: 7px;float: left;">{$tpl['profilelink']}</span>
            <span style="float: right;margin-right: 5px;margin-top: 7px;" class="reputation">{$tpl['reputation']}</span>
            </td></tr>

PostersRow:
Kod:
<tr><td class="trow1">
            <img src="{$tpl['avatar']}" alt="" style="float: left;width: {$tpl['avatar_width']}px;margin-right: 5px;"/>
            <span style="margin-top: 7px;float: left;">{$tpl['profilelink']}</span>
            <span style="float: right;margin-right: 5px;margin-top: 7px;" class="posters">{$tpl['postnum']}</span>
            </td></tr>
Gibonek nie ma nic na tym linku twoim wyżej podanym...Mógł byś podać co tam powinno być? Bo ja właśnie chcę to zrobić
Jakby nic nie było to bym nie podawał.. Mówiłem że to jest w lewym górnym rogu, tylko nie widoczne bo to dodaje taki efekt jak tam jest.