Demo:
http://tester.ace.st
Am lucrat la o modalitate de a incadra statisticile de pe phpbb3(cu care e destul de greu sa lucrezi) in chenare standard(chenarele temei ptr. tabelele de forumuri).
*Stilul acestor chenare depinde de tema pe care o folositi
JS
PA/Module/HTML & JAVASCRIPT/Gestiunea codurilor/JavaScript/Creeaza un cod JavaScript(Bifati toate paginile)
CSS
PA/Afisare/Imagini si culori/Culori/Foaie de stil CSS
l
http://tester.ace.st
Am lucrat la o modalitate de a incadra statisticile de pe phpbb3(cu care e destul de greu sa lucrezi) in chenare standard(chenarele temei ptr. tabelele de forumuri).
*Stilul acestor chenare depinde de tema pe care o folositi
JS
PA/Module/HTML & JAVASCRIPT/Gestiunea codurilor/JavaScript/Creeaza un cod JavaScript(Bifati toate paginile)
- Cod:
$(function() {
$('.h3 a').each(function () {
if(jQuery(this).attr("href")=="/viewonline"){
$(this).parent().addClass('whois');
$('.img-whois').next().addClass('whoisonline');
$('.whois, .whoisonline, .img-whois').wrapAll('<div class="forabg"/><div class="inner"/>');
$('.whoisonline').wrap('<ul class="topiclist forums"/>');
$('whois').wrap('<ul class="topiclist"/><li class="header"/><dl class="icon"/><dd class="dterm"/><div class="table-title"/>');
} });
$('.h3 a').each(function () {
if(jQuery(this).attr("href")=="/statistics"){
$(this).parent().addClass('stats-title');
$('.page-bottom').addClass('stats-content');
$('.stats-content').wrapAll('<ul class="topiclist forums statistics"/>');
$('.stats-title, .statistics').wrapAll('<div class="forabg"/><div class="inner"/>');
$('.stats-title').wrap('<ul class="topiclist"/><li class="header"/><dl class="icon"/><dd class="dterm"/><div class="table-title"/>');
} });
});
CSS
PA/Afisare/Imagini si culori/Culori/Foaie de stil CSS
l
- Cod:
.forabg{padding: 0 5px;}
.h3.whois, .h3.stats-title{
padding: 2px 5px 6px 5px;
border: 0;
margin: .8em 0 .2em;}
.whois a, .stats-title a{
font-weight: normal;
color: white;}
.whoisonline, .statistics{padding: 10px;}
.topiclist.forums.statistics{margin-bottom: 5px;}
.img-whois{margin-top: 10px;}