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

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

Buttony w statystykach. Jak dodać?

Założony przez  CyCq97.

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
Sepowaty napisał 29.07.2013, 21:49:
Przenoszę do działu z szablonami.
Taki efekt jest jedynie możliwy w IPBoard. Jeżeli się nie mylę.
Matslom napisał 30.07.2013, 13:43:
Nie wypisuj głupot...
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

<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

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



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

1 gości