Webboard

Pełna wersja: Wygląd statystyk
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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? ^^

[Obrazek: ponii7.jpg]
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.

Kod PHP:
<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

Kod PHP:
.statistics {
    
width100%;
    
text-aligncenter;
    
padding0px 0px 2px;
    
line-height1;
    
box-sizingborder-box;



Tylko trzeba go sobie odpowiednio ustawic