Nu sunteti conectat. Conectati-va sau inregistrati-va

Statistici stil IPB

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

Statistici stil IPB

Tutorial Scris de Lucian Colareza la data de Joi Mai 03, 2018 5:19 pm


PASUL 1

Panou de administrare => MODULE => HTML & JAVASCRIPT => Gestiunea codurilor JavaScript => Creeaza un cod JavaScript

Cod:
jQuery(document).ready(function($) {
  function getData() {
      var Element = $('body');
  $.get('/popup_help.forum?l=miscvars',
      function(d) {
      var link_forum = $('li:contains({FORUMURLINK}) a',
                        d).text(),
          
          agre = $('li:contains({FORUMAGE})',
                d).text().match(/\d+/g)[0],
          
          count_form = $('li:contains({FORUMCOUNTFORUM})',
                  d).text().match(/\d+/g)[0],
          
          posts = $('li:contains({FORUMCOUNTPOST})',
                  d).text().match(/\d+/g)[0],
          
          topics = $('li:contains({FORUMCOUNTOPIC})',
                  d).text().match(/\d+/g)[0],
          
          users = $('li:contains({FORUMCOUNTUSER})',
                  d).text().match(/\d+/g)[0],
          
          record = $('li:contains({FORUMONLINEUSER})',
                  d).text().match(/\d+/g)[0],
          
          lastusers = $('li:contains({FORUMLASTUSERLINK}) a',
                      d).text();    
        
      $(Element).each(function() {
        
        this.innerHTML= this.innerHTML.replace(/\{.GetDataLink\}/g,
                                              link_forum);
        
        this.innerHTML= this.innerHTML.replace(/\{.GetDataAgre\}/g,
                                              agre);
        
        this.innerHTML= this.innerHTML.replace(/\{.GetDataCForum\}/g,
                                              count_form);
        
        this.innerHTML= this.innerHTML.replace(/\{.GetDataPost\}/g,
                                              posts);
        
        this.innerHTML= this.innerHTML.replace(/\{.GetDataTopic\}/g,
                                              topics);
        
        this.innerHTML= this.innerHTML.replace(/\{.GetDataUsers\}/g,
                                              users);
        
        this.innerHTML= this.innerHTML.replace(/\{.GetDataRecord\}/g,
                                              record);
        
        this.innerHTML= this.innerHTML.replace(/\{.GetDataLastUsers\}/g,
                                              lastusers);      
        
    });
    });
  } getData();
});


PASUL 2

Panou de administrare => AFISARE => CULORI => 
Foaie de stil CSS => Adauga codul de mai jos :

Cod:
#board_stats
ul{text-align:center;background:#1a1a1a;-moz-box-shadow:rgba(0,0,0,0.15) 0px 1px 3px;-webkit-box-shadow:rgba(0,0,0,0.15) 0px 1px 3px;box-shadow:rgba(0,0,0,0.15) 0px 1px 3px;text-transform:uppercase;font-size:11px;font-weight:normal;font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;text-shadow:rgba(0,0,0,0.4) 0px -1px 0px}#board_stats
li{margin-right:20px}#board_stats
.value{display:inline-block;background:#232323;color:#bcbcbc;font-size:12px;font-weight:normal;font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;text-shadow:rgba(0,0,0,0.4) 0px -1px 0px;padding:15px
15px;margin-right:3px;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;background:-webkit-linear-gradient(#1a1a1a 50%, #1a1a1a 50%);background:linear-gradient(#1a1a1a 50%, #f00 50%);background-repeat:repeat;background-size:100% 200%}#board_stats .value:hover{background-color:#527496;background-position:200% 100%;color:#FCFCFC}.statistics{padding:8px;line-height:1.3;overflow:hidden;border:0px
solid #393939}#board_stats li:hover
.value{box-shadow:inset 0px -50px 0px rgba(242,38,19,0.5)}#board_stats li:hover{box-shadow:inset 0px 50px 0px rgba(255,255,255,0.1)}.statistics{margin:20px
0 0 0;padding:8px;line-height:1.3;overflow:hidden;border:1px
solid #393939}.statistics_head{border-bottom:1px solid #393939;border-top:1px solid #393939;text-shadow:rgba(0,0,0,0.8) 0px -1px 0px;background:#282828 url('http://64.19.142.10/pxgame.eu/forum/public/style_images/pxgame_v10_by____kwabs____/highlight_reallyfaint.png') repeat-x 0 -1px;font-size:11px;font-weight:bold;padding:8px;margin:-8px -8px 8px -8px}.statistics_head,
.statistics_head
a{color:#fff}.statistics .statistics_head:first-of-type{border-top:0}.statistics .statistics_head:not(:first-of-type){margin-top:0}#stat_links{font-weight:normal}#stat_links
a{margin:0
5px}


PASUL 3

Panou de administrare => Afisare => Template => 
General => Inlocuiti vechiul Index_Body cu cel de mai jos :


Cod:
{JAVASCRIPT}

{CHATBOX_TOP}
{BOARD_INDEX}


{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

 <center>    <dl>
            </script>


</script>


   <div id='board_stats'>      
      <ul class='ipsType_small ipsList_inline'>
         <li class='clear'>
            <span class='value'>{.GetDataPost}</span>
            Total Posts
         </li>
         <li class='clear'>
            <span class='value'>{.GetDataUsers}</span>
            Total Members
         </li>
         <li class='clear'>
            <span class='value'>{.GetDataLastUsers}</span>
            Newest Member
         </li>
        
            <span class='value'>{.GetDataRecord}</span>
            Most Online
         </li>
      </ul>
   </div>



            </dl></center>
  </ul>
  </div>


<div id="board_statistics" class="statistics clearfix">
   <p class="statistics_brief desc">
      <div class="clearfix"><div class="left">{TOTAL_USERS_ONLINE}</div> <a href="{U_VIEWONLINE}" rel="nofollow" class="viewonline right">{L_VIEW_COMPLETE_LIST}</a></div>
   </p>
  
  
      <br>
      <div class="thin">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>
                  
   <script type="text/javascript">
   function toggleMOT()
   {
      if ( $('mot_body').hasClassName('collapsedMOT') )
      {
         $('mot_body').removeClassName('collapsedMOT');
         new Effect.BlindDown( $( $('mot_body') ) );
         ipb.Cookie.set( 'membersOnlineToday', 0, 1 );
         $('mot_expand').hide();
         $('mot_collapse').show();
      }
      else
      {
         $('mot_body').addClassName('collapsedMOT');
         new Effect.BlindUp( $( $('mot_body') ) );
         ipb.Cookie.set( 'membersOnlineToday', 1, 1 );
         $('mot_expand').show();
         $('mot_collapse').hide();
      }
   }
</script>
<br>
<h4>
  
            <br>
            <ul>
               <span id="groupLegend">{GROUP_LEGEND}</span>

<br>

</tr>
</tbody></table>
</div>
</div>
 


Sursa: frannnta-design.com
Offline
avatar
Lucian Colareza
Moderator
Moderator

Mesaje : 30
Vârstă : 26
Localizare : Bucuresti
Data înscrierii : 31/03/2018
Mulțumiri : 0

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

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum