Quantcast
Channel: MyBB Community Forums - Tutorials
Viewing all articles
Browse latest Browse all 690

[Tutorial] Tabbed Forum Statistics

$
0
0
1- Admin Cp - Themes & Styles - İndex Templates  - index_boardstats Find 

change


Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead{$collapsedthead['boardstats']}">
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['boardstats']}.png" id="boardstats_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong>{$lang->boardstats}</strong></div>
</td>
</tr>
</thead>
<tbody style="{$collapsed['boardstats_e']}" id="boardstats_e">
</tbody>
</table>
<div class="statstabs tborder">
 <input type="radio" name="statstabs" id="tabone" checked="checked">
 <label for="tabone"><i class="fas fa-globe"></i> Who's Online</label>
 <div class="statstab">
    <div style="margin-top:-5px;">
<h3>{$whosonline} </h3><br /> {$birthdays}
 </div>  </div>
 <input type="radio" name="statstabs" id="tabtwo">
 <label for="tabtwo"><i class="fas fa-signal"></i>
Statistics</label>
 <div class="statstab">
<div style="margin-top:-5px;text-align:left;">  
<i class="fa fa-envelope"></i>
Total Post<span class="float_right">{$stats['numposts']}</span></div>
 <div><i class="fas fa-comments"></i>
Total Threads<span class="float_right">{$stats['numthreads']}</span></div>
 <div><i class="fas fa-users"></i>
Total Members<span class="float_right">{$stats['numusers']}</span></div>
 <div><i class="fas fa-graduation-cap"></i>
Latest User<span class="float_right">$newestmember</span></div>
 <div><i class="fas fa-registered"></i>
 Most Online <span class="float_right">{$mostonline['numusers']}</span>
      </div></div>
 <input type="radio" name="statstabs" id="tabthree">
 <label for="tabthree"><i class="fas fa-cog"></i>
Options</label>
 <div class="statstab">
 <span class="smalltext">
    <span class="float_left">  {$logoutlink}
<a href="misc.php?action=markread{$post_code_string}"><i class="fas fa-eye"></i> {$lang->markread}</a></span>
<span class="float_right"><a href="showteam.php"><i class="fas fa-users"></i> {$lang->forumteam}</a><br />
<i class="fas fa-signal"></i>{$statspage}</a></span>
        </span>          
 </div></div>
<br />
1- Admin Cp - Themes & Styles - İndex Templates  - index_statspage Find 
change

Code:
<a href="stats.php"><i class="fas fa-signal"></i> {$lang->forumstats}</a>

1- Admin Cp - Themes & Styles - İndeTemplates  - index_logoutlink Find
change

Code:
<a href="member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><i class="fas fa-power-off"></i> {$lang->index_logout}</a><br />

Global.css

Code:
/**
*Stats Tabs
*/

.statstabs {    
    display: flex;
    flex-wrap: wrap;
    color:#8A9092;    
     width: 99.5%;
    transition: background ease 1.2s;
}
.statstabs a{    
     font-size: 13px;
}    
.statstabs label {
    padding: 5px;
    order: 1;
    display: block;
    margin-right: 0.1rem;
    cursor: pointer;
    width: 32.2%;
    background: #ecebf4;
    font-weight: bold;
    transition: background ease 1.2s;
}

.statstabs .statstab {
      order: 99;
     flex-grow: 1;
      width: 100%;
      display: none;
      padding: 1rem;
     background: #fff;
    transition: background ease 1.2s;
}
.statstabs input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.statstabs input[type="radio"]:checked + label {
    background: #fff;
}
.statstabs input[type="radio"]:checked + label + .statstab {
    display: block;
}

@media (max-width: 45em) {
 .statstabs .statstab,
 .statstabs label {
   order: initial;
 }
 .statstabs label {
   width: 100%;
   margin-right: 0;
   margin-top: 0.2rem;
 }
}

1- Admin Cp - Themes & Styles - headerinclude - {$stylesheets} 
Code:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">

[Image: gOmnJ3.png]

Viewing all articles
Browse latest Browse all 690

Trending Articles