Navigare rapidă

Ultimele subiecte
» Avatar forumotion toolbar
Scris de MihaiExtremTutorials Sam 16 Dec - 3:50
» Light Bright Template
Scris de kresk0va^ Joi 14 Dec - 22:35
» Wireless ipb theme [punBB]
Scris de Madross Dum 3 Dec - 23:59
Cuvinte-cheie

edit  

[pHpBB3] Tabele simple pentru Statistici


Pasul 1.
JS
Functia folosita .wrapAll()
Titlu: ;;
Amplsare: Index Forum
Cod:
Cod:

/*
* Copyright (c) Extream-Suport.tk
* Code created by www.extream-suport.tk
* 2012 - pHpBB3 free forums.
* License 2012. All right Reserved.
*/
$(document).ready(function() {
$('#i_whosonline + p, .h3:contains(Cine este conectat?)').wrapAll('<div id="LGbox" class="onlinelist" />');
$('#LGbox p').addClass('onlinelist');
$('div.clear + div.h3, p.page-bottom').wrapAll('<div id="LGbox" class="statslist" />');
$('#i_whosonline + .clear, #i_whosonline').remove();
});

Cod CSS
Cod:
/*Statistics*/
#LGbox .h3 {
background: #E9E9E9;
border: 1px solid #CCC;
padding: 4px 7px;
margin-top: 5px;
}

#LGbox {
border: 1px solid #CCC;
margin-bottom: 10px;
padding: 0px 10px 5px;
box-shadow: 0px 0px 3px #CCC;
border-radius: 2px;
}

Demo:


Tutorial reazliat de *S7arK. - Extream-Suport.

Comentariile utilizatorilor
Membru ET
avatar
la data de Dum 21 Oct - 20:35
Soricelul Membru ET
Conectat
Bun tutorialul, bravo!
Vizitator
avatar
la data de Dum 21 Oct - 20:41
Vizitato Vizitator
Conectat
Nu e acelasi lucru ca atunci cand ai personaliza clasa h3? Doar intreb.
Vizitator
avatar
la data de Dum 21 Oct - 21:23
Vizitator Vizitator
Conectat
Nu madalin nu este acelasi lucru
Membru dedicat
avatar
la data de Mier 7 Noi - 21:25
Mitză Membru dedicat
Conectat
Prezenta acelui LG in toate codurile imi da de banuit ca acest tutorial nu este facut de tine, ci de LGForum.
Oricum, imi place rezultatul
Vizitator
avatar
la data de Joi 8 Noi - 13:16
Vizitator Vizitator
Conectat
Am pus acel lg pentru ca de la LGforum am invatat coding