NOWE Statystyki

Inne  Założony przez  mariusz4553.

wersja skryptu MyBB: 1.8.3
adres forum: www.csatom.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Proszę was o pomoc w zrobieniu takich statystyk jak na http://testaysein.xaa.pl/ wyciągnełem kod:

<ul class="statistics">
<
li>
<
div original-title="" class="top-info">
<
a original-title="" href="#" class="blue-square"><div original-title="" class="sprite-image"></div></a><strong><strong>2</strong></strong></div>
<
div original-title="" class="progress progress-micro"><div original-title="" class="bar" style="width: 1%;"></div></div>
<
span original-title="">Napisanych postów</span>
</
li>
<
li>
<
div original-title="" class="top-info"><a original-title="" href="#" class="red-square"><div original-title="" class="sprite-icon_quicknav"></div></a><strong> <strong>2</strong></strong></div>
<
div original-title="" class="progress progress-micro"><div original-title="" class="bar" style="width: 1%;"></div></div>
<
span original-title="">Napisanych tematów</span>
</
li>
<
li>
<
div original-title="" class="top-info">
<
a original-title="" href="#" class="green-square"><div original-title="" class="sprite-star"></div></a><strong><strong></strong></strong></div>
<
div original-title="" class="progress progress-micro"><div original-title="" class="bar" style="width: 5%;"></div></div>
<
span original-title="">Najwięcej aktywnych</span>
</
li>
<
li>
<
div original-title="" class="top-info">
<
a original-title="" href="#" class="purple-square"><div original-title="" class="sprite-icon-people"></div></a><strong><strong><a original-title="" href="user/xd9933,27424/"><b></b></a><b><a original-title="" href="http://testaysein.xaa.pl/member.php?action=profile&amp;uid=4">tescik</a></b>.</strong></strong></div>
<
div original-title="" class="progress progress-micro"><div original-title="" class="bar" style="width: 3%;"></div></div>
<
span original-title="">Najnowszy użytkownik</span>
</
li>
</
ul

Klasa css


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

.
statistics>li{
    
min-width:130px;
    
margin:8px 20px;
    
position:relative;
    
display:inline-block;
    
text-align:left
}

.
statistics>li>span{
    
font-size:11px;
    
margin-top:5px;
    
display:block;
    
font-family:tahoma;
    
color:#777;
    
text-transform:uppercase;
    
font-weight:700
}


.
progress{
    
height:20px;
    
overflow:hidden;
    
box-shadow:0 0px 0 white,0 0 0 1px rgba(0,0,0,0.075inset;
    -
webkit-box-shadow:0 0px 0 white,0 0 0 0px rgba(0,0,0,0.075inset;
    -
moz-box-shadow:0 0px 0 white,0 0 0 1px rgba(0,0,0,0.075inset;
    
background-color:#f5f5f5
}

.
progress.progress-slim{
    
height:6px
}

.
progress.progress-micro{
    
height:2px
}

.
top-info{
    
margin-bottom:12px
}

.
top-info>a{
    
display:inline-block;
    
color:#0468aa;
    
float:left;
    
margin-right:8px;
    
margin-top:1px
}

.
top-info>a>i{
    
color:#0468aa;
    
padding:6px 5px;
    
margin:0
}

.
top-info>strong{
    
font-family:Tahoma;
    
width:105px;
    
overflow:hidden;
    
font-size:20px;
    
color:#373737;
    
font-weight:600;
    
display:block;
    
float:left;
    
margin-top:4px
}

.
top-info:after{
    
content:"";
    
display:block;
    
clear:both
}


.
red-square{
    
background:#ef705b
}

.
sprite-beer{
    
background-position:-105px 0;
    
width:16px;
    
height:16px;
    
background-image:url(../../../images/icons.png);
    
float:left;
    
margin:5px
}



.
sprite-image{
    
background-position:-294px 0;
    
width:20px;
    
height:20px;
    
background-image:url(http://screenshu.com/static/uploads/temporary/04/ug/nc/1w2ecb.jpg);
    
float:left;
    
margin:5px
}

.
sprite-star{
    
background-position:-315px 0;
    
width:16px;
    
height:16px;
    
background-image:url(http://screenshu.com/static/uploads/temporary/l7/70/f7/6apwd5.jpg);
    
float:left;
    
margin:5px
}

.
sprite-icon-people{
    
background-position:-168px 0;
    
width:16px;
    
height:16px;
    
background-image:url(http://screenshu.com/static/uploads/temporary/ru/4c/fq/ro8q8w.jpg);
    
float:left;
    
margin:5px
}

.
progress .bar{
    
float:left;
    
width:0;
    
height:100%;
    
font-size:12px;
    
color:#fff;
    
text-align:center;
    
background-color:#0468aa
}

.
blue-square{
    
background:#59b3e7
}

.
red-square{
    
background:#ef705b
}

.
green-square{
    
background:#56bb4d
}

.
purple-square{
    
background:#e16588
}

.
orange-square{
    
background:#e9854f
}

.
dark-blue-square{
    
background:#487cb5
}

.
sea-square{
    
background:#34a097
}

.
sprite-icon_quicknav{
    
background-position:-252px 0;
    
width:16px;
    
height:16px;
    
background-image:url(http://screenshu.com/static/uploads/temporary/oq/7t/as/z4sno1.jpg);
    
float:left;
    
margin:5px



Tylko nie wiem gdzie mam wsadzic ten pierwszy kod tak żeby te statystyki były przed tą tabelka STSTYSTYKI
W index_stats lub w index nad {$boardstats}
ale ja chce żeby te statystyki były tam gdzie jest pokazane na ss

No dobra juz mam, ale teraz żeby to ustawić żeby to działało zgodnie z forum .


Załączone pliki Miniatury
   
Wstaw zmienne odpowiadające np. za ilość postów na forum za "Napisanych postów".
Moge prosic te zmienne na :

Najwięcej aktywnych
{$mostonline['numusers']}



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

1 gości