Cum pot fac forumul sa arate ca la IPB

Buna ziua , am un forum phpbb2 si as vrea sa il fac sa arate ca pe IPB cu statistici tu tot .
Ma ajutati va rog ?

Cineva ???

Uite aici o tema IPB dar nu este reusita [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

daca era pe punbb te ajutam eu

Dar nu vreau o tema ... vreau ca forumul sa arate la statistici ca la unul ipb hostat

Ne poti arata o imagine, sa ne lamurim.

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] El se refera la tema IPB, Cum sunt pe forumuri de gaming, Acolo arata staticile pe IPB

Buna ziua, va rog sa urmati acest tutorial.
Avem o imagine demonstrativa.

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]


1.Panou de administrare/afisare/templateuri/general/index_body si indentificam urmatorul cod.

Cod:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td class="catHead" colspan="2" height="28">
 <!-- BEGIN switch_viewonline_link -->
 <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
 <!-- END switch_viewonline_link -->

 <!-- BEGIN switch_viewonline_nolink -->
 <span class="cattitle">{L_WHO_IS_ONLINE}</span>
 <!-- END switch_viewonline_nolink -->
 </td>
 </tr>
 <tr>
 <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
 <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
 {TOTAL_USERS}<br />
 {NEWEST_USER}</span></td>
 </tr>
 <tr>
 <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}<br />
 <br />
 {LOGGED_IN_USER_LIST}</span></td>
 </tr>
 {L_CONNECTED_MEMBERS}
 {L_WHOSBIRTHDAY_TODAY}
 {L_WHOSBIRTHDAY_WEEK}
 <tr>
 <td class="row1"><span class="gensmall">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
 </tr>
 <!-- BEGIN switch_chatbox_activate -->
 <tr>
 <td class="row1">
 <span class="gensmall">{TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp; {CHATTERS_LIST}<br />
 <!-- BEGIN switch_chatbox_popup -->
 <div id="chatbox_popup"></div>
 <script type="text/javascript">
 //<![CDATA[
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 //]]>
 </script>
 <!-- END switch_chatbox_popup -->
 </span>
 </td>
 </tr>
 <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

Il stergem si il inlocuim cu urmatorul cod:

Cod:

<!-- BEGIN disable_viewonline -->

    
    
    
<center><div class="phpbb2devil_statistici">
  <div class="phpbb2_subiecte">
   <span class="FORUMCOUNTOPIC"></span><br />
 <i class="fa fa-comments"></i> &nbsp;Subiecte
  </div>
                    <div class="phpbb2_subiecte">
    <span class="FORUMCOUNTPOST"></span><br />
  <i class="fa fa-line-chart"></i>  &nbsp;Mesaje
  </div>
                                     <div class="phpbb2_subiecte">
    <span class="FORUMCOUNTUSER"></span><br />
   <i class="fa fa-users"></i> &nbsp;Membri
  </div>
                  
                                                       <div class="phpbb2_subiecte">
    <span class="FORUMONLINEUSER"></span><br />
  <i class="fa fa-refresh"></i>&nbsp; Total online
  </div>
                        <div class="phpbb2_subiecte">
                     <span class="FORUMLASTUSERLINK"></span><br />
                          <span class="phpbb2_detalii"><i class="fa fa-check-square-o"></i>&nbsp;Ultimul membru</span>
  </div>
        
              
                  
          </div>
</center>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
          <th class="th_title"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow" style="font-size: 12px;fontfamily: tahoma;text-shadow: 0px 1px 1px black;color: white!important"><i class="fa fa-pie-chart"></i>{L_WHO_IS_ONLINE}</a>
            
          </th>
  </tr>
  <tr>
    <td class="row1">
      <div class="text">
      {TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}
      </div>
<div class="legenda">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</div>
    </td>
  </tr>
  <tr>
    <td class="row1">
  <a href="http://frannnta-design.hitforum.ro"><img src="http://i43.tinypic.com/2nr0rkk.gif" /></a>&nbsp;&nbsp;
  <a href="http://frannnta-design.hitforum.ro"><img src="http://i43.tinypic.com/2nr0rkk.gif" /></a>&nbsp;&nbsp;
  <a href="http://frannnta-design.hitforum.ro"><img src="http://i43.tinypic.com/2nr0rkk.gif" /></a>&nbsp;&nbsp;
  <a href="http://frannnta-design.hitforum.ro"><img src="http://i43.tinypic.com/2nr0rkk.gif" /></a>&nbsp;&nbsp;
  <a href="http://frannnta-design.hitforum.ro"><img src="http://i43.tinypic.com/2nr0rkk.gif" /></a>&nbsp;&nbsp;
    </td>
  </tr>
</table>
<div class="linefoot"></div>

<!-- END disable_viewonline -->

Salvam si publicam template-ul apasand tasta [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

2. Intram in panou de administrare/culori/css si adaugam acest cod css.

Cod:


.FORUMCOUNTOPIC, .FORUMCOUNTPOST, .FORUMCOUNTUSER, .FORUMONLINEUSER, .FORUMLASTUSERLINK{
  font-size: 16px!important;
color: #069;
  display: inline-block;
}

.FORUMLASTUSERLINK a{
  text-decoration: none!important;

  text-transform: none!important;
}


.legenda{
  font-size: 0px!important;
}

.legenda{
margin-top: 10px;
  margin-bottom: 10px;
}

.legenda a{
  font-size: 14px!important;
  font-family: sans-serif;
  margin-right: 6px;
  text-shadow: 0px 1px 1px black;
  letter-spacing: 1px;
  padding: 4px 6px;
  border-radius: 3px;
  background: #141414;
  border: 1px solid #222;
  box-shadow: 0px 0px 7px #000 inset;
  font-weight: 500!important;
}

.legenda a:hover{
  background: #101010;
}




.subiecte{
  float: right;
}


.phpbb2_subiecte{
  display: inline-block;
  padding: 5px 10px;
  margin-left: 10px;
  margin-right: 10px;
   text-transform: uppercase;
    font-weight: 500;
    font-size: 12px !important;
  font-family: 'Oswald', sans-serif;
  color:  #fff!important;
  text-align: center;
  text-shadow: 0px 1px 1px black;
  letter-spacing: 1px;
}


.phpbb2_detalii{
  color: darkred!important;
}

.text{
font-size: 14px!important;
  font-family: sans-serif;
  color: white!important;
  line-height: 20px;
}

.fa{
  font-size: 18px!important;
}

Salvam apasand tasta [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

3.Pentru ca statisticile sa fie functionale trebuie sa instalam fonturile legendei si sa adaugam sursa variabilelelor.

Intram in panou de administrare/afisare/template-uri/general/overal_header si adaugam aceste link-uri dupa acest cod

{CSS}

Cod:

  <link href='https://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
    <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>


Apasati inregistrare si gata!