Szukam Wygląd statystyk

wersja skryptu MyBB: 1.6.x
adres forum: downloadzik.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Jest gdzieś do pobrania czy coś taki wygląd statystyk? ^^

Nie ma, jednakże nie jest to trudne do wykonania, jeśli znasz chociaż podstawy CSS oraz HTML. I szczerze wątpię, by ktoś zrobił to za Ciebie. Mogę pomóc, jeśli coś nie będzie wychodzić, w tym temacie.

Witam Chciałem wznowic ten temat. Wiem że to nie jest mój temat ale może przyda się innym użytkownikom .


Mam kod do tych statystyk.

<ul class="statistics">
<li>
<div class="top-info">
<a href="#" title="" class="blue-square"><div class="sprite-image"></div></a><strong><strong>317,697</strong></strong></div>
<div class="progress progress-micro"><div class="bar" style="width: 70%;"></div></div>
<span>Napisanych postów</span>
</li>
<li>
<div class="top-info"><a href="#" title="" class="red-square"><div class="sprite-icon_quicknav"></div></a><strong> <strong>62,821</strong></strong></div>
<div class="progress progress-micro"><div class="bar" style="width: 40%;"></div></div>
<span>Napisanych tematów</span>
</li>
<li>
<div class="top-info">
<a href="#" title="" class="sea-square"><div class="sprite-beer"></div></a><strong><strong>115,464</strong></strong></div>
<div class="progress progress-micro"><div class="bar" style="width: 60%;"></div></div>
<span>Postawionych piw</span>
</li>
<li>
<div class="top-info">
<a href="#" title="" class="green-square"><div class="sprite-star"></div></a><strong><strong>383</strong></strong></div>
<div class="progress progress-micro"><div class="bar" style="width: 10%;"></div></div>
<span>Najwięcej aktywnych</span>
</li>
<li>
<div class="top-info">
<a href="#" title="" class="purple-square"><div class="sprite-icon-people"></div></a><strong><strong><a href="user/lark04,27871/">Lark04</a></strong></strong></div>
<div class="progress progress-micro"><div class="bar" style="width: 100%;"></div></div>
<span>Najnowszy użytkownik</span>
</li>
</ul> 


Global.css

.statistics {
    width: 100%;
    text-align: center;
    padding: 0px 0px 2px;
    line-height: 1;
    box-sizing: border-box;
} 


Tylko trzeba go sobie odpowiednio ustawic