Novi i bolji izgled statistike

Verzija: Punbb & Phpbb2(nije testiran)

Opis: Naprednija verzija statistike od predhodne iz 10. tutorijala.

Izgled:


Kako dodati:


U CSS[tip]ADMIN PANEL -> DISPLAY -> COLORS -> CSSSTYLESHEET[/tip] dodajte sledeci kod:

Kod:

[panda=css] #title1 {margin-left: -26px;}
#title1 {margin-left: -26px;}

    #title2{margin-right: -26px;}

    .title_center{
    font-family: arial;
    color: white;
    font-weight: bold;
    text-shadow: black 1px 1px 5px;
    height: 43px;
    padding-top: 12px;
    font-size: 14px;
    background: url(http://i46.servimg.com/u/f46/11/96/49/61/title_15.png) repeat-x;}

    .title_center a{color: white !important;}

    .title_left{
    float: left;
    width: 19px;
    height: 50px;
    background: WHITE url(http://i46.servimg.com/u/f46/11/96/49/61/title_20.png) no-repeat;}

    .title_end_left{
    float: right;
    width: 103px;
    height: 43px;
    background: WHITE url(http://i46.servimg.com/u/f46/11/96/49/61/title_16.png) no-repeat;}

    .title_right{
    float: right;
    width: 19px;
    height: 50px;
    background: WHITE url(http://i46.servimg.com/u/f46/11/96/49/61/title_21.png) no-repeat;
    margin-right: -26px;}

    .title_end_right{
    float: left;
    width: 103px;
    height: 43px;
    background: WHITE url(http://i46.servimg.com/u/f46/11/96/49/61/title_19.png) no-repeat;
    margin-right: -55px;}

    .cine_e_online{
    padding-left: 26px;
    background: url(http://i46.servimg.com/u/f46/11/96/49/61/fade_l10.png) repeat-y left;}

    .statistici{
    padding-right: 26px;
    background: url(http://i46.servimg.com/u/f46/11/96/49/61/fade_r10.png) repeat-y right;}

    .fade_end_left{
    float: left;
    width: 19px;
    height: 20px;;
    background: url(http://i46.servimg.com/u/f46/11/96/49/61/fade_e10.png) no-repeat;}

    .fade_end_right{
    float: right;
    width: 19px;
    height: 20px;
    background: url(http://i46.servimg.com/u/f46/11/96/49/61/fade_e11.png) no-repeat;}

    #forum_stats{margin-top: 5px;}




Potrebno je da sada izmenite overall_header[tip]ADMIN PANEL -> DISPLAY -> TEMPLATES[/tip]
Pronadjite

Kod:

[panda=html]<!-- BEGIN disable_viewonline -->
Tekst izmedju ova 2 koda izbrisite
<!-- END disable_viewonline -->

Dodajte:

Kod:

[panda=html]    <!-- BEGIN disable_viewonline -->



    <div id="statistics">
    <table align="center" cellpadding="1" cellspacing="10">
    <tr>

    <td width="70%" valign="top">
    <div class="cine_e_online">

    <div id="title1"> <div class="title_left"></div>  <div class="title_end_left"></div> <div class="title_center">
    <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" /><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div> </div>
    {TOTAL_USERS_ONLINE}<br>{LOGGED_IN_USER_LIST}<br><br><p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{L_CONNECTED_MEMBERS}</p><br><p style="padding: 5px; margin-top: 0px;"><div align="center">{LEGEND} : {GROUP_LEGEND}</div></p>

    </div> <div class="fade_end_left"></div>
    </td>



    <td width="30%" valign="top">
    <div class="statistici">
    <div class="title_right"></div> <div id="title2"> <div class="title_end_right"></div> <div class="title_center" id="2">Statistika</p> </div> </div>  <p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{TOTAL_POSTS}</p><br><p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{TOTAL_USERS}
    <br><p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{NEWEST_USER}</p><br><p style="padding: 5px; margin-top: -5px;">{RECORD_USERS}</p>

    </div> <div class="fade_end_right"></div>
    </td>

    </tr>

    </table>
    </div>



    <!-- END disable_viewonline -->

Sacuvajte i publish template, i uzivajte u novom izgledu.

odlicno je :)

ja ne vidim nista..

Ni ja. :O