Navigare rapidă

Ultimele subiecte
» Bulletin ipb theme
Scris de MihaiExtremTutorials Sam 15 Dec - 0:24
» Wireless ipb theme [punBB]
Scris de D1esel Vin 30 Noi - 21:51
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
» Salutare
Scris de Lucifer Mar 24 Apr - 11:32
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
Soricelul
la data de Dum 21 Oct - 20:35
Soricelul Membru ET
Conectat
Bun tutorialul, bravo!
Vizitator
Anonymous
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
Anonymous
la data de Dum 21 Oct - 21:23
Vizitator Vizitator
Conectat
Nu madalin nu este acelasi lucru
Membru dedicat
Mitză
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
Anonymous
la data de Joi 8 Noi - 13:16
Vizitator Vizitator
Conectat
Am pus acel lg pentru ca de la LGforum am invatat coding