phpbb2.phpdevil.com
Bine ai venit pe phpdevil.com.
. Login Register
phpbb2.phpdevil.com

Pentru iubitorii de webdesign


Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

Post: #1la data de Sam Noi 28, 2015 3:45 am

avatar

Lcnn

Administrator
Salutare prieteni bine v-am regasit cu un nou tutorial in care modificam statisticile forumului pentru versiunea phpbb2.
Avem o imagine demonstrativa.

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Trebuie sa raspundeti la subiect pentru a putea vizualiza tutorialul complet.


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} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {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 (trebuie sa raspundeti la subiect pentru vizionare cod).



Salvam si publicam template-ul apasand tasta [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

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 înscris şi conectat pentru a vedea această imagine]

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!

Vezi profilul utilizatorului http://phpbb2.phpdevil.com

Post: #2la data de Sam Noi 28, 2015 4:01 am

avatar

First Time

Moderator
Arata foarte bine, multumesc mr.franta.

Vezi profilul utilizatorului

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum