[20] QEEL

Jeu 30 Avr - 4:40

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- IMAGE --><img src="{L_ONLINE_IMG}" id="i_whosonline" /><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- STATISTIQUES --><div class="stsQEEL">{NEWEST_USER}<br/>{TOTAL_POSTS}<br/>{TOTAL_USERS}</div><!-- EN LIGNE --><div class="onlineQEEL"><table>▬ <b>En ligne</b> : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></table></div><!-- ANNIVERSAIRES --><div class="anvQEEL">Anniversaires<div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div><!-- GROUPES --><div class="blocGQEEL">{GROUP_LEGEND}</div>
</td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; height:253px;
background:#CCC; font-family:Arial; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
padding:10px 10px 10px 0px;
box-shadow:inset 0 0 25px rgba(0,0,0,0.3); background:#4B606C; /* MODIFIABLE */
text-transform:uppercase; text-align:right;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* IMAGE QEEL */
#i_whosonline {
position:absolute; margin-left:-30px; margin-top:45px;
width:200px; height:200px; border-radius:200px;
box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-left:195px; margin-top:15px;
width:415px; height:45px; padding:10px 0; overflow:hidden; border-radius:10px;
background:rgba(250,250,250,0.6); box-shadow:0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
position:absolute; margin-top:95px; margin-left:195px;
width:395px; height:65px; border-radius:10px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.6); box-shadow:inset 0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */  
font-size:11px;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; z-index:2; margin-top:77px; margin-left:570px;
width:145px; height:20px; padding:10px;
background:#4B606C; font-family:Arial; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
transform:rotate(-90deg); -webkit-transform:rotate(-90deg);
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-60px; margin-left:62px;
width:0px; height:145px; padding:10px; overflow:hidden;
background:#4B606C; /* MODIFIABLE */
text-align:justify !important;
opacity:0; transform:rotate(90deg); -webkit-transform:rotate(90deg);
transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
margin-top:32px; margin-left:-30px;
width:185px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL {
position:absolute; margin-left:675px; margin-top:15px;
width:195px; height:155px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.blocGQEEL {
margin:auto; width:900px; padding:5px 0;
text-align:center; color:rgba(0,0,0,0);
background:#4B606C; font-family:Arial; /* MODIFIABLE */
}
/* GROUPES QEEL */
.blocGQEEL a {
font-size:14px; font-weight:bold; text-transform:uppercase;
}

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; height:253px;
background:#CCC; font-family:Arial; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
padding:10px 10px 10px 0px;
box-shadow:inset 0 0 25px rgba(0,0,0,0.3); background:#4B606C; /* MODIFIABLE */
text-transform:uppercase; text-align:right;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* IMAGE QEEL */
#i_whosonline {
position:absolute; margin-left:-30px; margin-top:45px;
width:200px; height:200px; border-radius:200px;
box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-left:190px; margin-top:15px;
width:350px; height:45px; padding:10px 0; overflow:hidden; border-radius:10px;
background:rgba(250,250,250,0.6); box-shadow:0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
position:absolute; margin-top:95px; margin-left:190px;
width:330px; height:65px; border-radius:10px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.6); box-shadow:inset 0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */  
font-size:11px;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; z-index:2; margin-top:77px; margin-left:495px;
width:145px; height:20px; padding:10px;
background:#4B606C; font-family:Arial; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
transform:rotate(-90deg); -webkit-transform:rotate(-90deg);
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-60px; margin-left:62px;
width:0px; height:145px; padding:10px; overflow:hidden;
background:#4B606C; /* MODIFIABLE */
text-align:justify !important;
opacity:0; transform:rotate(90deg); -webkit-transform:rotate(90deg);
transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
margin-top:22px; margin-left:-20px;
width:165px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL {
position:absolute; margin-left:600px; margin-top:15px;
width:175px; height:155px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.blocGQEEL {
margin:auto; width:800px; padding:5px 0;
text-align:center; color:rgba(0,0,0,0);
background:#4B606C; font-family:Arial; /* MODIFIABLE */
}
/* GROUPES QEEL */
.blocGQEEL a {
font-size:14px; font-weight:bold; text-transform:uppercase;
}

Instructions :
Revenir en haut Aller en bas
Ven 1 Mai - 2:13

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td>
<div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- EN LIGNE --><div class="ondayQEEL"><div class="onlineQEEL"><!-- IMAGE --><img src="{L_ONLINE_IMG}" id="i_whosonline" /><table><span id="TLUS">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>▬ <b>En ligne</b> : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></table></div><!-- 24H --><div class="dayQEEL"><!-- ANNIVERSAIRES --><div class="anvQEEL">+<div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div><table>{L_CONNECTED_MEMBERS}</table></div></div>

<!-- 5 GROUPES MAXIMUM --><div class="blocGQEEL"><!-- GROUPE 1 --><a href="" target="_blank" style="border-color:#191919; background:#CCC; color:#191919;">Groupe I</a><!-- GROUPE 2 --><a href="" target="_blank" style="border-color:#191919; background:#CCC; color:#191919;">Groupe II</a><!-- GROUPE 3 --><a href="" target="_blank" style="border-color:#191919; background:#CCC; color:#191919;">Groupe III</a><!-- GROUPE 4 --><a href="" target="_blank" style="border-color:#191919; background:#CCC; color:#191919;">Groupe IV</a><!-- GROUPE 5 --><a href="" target="_blank" style="border-color:#191919; background:#CCC; color:#191919;">Groupe V</a></div>

<!-- STATISTIQUES --><div class="stsQEEL">{NEWEST_USER} ▬ {TOTAL_POSTS} ▬ {TOTAL_USERS}</div></div></td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; height:auto; border-radius:0 0 10px 10px;
box-shadow:0 0 3px rgba(0,0,0,0.1); background:#CCC; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
padding:10px 0; letter-spacing:2px; font-weight:bold; text-transform:uppercase; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* IMAGE QEEL */
#i_whosonline {
position:absolute; margin-left:-10px; margin-top:-10px;
width:320px; height:165px;
box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
.onlineQEEL:hover #i_whosonline{
transform:scale(0); -webkit-transform:scale(0);
}
/* BLOC MEMBRES CONNECTES / 24H QEEL */
.ondayQEEL {
margin:20px auto 0; width:845px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block;
width:300px; height:145px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.6); box-shadow:inset 0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
font-size:11px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; margin-left:25px;
width:365px; height:145px; padding:10px; overflow:auto; text-align:justify;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; z-index:2; margin-left:-10px; margin-top:115px;
width:20px; height:20px; padding:10px; border-radius:0 15px 0 0;
text-transform:uppercase; text-align:center; font-family:Arial; line-height:16px;
background:#191919; color:white; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-151px; margin-left:-10px;
width:0px; height:145px; padding:10px; overflow:hidden;
text-align:justify !important;
background:#191919; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:365px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .gensmall {
color:white; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.blocGQEEL {
float:right; margin-top:-165px; margin-right:-30px;
width:145px; text-align:center; font-family:Arial;
}
/* GROUPES QEEL */
.blocGQEEL a {
display:block; margin-bottom:4px;
padding:3px; border:2px solid;
font-size:16px; /* MODIFIABLE */
font-weight:bold; text-transform: uppercase;
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:20px auto 0;
width:900px; padding:10px 0; border-radius:0 0 10px 10px;
background:#191919; color:white; /* MODIFIABLE */
text-align:center; font-size:11px; font-family:Arial;
}

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; height:auto; border-radius:0 0 10px 10px;
box-shadow:0 0 3px rgba(0,0,0,0.1); background:#CCC; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
padding:10px 0; letter-spacing:2px; font-weight:bold; text-transform:uppercase; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* IMAGE QEEL */
#i_whosonline {
position:absolute; margin-left:-10px; margin-top:-10px;
width:320px; height:165px;
box-shadow:0 0 3px rgba(0,0,0,0.3); /* MODIFIABLE */
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
.onlineQEEL:hover #i_whosonline{
transform:scale(0); -webkit-transform:scale(0);
}
/* BLOC MEMBRES CONNECTES / 24H QEEL */
.ondayQEEL {
margin:15px auto 0; width:765px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block;
width:300px; height:145px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.6); box-shadow:inset 0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
font-size:11px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; margin-left:20px;
width:285px; height:145px; padding:10px; overflow:auto; text-align:justify;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; z-index:2; margin-left:-10px; margin-top:115px;
width:20px; height:20px; padding:10px; border-radius:0 15px 0 0;
text-transform:uppercase; text-align:center; font-family:Arial; line-height:16px;
background:#191919; color:white; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-151px; margin-left:-10px;
width:0px; height:145px; padding:10px 0; overflow:hidden;
text-align:justify !important;
background:#191919; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:285px; padding:10px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .gensmall {
color:white; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.blocGQEEL {
float:right; margin-top:-165px; margin-right:-30px;
width:145px; text-align:center; font-family:Arial;
}
/* GROUPES QEEL */
.blocGQEEL a {
display:block; margin-bottom:4px;
padding:3px; border:2px solid;
font-size:16px; /* MODIFIABLE */
font-weight:bold; text-transform: uppercase;
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:15px auto 0;
width:800px; padding:10px 0; border-radius:0 0 10px 10px;
background:#191919; color:white; /* MODIFIABLE */
text-align:center; font-size:11px; font-family:Arial;
}

Instructions :

Revenir en haut Aller en bas
Lun 19 Oct - 4:39

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- MEMBRES CONNECTES & 24 H --><div id="ondayQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table>{LOGGED_IN_USER_LIST}</table></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div><!-- TITRE --><div class="blocQEEL"><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script></div><div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><!-- DESCRIPTIFS GROUPES --><div class="contenu_onglets">

<!-- CONTENU GROUPE 1 --><div class="contenu_onglet" id="contenu_onglet_eins">Contenu groupe 1.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei">Contenu groupe 2.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei">Contenu groupe 3.</div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier">Contenu groupe 4.</div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf">Contenu groupe 5.</div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs">Contenu groupe 6.</div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben">Contenu groupe 7.</div> 

</div></div><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER INSCRIT --><div>Dernier inscrit :</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script><br/><!-- TOTAL MEMBRES --><div>Membres :</div><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/><!-- TOTAL MESSAGES --><div>Messages :</div><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script></div><!-- ANNIVERSAIRES --><div class="anvQEEL">Anniversaires<div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div></div>

<!-- GROUPES --><div class="GQEEL"><div class="onglets"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background:#FA5858;">Groupe I</span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background:#FF8000;">Groupe II</span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background:#FFFF00">Groupe III</span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background:#80FF00">Groupe IV</span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background:#0080FF;">Groupe V</span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background:#BF00FF;">Groupe VI</span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="background:#FE2EF7;">Groupe VII</span>

</div></div>

    <script type="text/javascript">
        //<!--
                var anc_onglet = 'eins';
                change_onglet(anc_onglet);
        //-->
        </script>
 
</div></td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; font-family:Arial;
}
/* MEMBRES CONNECTES & 24 H QEEL */
#ondayQEEL {
display:inline-block; vertical-align:top; width:250px;
background:#191919; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin:auto; margin-top:20px;
width:200px; height:75px; padding:5px; overflow:hidden;
background:#E8E7E9; color:black; /* MODIFIABLE */
font-size:10px;
}
.onlineQEEL:hover {
overflow:auto;
}
/* 24H QEEL */
.dayQEEL {
margin:20px auto;
width:200px; height:120px; padding:5px; overflow:hidden;
background-color:#E8E7E9; /* MODIFIABLE */
font-size:10px;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* TITRE / STATISTIQUES / DESCRIPTIFS GROUPES / ANNIVERSAIRES QEEL */
.blocQEEL {
display:inline-block; vertical-align:top; width:550px;
}
/* BLOC TITRE QEEL */
.tleQEEL {
width:525px; height:35px; padding:25px 25px 25px 0;
background:#191919; text-shadow:1px 1px 0px black; /* MODIFIABLE */
text-transform:uppercase; text-align:right;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:24px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* IL Y A EN TOUT X UTILISATEURS EN LIGNE */
#TLUS {
display:block;
color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
width:350px; height:150px;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet {
display:none;
background-color:#DDDDDD; color:black; /* MODIFIABLE */
width:340px; height:140px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:180px; height:130px; padding:10px;
background:#CCC; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding-bottom:3px;
text-transform:uppercase; text-align:right;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
width:530px; height:20px; padding:10px;
background:#191919; color:white; /* MODIFIABLE */
font-family:Arial; text-transform:uppercase; text-align:left;
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:2; margin-top:-180px; margin-left:-10px;
width:0px; height:130px; padding:10px 0; overflow:hidden;
background:#DDDDDD; /* MODIFIABLE */
text-align:justify !important;
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:330px; padding:10px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:15px;
width:795px; padding:10px 0; padding-right:5px; text-align:right;
background:#191919; /* MODIFIABLE */
}
/* BLOC GROUPE QEEL */
.onglet {
display:inline-block;
margin:0 5px; padding:10px;
text-align:center; font-size:12px; text-transform:uppercase; letter-spacing:0;
color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL GROUPE QEEL */
.onglet_1 {
opacity:1; letter-spacing:1px; /* MODIFIABLE */
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; font-family:Arial;
}
/* MEMBRES CONNECTES & 24 H QEEL */
#ondayQEEL {
display:inline-block; vertical-align:top; width:300px;
background:#191919; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin:auto; margin-top:20px;
width:250px; height:75px; padding:5px; overflow:hidden;
background:#E8E7E9; color:black; /* MODIFIABLE */
font-size:10px;
}
.onlineQEEL:hover {
overflow:auto;
}
/* 24H QEEL */
.dayQEEL {
margin:20px auto;
width:250px; height:120px; padding:5px; overflow:hidden;
background-color:#E8E7E9; /* MODIFIABLE */
font-size:10px;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* TITRE / STATISTIQUES / DESCRIPTIFS GROUPES / ANNIVERSAIRES QEEL */
.blocQEEL {
display:inline-block; vertical-align:top; width:600px;
}
/* BLOC TITRE QEEL */
.tleQEEL {
width:575px; height:35px; padding:25px 25px 25px 0;
background:#191919; text-shadow:1px 1px 0px black; /* MODIFIABLE */
text-transform:uppercase; text-align:right;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:24px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* IL Y A EN TOUT X UTILISATEURS EN LIGNE */
#TLUS {
display:block;
color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
width:375px; height:150px;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet {
display:none;
background-color:#DDDDDD; color:black; /* MODIFIABLE */
width:365px; height:140px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:205px; height:130px; padding:10px;
background:#CCC; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding-bottom:3px;
text-transform:uppercase; text-align:right;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
width:580px; height:20px; padding:10px;
background:#191919; color:white; /* MODIFIABLE */
font-family:Arial; text-transform:uppercase; text-align:left;
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:2; margin-top:-180px; margin-left:-10px;
width:0px; height:130px; padding:10px 0; overflow:hidden;
background:#DDDDDD; /* MODIFIABLE */
text-align:justify !important;
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:355px; padding:10px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:15px;
width:895px; padding:10px 0; padding-right:5px; text-align:right;
background:#191919; /* MODIFIABLE */
}
/* BLOC GROUPE QEEL */
.onglet {
display:inline-block;
margin:0 5px; padding:10px;
text-align:center; font-size:12px; text-transform:uppercase; letter-spacing:0;
color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL GROUPE QEEL */
.onglet_1 {
opacity:1; letter-spacing:1px; /* MODIFIABLE */
}

Instructions :
Revenir en haut Aller en bas
Ven 30 Oct - 4:26
1 utilisateur en ligne :: 1 enregistré, 0 invisible et 0 invité

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><span id="TLUS">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script></a></div><!-- STATISTIQUES --><div id="stsQEEL"><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER INSCRIT --><div>Dernier inscrit :</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script><br/><!-- TOTAL MEMBRES --><div>Membres :</div><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/><!-- TOTAL MESSAGES --><div>Messages :</div><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script></div></div>
 
<!-- BLOC GROUPES --><div class="blocQEEL"><!-- CARRES COLORES GROUPES --><div class="GQEEL"><div class="onglets"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background:#FA5858;"></span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background:#FF8000;"></span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background:#FFFF00;"></span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background:#80FF00;"></span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background:#0080FF;"></span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background:#BF00FF;"></span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="background:#FE2EF7;"></span></div></div>

<div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script>

<!-- DESCRIPTIFS GROUPES --><div class="contenu_onglets"><!-- CONTENU GROUPE 1 --> <div class="contenu_onglet" id="contenu_onglet_eins"><!-- IMAGE 135*135 --><img src="http://www.aht.li/2761071/135135.png" /><!-- NOM DU GROUPE --><div style="background:#FA5858;">Groupe I</div><!-- CONTENU -->Contenu groupe 1.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- IMAGE 135*135 --><img src="http://www.aht.li/2761071/135135.png" /><div style="background:#FF8000;">Groupe II</div><!-- CONTENU -->Contenu groupe 2.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- IMAGE 135*135 --><img src="http://www.aht.li/2761071/135135.png" /><!-- NOM DU GROUPE --><div style="background:#FFFF00;">Groupe III</div><!-- CONTENU -->Contenu groupe 3.</div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- IMAGE 135*135 --><img src="http://www.aht.li/2761071/135135.png" /><!-- NOM DU GROUPE --><div style="background:#80FF00;">Groupe IV</div><!-- CONTENU -->Contenu groupe 4.</div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- IMAGE 135*135 --><img src="http://www.aht.li/2761071/135135.png" /><!-- NOM DU GROUPE --><div style="background:#0080FF;">Groupe V</div><!-- CONTENU -->Contenu groupe 5.</div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- IMAGE 135*135 --><img src="http://www.aht.li/2761071/135135.png" /><!-- NOM DU GROUPE --><div style="background:#BF00FF;">Groupe VI</div><!-- CONTENU -->Contenu groupe 6.</div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- IMAGE 135*135 --><img src="http://www.aht.li/2761071/135135.png" /><!-- NOM DU GROUPE --><div style="background:#FE2EF7;">Groupe VII</div><!-- CONTENU -->Contenu groupe 7.</div>

</div></div><!-- MEMBRES CONNECTES / 24H --><div id="ondayQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table>{LOGGED_IN_USER_LIST}</table></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div>

        <script type="text/javascript">
            //<!--
                    var anc_onglet = 'eins';
                    change_onglet(anc_onglet);
            //-->
            </script>
 
</div></div></td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; font-family:Arial;
}
/* TITRE QEEL */
.tleQEEL {
margin:5px auto; width:800px;
text-transform:uppercase; text-align:right;
}
.tleQEEL a{
font-size:14px; font-family:Arial; color:#191919; /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:top; width:230px;
background:#191919; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:160px; height:130px; padding:165px 10px 0 10px;
background:#E8E7E9; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* IMAGES GROUPES QEEL */
.contenu_onglet img {
position:absolute; z-index:3; margin-left:-193px; margin-top:-33px;
width:135px; height:135px; border-radius:135px; border:5px solid;
border-color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding-bottom:2px;
text-transform:uppercase; text-align:right;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* BLOC GROUPES / MEMBRES EN LIGNE / 24H QEEL */
.blocQEEL {
display:inline-block; vertical-align:top; width:570px;
}
/* BLOC CARRES COLORES GROUPES QEEL */
.GQEEL {
width:570px; padding:10px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* CARRES COLORES QEEL */
.onglet {
display:inline-block; margin:0 10px; padding:10px;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL CARRE COLORE QEEL */
.onglet_1 {
opacity:1;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
background:#DDDDDD; color:black; /* MODIFIABLE */
width:320px; height:100px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
}
.contenu_onglet {
display:none;
}
/* NOMS GROUPES QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:325px; margin-top:-5px;
width:240px; height:75px; padding-top:35px;
text-align:center; font-size:22px; font-family:Impact; text-transform:uppercase; letter-spacing:1px;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:570px; padding:10px 0;
background:#191919; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px 10px 0 0;
width:255px; height:105px; padding:5px; overflow:auto;
background:#E8E7E9; color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:265px; height:105px; padding:5px; overflow:hidden;
background:#E8E7E9; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; font-family:Arial;
}
/* TITRE QEEL */
.tleQEEL {
margin:5px auto; width:900px;
text-transform:uppercase; text-align:right;
}
.tleQEEL a{
font-size:14px; font-family:Arial; color:#191919; /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:top; width:260px;
background:#191919; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:190px; height:130px; padding:165px 10px 0 10px;
background:#E8E7E9; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* IMAGES GROUPES QEEL */
.contenu_onglet img {
position:absolute; z-index:3; margin-left:-208px; margin-top:-33px;
width:135px; height:135px; border-radius:135px; border:5px solid;
border-color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding-bottom:2px;
text-transform:uppercase; text-align:right;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* BLOC GROUPES / MEMBRES EN LIGNE / 24H QEEL */
.blocQEEL {
display:inline-block; vertical-align:top; width:640px;
}
/* BLOC CARRES COLORES GROUPES QEEL */
.GQEEL {
width:640px; padding:10px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* CARRES COLORES QEEL */
.onglet {
display:inline-block; margin:0 10px; padding:10px;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL CARRE COLORE QEEL */
.onglet_1 {
opacity:1;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
background:#DDDDDD; color:black; /* MODIFIABLE */
width:370px; height:100px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
}
.contenu_onglet {
display:none;
}
/* NOMS GROUPES QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:375px; margin-top:-5px;
width:260px; height:75px; padding-top:35px;
text-align:center; font-size:22px; font-family:Impact; text-transform:uppercase; letter-spacing:1px;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:640px; padding:10px 0;
background:#191919; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px 10px 0 0;
width:290px; height:105px; padding:5px; overflow:auto;
background:#E8E7E9; color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:300px; height:105px; padding:5px; overflow:hidden;
background:#E8E7E9; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}

Instructions :
Revenir en haut Aller en bas
Lun 30 Nov - 6:07

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- TRIANGLE TITRE --><div class="triQEEL"></div><div class="blocQEEL"><div id="stsQEEL"><!-- IMAGE 200*200 --><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /><!-- STATISTIQUES --><div id="stsQEEL"><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER INSCRIT --><div>Dernier inscrit</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script><br/><!-- TOTAL MEMBRES --><div>Membres</div><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/><!-- TOTAL MESSAGES --><div>Messages</div><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script></div></div></div><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>{LOGGED_IN_USER_LIST}</table><br/></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table><!-- ANNIVERSAIRES --><table>{L_WHOSBIRTHDAY_TODAY}</table></div>

<div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script>
<!-- DESCRIPTIFS GROUPES --><div class="contenu_onglets"><!-- CONTENU GROUPE 1 --> <div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM DU GROUPE --><div style="background:#FA5858;">Groupe I</div><!-- CONTENU -->Contenu groupe 1.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><div style="background:#FF8000;">Groupe II</div><!-- CONTENU -->Contenu groupe 2.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM DU GROUPE --><div style="background:#FFFF00;">Groupe III</div><!-- CONTENU -->Contenu groupe 3.</div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- NOM DU GROUPE --><div style="background:#80FF00;">Groupe IV</div><!-- CONTENU -->Contenu groupe 4.</div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- NOM DU GROUPE --><div style="background:#0080FF;">Groupe V</div><!-- CONTENU -->Contenu groupe 5.</div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- NOM DU GROUPE --><div style="background:#BF00FF;">Groupe VI</div><!-- CONTENU -->Contenu groupe 6.</div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- NOM DU GROUPE --><div style="background:#FE2EF7;">Groupe VII</div><!-- CONTENU -->Contenu groupe 7.</div>

</div></div></div>

<!-- TRAITS COLORES GROUPES --><div class="GQEEL"><div class="onglets"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background-color:#FA5858;"></span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background-color:#FF8000;"></span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background-color:#FFFF00;"></span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background-color:#80FF00;"></span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background-color:#0080FF;"></span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background-color:#BF00FF;"></span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="background-color:#FE2EF7;"></span>

</div></div>
<script type="text/javascript">
            //<!--
                    var anc_onglet = 'eins';
                    change_onglet(anc_onglet);
            //-->
            </script>
</div></td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC TITRE QEEL */
.tleQEEL {
width:500px; height:25px; padding:10px 0;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
/* TITRE QEEL */
.tleQEEL a{
margin-left:15px; font-size:22px;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* TRIANGLE TITRE QEEL */
.triQEEL {
position:absolute; z-index:3; margin-left:500px; margin-top:-45px;
width:0; height:0; border-style:solid; border-width:45px 20px 0 0;  border-color:transparent;
border-top-color:#191919; /* MODIFIABLE */
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:-90px; margin-top:-70px;
width:300px; height:33px; padding:12px 0 0;
text-align:center; font-size:18px; font-family:Arial; text-transform:uppercase; letter-spacing:1px;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC STATISTIQUES / MEMBRES EN LIGNE / 24H / DESCRIPTIFS GROUPES QEEL */
.blocQEEL {
width:800px; padding:10px 0;
background:grey;  /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:middle;
width:200px; margin-left:-25px;
}
#stsQEEL img {
position:absolute; margin-left:-25px;
width:200px; height:200px; border-radius:200px;
transition:all 0.80s ease; -webkit-transition:all 0.80s ease;
}
#stsQEEL:hover img{
opacity:0; transform:scale(0) rotate(360deg); -webkit-transform:scale(0) rotate(360deg);
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:200px; height:175px; padding-top:25px; border-radius:200px; overflow:hidden;
background:#EDEFF4; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding:5px 0;
text-transform:uppercase; text-align:center;
border-bottom:1px dashed black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:middle; margin:5px;
width:170px; height:195px; padding:10px; overflow:hidden;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.onlineQEEL:hover {
overflow:auto;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:middle; margin:5px;
width:180px; height:205px; padding:5px; overflow:hidden;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:middle; margin:5px;
width:185px; height:195px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.contenu_onglet {
display:none;
}
/* BLOC TRAITS COLORES GROUPES QEEL */
.GQEEL {
width:800px; height:15px; padding:10px 0; text-align:center;
}
/* TRAITS COLORES GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px;
width:55px; height:15px;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TRAIT COLORE GROUPE QEEL */
.onglet_1 {
opacity:1;
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; font-family:Arial;
}
/* BLOC TITRE QEEL */
.tleQEEL {
width:575px; height:25px; padding:10px 0;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
/* TITRE QEEL */
.tleQEEL a{
margin-left:15px; font-size:22px;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* TRIANGLE TITRE QEEL */
.triQEEL {
position:absolute; z-index:3; margin-left:575px; margin-top:-45px;
width:0; height:0; border-style:solid; border-width:45px 20px 0 0;  border-color:transparent;
border-top-color:#191919; /* MODIFIABLE */
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:-85px; margin-top:-70px;
width:325px; height:33px; padding:12px 0 0;
text-align:center; font-size:18px; font-family:Arial; text-transform:uppercase; letter-spacing:1px;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC STATISTIQUES / MEMBRES EN LIGNE / 24H / DESCRIPTIFS GROUPES QEEL */
.blocQEEL {
width:900px; padding:10px 0;
background:grey;  /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:middle;
width:200px; margin-left:-25px;
}
#stsQEEL img {
position:absolute; margin-left:-25px;
width:200px; height:200px; border-radius:200px;
transition:all 0.80s ease; -webkit-transition:all 0.80s ease;
}
#stsQEEL:hover img{
opacity:0; transform:scale(0) rotate(360deg); -webkit-transform:scale(0) rotate(360deg);
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:200px; height:175px; padding-top:25px; border-radius:200px; overflow:hidden;
background:#EDEFF4; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding:5px 0;
text-transform:uppercase; text-align:center;
border-bottom:1px dashed black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:middle; margin:5px;
width:200px; height:195px; padding:10px; overflow:hidden;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.onlineQEEL:hover {
overflow:auto;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:middle; margin:5px;
width:220px; height:205px; padding:5px; overflow:hidden;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:middle; margin:5px;
width:215px; height:195px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.contenu_onglet {
display:none;
}
/* BLOC TRAITS COLORES GROUPES QEEL */
.GQEEL {
width:900px; height:15px; padding:10px 0; text-align:center;
}
/* TRAITS COLORES GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px;
width:55px; height:15px;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TRAIT COLORE GROUPE QEEL */
.onglet_1 {
opacity:1;
}

Instructions :


Revenir en haut Aller en bas
Mer 9 Déc - 22:12

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div id="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<div id="blocQEEL"><div class="blocQEEL"><!-- IMAGE GAUCHE 300*275 --><img src="http://www.aht.li/2786060/300275.png" /><!-- MEMBRES CONNECTES/24H --><div id="ondayQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table>{LOGGED_IN_USER_LIST}</table></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div></div></div><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER INSCRIT --><div>Dernier inscrit</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script><br/><!-- TOTAL MEMBRES --><div>Membres</div><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/><!-- TOTAL MESSAGES --><div>Messages</div><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><!-- ANNIVERSAIRES --><span class="anvQEEL"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></span></div><div id="blocIIQEEL"><div class="blocIIQEEL"><!-- IMAGE DROITE 225*275 --><img src="http://www.aht.li/2787959/225275.png" /><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div></div></div>
</div></td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
#QEEL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC TITRE QEEL */
.tleQEEL {
width:800px; padding:10px 0;
text-align:right; text-transform:uppercase;
background:black; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL a{
margin-right:10px; font-family:Arial; font-size:36px;
color:#DEDEDE; /* MODIFIABLE */
}
/* BLOC GAUCHE QEEL */
#blocQEEL {
display:inline-block; vertical-align:top;
}
.blocQEEL {
position:relative; width:300px; height:275px; overflow:hidden;
}
#blocQEEL img{
position:absolute;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* BLOC MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:300px; height:265px; padding-top:10px; text-align:center;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(300px); -webkit-transform:translateX(300px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocQEEL:hover #ondayQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocQEEL:hover img{
transform:translateX(-300px); -webkit-transform:translateX(-300px);
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin:auto; margin-bottom:10px;
width:270px; height:100px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.7); color:black;  /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
margin:auto; width:270px; height:125px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:275px; height:260px; padding-top:15px; overflow:hidden;
background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto; width:75%; padding:5px 0;
text-transform:uppercase; font-weight:bold; text-align:center;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:block; margin:10px auto 0;
width:195px; height:65px; padding:5px; overflow:hidden;
border:none; font-weight:normal; text-align:justify;
background:#DEDEDE; /* MODIFIABLE */
transform:scale(0.5); -webkit-transform:scale(0.5); transition:transform 0.65s ease; -webkit-transition:transform 0.65s ease;
}
.anvQEEL:hover {
overflow:auto; transform:scale(1); -webkit-transform:scale(1);
}
.anvQEEL .row1{
padding:0; background:none !important;
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC DROITE QEEL */
#blocIIQEEL {
display:inline-block; vertical-align:top;
}
.blocIIQEEL {
position:relative; width:225px; height:275px; overflow:hidden;
}
#blocIIQEEL:hover .GQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocIIQEEL img {
position:absolute; width:225px; height:275px;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocIIQEEL:hover img{
transform:translateX(225px); -webkit-transform:translateX(225px);
}
/* BLOC GROUPES QEEL */
.GQEEL {
width:225px; height:255px; padding:10px 0;
text-align:center; color:rgba(0,0,0,0); line-height:8px;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(-225px); -webkit-transform:translateX(-225px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* GROUPES QEEL */
.GQEEL a {
display:block; padding:5px;
text-transform:uppercase; font-weight:bold; text-align:center;
font-size:16px; font-family:Arial; /* MODIFIABLE */
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
#QEEL {
margin:auto; width:900px; font-family:Arial;
}
/* BLOC TITRE QEEL */
.tleQEEL {
width:900px; padding:10px 0;
text-align:right; text-transform:uppercase;
background:black; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL a{
margin-right:10px; font-family:Arial; font-size:36px;
color:#DEDEDE; /* MODIFIABLE */
}
/* BLOC GAUCHE QEEL */
#blocQEEL {
display:inline-block; vertical-align:top;
}
.blocQEEL {
position:relative; width:300px; height:275px; overflow:hidden;
}
#blocQEEL img{
position:absolute;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* BLOC MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:300px; height:265px; padding-top:10px; text-align:center;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(300px); -webkit-transform:translateX(300px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocQEEL:hover #ondayQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocQEEL:hover img{
transform:translateX(-300px); -webkit-transform:translateX(-300px);
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin:auto; margin-bottom:10px;
width:270px; height:100px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.7); color:black;  /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
margin:auto; width:270px; height:125px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:375px; height:260px; padding-top:15px; overflow:hidden;
background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto; width:290px; padding:5px 0;
text-transform:uppercase; font-weight:bold; text-align:center;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:block; margin:10px auto 0;
width:295px; height:65px; padding:5px; overflow:hidden;
border:none; font-weight:normal; text-align:justify;
background:#DEDEDE; /* MODIFIABLE */
transform:scale(0.5); -webkit-transform:scale(0.5); transition:transform 0.65s ease; -webkit-transition:transform 0.65s ease;
}
.anvQEEL:hover {
overflow:auto; transform:scale(1); -webkit-transform:scale(1);
}
.anvQEEL .row1{
padding:0; background:none !important;
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC DROITE QEEL */
#blocIIQEEL {
display:inline-block; vertical-align:top;
}
.blocIIQEEL {
position:relative; width:225px; height:275px; overflow:hidden;
}
#blocIIQEEL:hover .GQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocIIQEEL img {
position:absolute; width:225px; height:275px;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocIIQEEL:hover img{
transform:translateX(225px); -webkit-transform:translateX(225px);
}
/* BLOC GROUPES QEEL */
.GQEEL {
width:225px; height:255px; padding:10px 0;
text-align:center; color:rgba(0,0,0,0); line-height:8px;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(-225px); -webkit-transform:translateX(-225px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
/* GROUPES QEEL */
.GQEEL a {
display:block; padding:5px;
text-transform:uppercase; font-weight:bold; text-align:center;
font-size:16px; font-family:Arial; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Ven 18 Déc - 23:26

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT --><div>Bienvenue à</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div><!-- EN LIGNE --><div class="ondayQEEL"><table><font style="font-size:10px;">{TOTAL_USERS_ONLINE}</font><br/><br/>▬ <b>En ligne</b> : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></table><br/><!-- 24 H --><table>{L_CONNECTED_MEMBERS}</table></div>
     
<div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><!-- CONTENU GROUPE 1 --> <div class="contenu_onglet" id="contenu_onglet_eins"><!-- CONTENU --><div>Contenu groupe 1.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- CONTENU --><div>Contenu groupe 2.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- CONTENU --><div>Contenu groupe 3.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- CONTENU --><div>Contenu groupe 4.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- CONTENU --><div>Contenu groupe 5.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- CONTENU --><div>Contenu groupe 6.</div><!-- IMAGE 350*200 --><img src="" /></div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- CONTENU --><div>Contenu groupe 7.</div><!-- IMAGE 350*200 --><img src="" /></div>
</div>

<!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>Messages</div><!-- ANNIVERSAIRES --><div class="anvQEEL">Anniversaires<div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div>

<!-- NOMS GROUPES --><div class="GQEEL"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="color:#FA5858;">Groupe I</span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="color:#FF8000;">Groupe II</span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="color:#FFFF00;">Groupe III</span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="color:#80FF00;">Groupe IV</span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="color:#0080FF;">Groupe V</span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="color:#BF00FF;">Groupe VI</span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="color:#FE2EF7;">Groupe VII</span>
    </div>

    <script type="text/javascript">
                //<!--
                        var anc_onglet = 'eins';
                        change_onglet(anc_onglet);
                //-->
                </script>
    </div>
          </td>
          </tr>
        </table>
        <!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC TITRE QEEL */
.tleQEEL {
display:inline-block; vertical-align:top; margin-bottom:15px; margin-right:15px;
width:485px; height:60px; padding-top:25px;
background:#191919; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center; font-family:Arial;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
width:300px; height:62px; padding-top:23px;
background:#DEDEDE; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* BLOC MEMBRES CONNECTES & 24H QEEL */
.ondayQEEL {
display:inline-block; vertical-align:top;
width:415px; height:180px; padding:10px; overflow:hidden;
background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.ondayQEEL:hover {
overflow:auto;
}
.ondayQEEL .row1 {
background:none; padding:0;
}
/* COULEUR TEXTE 24H QEEL */
.ondayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
width:350px; height:200px; text-align:center;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
.contenu_onglet {
display:none;
width:350px; height:200px; overflow:hidden;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-top:15px; margin-left:15px;
width:300px; height:150px; padding:10px; overflow:auto;
font-size:10px; text-align:justify;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
}
.contenu_onglet img{
position:absolute; z-index:1; margin-left:-175px;
width:350px; height:200px;
opacity:0.8;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-top:15px; margin-right:15px;
width:150px; height:70px; padding-top:30px;
background:#CCC; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-weight:bold;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
width:150px; height:70px; padding-top:30px;
background:#EBEBEB; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-weight:bold;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; vertical-align:top; margin-left:15px; margin-top:15px;
width:470px; height:65px; padding-top:35px;
text-transform:uppercase; text-align:center; font-family:Arial; font-size:24px; font-weight:bold;
background:#191919; color:white; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-64px;
width:450px; height:80px; padding:10px; overflow:auto;
text-align:justify !important;
background:#CCC; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:15px; width:800px; padding:5px 0; text-align:center;
background:black; /* MODIFIABLE */
}
/* GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px; padding:5px 0;
font-size:14px; font-weight:bold; text-transform:uppercase; font-family:Arial; letter-spacing:0;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
/* SURVOL GROUPE QEEL */
.onglet_1 {
opacity:1; letter-spacing:1px;
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; font-family:Arial;
}
/* BLOC TITRE QEEL */
.tleQEEL {
display:inline-block; vertical-align:top; margin-bottom:15px; margin-right:15px;
width:570px; height:60px; padding-top:25px;
background:#191919; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center; font-family:Arial;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
width:315px; height:62px; padding-top:23px;
background:#DEDEDE; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* BLOC MEMBRES CONNECTES & 24H QEEL */
.ondayQEEL {
display:inline-block; vertical-align:top;
width:515px; height:180px; padding:10px; overflow:hidden;
background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.ondayQEEL:hover {
overflow:auto;
}
.ondayQEEL .row1 {
background:none; padding:0;
}
/* COULEUR TEXTE 24H QEEL */
.ondayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
width:350px; height:200px; text-align:center;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
.contenu_onglet {
display:none;
width:350px; height:200px; overflow:hidden;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-top:15px; margin-left:15px;
width:300px; height:150px; padding:10px; overflow:auto;
font-size:10px; text-align:justify;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
}
.contenu_onglet img{
position:absolute; z-index:1; margin-left:-175px;
width:350px; height:200px;
opacity:0.8;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-top:15px; margin-right:15px;
width:175px; height:70px; padding-top:30px;
background:#CCC; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-weight:bold;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
width:175px; height:70px; padding-top:30px;
background:#EBEBEB; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-weight:bold;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; vertical-align:top; margin-left:15px; margin-top:15px;
width:520px; height:65px; padding-top:35px;
text-transform:uppercase; text-align:center; font-family:Arial; font-size:24px; font-weight:bold;
background:#191919; color:white; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-64px;
width:500px; height:80px; padding:10px; overflow:auto;
text-align:justify !important;
background:#CCC; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:15px; width:900px; padding:5px 0; text-align:center;
background:black; /* MODIFIABLE */
}
/* GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px; padding:5px 0;
font-size:14px; font-weight:bold; text-transform:uppercase; font-family:Arial; letter-spacing:0;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
/* SURVOL GROUPE QEEL */
.onglet_1 {
opacity:1; letter-spacing:1px;
}

Instructions :
Revenir en haut Aller en bas
Jeu 31 Déc - 2:08

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
 <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><div class="QEEL"><div id="ondayQEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- BLOC EN LIGNE/24H --><div class="ondayQEEL"><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/><!-- EN LIGNE -->▬ <b>En ligne</b> : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></table><br/><!-- 24 H --><table>{L_CONNECTED_MEMBERS}</table></div>
       
<!-- TRAITS COLORES GROUPES --><div class="GQEEL"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background-color:#FA5858;"></span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background-color:#FF8000;"></span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background-color:#FFFF00;"></span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background-color:#80FF00;"></span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background-color:#0080FF;"></span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background-color:#BF00FF;"></span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="background-color:#FE2EF7;"></span>
</div></div>
   
<!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT --><div>Bienvenue à</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>Messages</div><!-- ANNIVERSAIRES --><div class="anvQEEL">Anniversaires<div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div></div>
      
<!-- DESCRIPTIONS GROUPES --><div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><!-- CONTENU GROUPE 1 --> <div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM DU GROUPE --><div style="background:#FA5858;">Groupe I</div><!-- CONTENU -->Contenu groupe 1.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- NOM DU GROUPE --><div style="background:#FF8000;">Groupe II</div><!-- CONTENU -->Contenu groupe 2.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM DU GROUPE --><div style="background:#FFFF00;">Groupe III</div><!-- CONTENU -->Contenu groupe 3.</div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- NOM DU GROUPE --><div style="background:#80FF00;">Groupe IV</div><!-- CONTENU -->Contenu groupe 4.</div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- NOM DU GROUPE --><div style="background:#0080FF;">Groupe V</div><!-- CONTENU -->Contenu groupe 5.</div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- NOM DU GROUPE --><div style="background:#BF00FF;">Groupe VI</div><!-- CONTENU -->Contenu groupe 6.</div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- NOM DU GROUPE --><div style="background:#FE2EF7;">Groupe VII</div><!-- CONTENU -->Contenu groupe 7.</div>
      
    </div>
    <script type="text/javascript">
                //<!--
                        var anc_onglet = 'eins';
                        change_onglet(anc_onglet);
                //-->
                </script>
    </div>
          </td>
          </tr>
        </table>
        <!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:15px;
width:460px; height:60px; padding-top:25px;
background:#191919; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* BLOC MEMBRES CONNECTES & 24H / TRAITS GROUPES QEEL */
#ondayQEEL {
display:inline-block; vertical-align:top;
}
/* MEMBRES CONNECTES & 24H QEEL */
.ondayQEEL {
display:inline-block; vertical-align:top;
width:360px; height:195px; padding:10px; overflow:hidden;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.ondayQEEL:hover {
overflow-y:auto;
}
.ondayQEEL .row1 {
background:none; padding:0;
}
/* COULEUR TEXTE 24H QEEL */
.ondayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC TRAITS GROUPES QEEL */
.GQEEL {
display:inline-block;  vertical-align:top; margin-left:15px;
width:65px; height:210px; padding-top:5px; text-align:center;
background:black; /* MODIFIABLE */
}
/* TRAITS GROUPES QEEL */
.onglet {
display:block; margin:7px auto;
width:45px; height:10px;
opacity:0.7;
}
/* SURVOL TRAIT GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* BLOC DERNIER UTILISATEUR / TOTAL MEMBRES & MESSAGES / ANNIVERSAIRES */
.stsQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
width:305px; height:295px; padding:10px; overflow:hidden;
background:grey; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
width:305px; height:65px; padding-top:20px;
background:#DEDEDE; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-top:15px; margin-right:15px;
width:145px; height:55px; padding-top:25px;
background:#1C1C1C; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:12px;
}
/* NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
width:145px; height:55px; padding-top:25px;
background:#3E3E3E; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:12px;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin-top:15px;
width:305px; height:67px; padding-top:33px;
text-transform:uppercase; text-align:center; font-size:24px; font-weight:bold;
background:#191919; color:white; font-family:Arial; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-62px;
width:0px; height:80px; padding:10px; overflow:hidden;
text-align:justify !important;
background:#CCC; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:285px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
.contenu_onglet {
display:none;
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-left:-250px; margin-top:-5px;
width:215px; height:50px; padding:25px 10px 0; overflow:hidden;
font-size:18px; text-align:center; text-transform:uppercase;
color:white; text-shadow:-1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
margin-top:15px; margin-left:245px;
width:545px; height:65px; padding:5px; overflow:auto;
background:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
text-align:justify; font-size:11px;
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; font-family:Arial;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:15px;
width:535px; height:60px; padding-top:25px;
background:#191919; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* BLOC MEMBRES CONNECTES & 24H / TRAITS GROUPES QEEL */
#ondayQEEL {
display:inline-block; vertical-align:top;
}
/* MEMBRES CONNECTES & 24H QEEL */
.ondayQEEL {
display:inline-block; vertical-align:top;
width:420px; height:195px; padding:10px; overflow:hidden;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.ondayQEEL:hover {
overflow-y:auto;
}
.ondayQEEL .row1 {
background:none; padding:0;
}
/* COULEUR TEXTE 24H QEEL */
.ondayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC TRAITS GROUPES QEEL */
.GQEEL {
display:inline-block;  vertical-align:top; margin-left:15px;
width:80px; height:210px; padding-top:5px; text-align:center;
background:black; /* MODIFIABLE */
}
/* TRAITS GROUPES QEEL */
.onglet {
display:block; margin:7px auto;
width:60px; height:10px;
opacity:0.7;
}
/* SURVOL TRAIT GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* BLOC DERNIER UTILISATEUR / TOTAL MEMBRES & MESSAGES / ANNIVERSAIRES */
.stsQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
width:330px; height:295px; padding:10px; overflow:hidden;
background:grey; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
width:330px; height:65px; padding-top:20px;
background:#DEDEDE; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-top:15px; margin-right:15px;
width:155px; height:55px; padding-top:25px;
background:#1C1C1C; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:12px;
}
/* NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
width:160px; height:55px; padding-top:25px;
background:#3E3E3E; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:12px;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin-top:15px;
width:330px; height:67px; padding-top:33px;
text-transform:uppercase; text-align:center; font-size:24px; font-weight:bold;
background:#191919; color:white; font-family:Arial; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-62px;
width:0px; height:80px; padding:10px; overflow:hidden;
text-align:justify !important;
background:#CCC; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:310px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
.contenu_onglet {
display:none;
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-left:-275px; margin-top:-5px;
width:240px; height:50px; padding:25px 10px 0; overflow:hidden;
font-size:18px; text-align:center; text-transform:uppercase;
color:white; text-shadow:-1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
margin-top:15px; margin-left:270px;
width:620px; height:65px; padding:5px; overflow:auto;
background:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
text-align:justify; font-size:11px;
}

Instructions :
Revenir en haut Aller en bas
Lun 4 Jan - 3:08

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div id="QEEL"><!-- BLOC STATISTIQUES & TITRE --><div class="tleQEEL"><!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>Messages</div></div><!-- TITRE --><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<div id="boxQEEL"><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT --><div>Bienvenue à</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div>
 
<!-- DESCRIPTIONS GROUPES --><div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><!-- CONTENU GROUPE 1 --> <div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM DU GROUPE --><div style="background:#FA5858;">Groupe I</div><!-- CONTENU -->Contenu groupe 1.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- NOM DU GROUPE --><div style="background:#FF8000;">Groupe II</div><!-- CONTENU -->Contenu groupe 2.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM DU GROUPE --><div style="background:#FFFF00;">Groupe III</div><!-- CONTENU -->Contenu groupe 3.</div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- NOM DU GROUPE --><div style="background:#80FF00;">Groupe IV</div><!-- CONTENU -->Contenu groupe 4.</div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- NOM DU GROUPE --><div style="background:#0080FF;">Groupe V</div><!-- CONTENU -->Contenu groupe 5.</div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- NOM DU GROUPE --><div style="background:#BF00FF;">Groupe VI</div><!-- CONTENU -->Contenu groupe 6.</div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- NOM DU GROUPE --><div style="background:#FE2EF7;">Groupe VII</div><!-- CONTENU -->Contenu groupe 7.</div>
 
</div></div><div id="ondayQEEL"><!-- EN LIGNE --><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>▬ <b>En ligne</b> : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></table><br/><!-- 24 H --><table>{L_CONNECTED_MEMBERS}</table></div>
 
<div class="ganvQEEL"><!-- TRAITS COLORES GROUPES --><div class="GQEEL"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background-color:#FA5858;"></span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background-color:#FF8000;"></span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background-color:#FFFF00;"></span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background-color:#80FF00;"></span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background-color:#0080FF;"></span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background-color:#BF00FF;"></span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="background-color:#FE2EF7;"></span>
 
</div><!-- ANNIVERSAIRES --><div class="anvQEEL">Anniversaires<div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div></div>
 
    <script type="text/javascript">
                //<!--
                        var anc_onglet = 'eins';
                        change_onglet(anc_onglet);
                //-->
                </script>
    </div>
          </td>
          </tr>
        </table>
        <!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
#QEEL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC TOTAL MEMBRES & MESSAGES / TITRE QEEL */
.tleQEEL {
width:770px; padding:15px;
font-family:Arial; background:black; box-shadow:inset 0 0 25px rgba(0,0,0,0.1); /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:right;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* BLOC TOTAL MEMBRES & MESSAGES QEEL */
.stsQEEL {
position:absolute;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top;
width:90px; height:28px; padding:5px;
background:#191919; color:white; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; text-align:center;
}
/* NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
width:90px; height:28px; padding:5px;
background:grey; color:white; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; text-align:center;
}
/* BLOC DESCRIPTIFS GROUPES / DERNIER UTILISATEUR QEEL */
#boxQEEL {
display:inline-block; vertical-align:top;
width:460px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
width:220px; height:65px; padding-top:25px;
background:#3E3E3E; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-left:-230px; margin-top:80px;
width:220px; height:52px; padding:33px 0 10px; overflow:hidden;
font-size:18px; text-align:center; text-transform:uppercase;
color:white; text-shadow:-1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
width:220px; height:165px; padding:10px; overflow:auto;
background-color:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
text-align:justify; font-size:11px;
}
.contenu_onglet {
display:none;
}
/* MEMBRES CONNECTES & 24H QEEL */
#ondayQEEL {
display:inline-block; vertical-align:top;
width:320px; height:165px; padding:10px; overflow:hidden;
background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
#ondayQEEL:hover {
overflow:auto;
}
#ondayQEEL .row1 {
background:none; padding:0;
}
/* COULEUR TEXTE 24H QEEL */
#ondayQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* BLOC TRAITS GROUPES & ANNIVERSAIRES QEEL */
.ganvQEEL {
width:800px;
}
/* BLOC TRAITS GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:460px; height:30px; padding:20px 0 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TRAITS GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px;
width:35px; height:10px;
opacity:0.7;
}
/* SURVOL TRAIT GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; vertical-align:top;
width:340px; height:40px; padding-top:10px;
text-transform:uppercase; text-align:center; font-size:24px; font-weight:bold;
background:#191919; color:white; font-family:Arial; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-224px;
width:320px; height:0px; padding:0 10px; overflow:hidden; text-align:justify !important;
background:#DEDEDE; color:black; /* MODIFIABLE */
transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
height:165px; padding:10px; overflow-y:auto;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
#QEEL {
margin:auto; width:900px; font-family:Arial;
}
/* BLOC TOTAL MEMBRES & MESSAGES / TITRE QEEL */
.tleQEEL {
width:870px; padding:15px;
font-family:Arial; background:black; box-shadow:inset 0 0 25px rgba(0,0,0,0.1); /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:right;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* BLOC TOTAL MEMBRES & MESSAGES QEEL */
.stsQEEL {
position:absolute;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top;
width:90px; height:28px; padding:5px;
background:#191919; color:white; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; text-align:center;
}
/* NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
width:90px; height:28px; padding:5px;
background:grey; color:white; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; text-align:center;
}
/* BLOC DESCRIPTIFS GROUPES / DERNIER UTILISATEUR QEEL */
#boxQEEL {
display:inline-block; vertical-align:top;
width:510px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
width:245px; height:65px; padding-top:25px;
background:#3E3E3E; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-left:-255px; margin-top:80px;
width:245px; height:52px; padding:33px 0 10px; overflow:hidden;
font-size:18px; text-align:center; text-transform:uppercase;
color:white; text-shadow:-1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
width:245px; height:165px; padding:10px; overflow:auto;
background-color:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
text-align:justify; font-size:11px;
}
.contenu_onglet {
display:none;
}
/* MEMBRES CONNECTES & 24H QEEL */
#ondayQEEL {
display:inline-block; vertical-align:top;
width:370px; height:165px; padding:10px; overflow:hidden;
background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
#ondayQEEL:hover {
overflow:auto;
}
#ondayQEEL .row1 {
background:none; padding:0;
}
/* COULEUR TEXTE 24H QEEL */
#ondayQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* BLOC TRAITS GROUPES & ANNIVERSAIRES QEEL */
.ganvQEEL {
width:900px;
}
/* BLOC TRAITS GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:510px; height:30px; padding:20px 0 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* TRAITS GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px;
width:35px; height:10px;
opacity:0.7;
}
/* SURVOL TRAIT GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; vertical-align:top;
width:390px; height:40px; padding-top:10px;
text-transform:uppercase; text-align:center; font-size:24px; font-weight:bold;
background:#191919; color:white; font-family:Arial; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-224px;
width:370px; height:0px; padding:0 10px; overflow:hidden; text-align:justify !important;
background:#DEDEDE; color:black; /* MODIFIABLE */
transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
height:165px; padding:10px; overflow-y:auto;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}

Instructions :
Revenir en haut Aller en bas
Lun 11 Jan - 5:43

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- MEMBRES CONNECTES & 24H --><div id="ondayQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table>{LOGGED_IN_USER_LIST}</table></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div><!-- ANNIVERSAIRES & STATISTIQUES --><div id="stsQEEL"><!-- ANNIVERSAIRES --><div class="anvQEEL"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER INSCRIT --><div>Dernier inscrit</div><span class="statsHOV" id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script><!-- TOTAL MEMBRES --><div>Membres</div><span class="statsHOV" id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><!-- TOTAL MESSAGES --><div>Messages</div><span class="statsHOV" id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script></div></div><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a><span id="TLUS">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script></div></div></td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; height:340px; padding-top:20px; text-align:center;
background:black; box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE / 24H */
#ondayQEEL {
display:inline-block; vertical-align:top;
width:300px;
}
/* MEMBRES CONNECTES */
.onlineQEEL {
display:inline-block; margin-bottom:10px; margin-right:5px;
width:270px; height:100px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify; font-family:Arial;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.onlineQEEL:hover {
overflow:auto; opacity:1;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; margin-right:5px;
width:280px; height:110px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:10px; text-align:justify;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.dayQEEL:hover {
overflow:auto; opacity:1;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* BLOC ANNIVERSAIRES / STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:top; margin:0 10px; font-family:Arial;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin-bottom:10px;
width:225px; height:100px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
font-size:10px; text-align:justify !important;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover {
overflow:auto; opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:245px; height:120px;
font-family:Arial; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto;
width:245px; height:24px; padding:12px 0 0;
text-transform:uppercase; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
.stsQEEL:hover div {
color:rgba(0,0,0,0);
}
/* CONTENU STATISTIQUES */
.statsHOV {
position:absolute; z-index:5; margin-left:-122px; margin-top:-41px;
width:245px; height:24px; padding:12px 0 0;
background:rgba(250,250,250,0.3); color:black !important;  /* MODIFIABLE */
opacity:0; transition:all .45s ease; -webkit-transition:all .45s ease;
}
.stsQEEL:hover .statsHOV {
opacity:1;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top; margin-left:5px;
width:200px; height:230px; padding:10px 0; overflow:hidden;
text-align:center; color:rgba(0,0,0,0); line-height:14px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.GQEEL:hover {
opacity:1; overflow:auto;
}
/* GROUPES QEEL */
.GQEEL a{
display:block;
text-transform:uppercase; font-family:Birch Std; font-size:24px;
text-shadow:1px 1px 0px rgba(0,0,0,0.3); letter-spacing:3px; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
/* SURVOL GROUPE QEEL */
.GQEEL a:hover {
letter-spacing:1px; /* MODIFIABLE */
}
/* BLOC NOMBRE UTILISATEURS EN LIGNE & TITRE QEEL */
.tleQEEL {
width:770px; height:50px; padding:15px;
text-transform:uppercase; text-align:center;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:48px; font-family:Birch Std;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* NOMBRE UTILISATEURS EN LIGNE */
#TLUS {
display:block; margin-top:-10px;
letter-spacing:0; font-size:9px; font-family:Arial;
color:white; /* MODIFIABLE */
}

Partie CSS pour largeur du forum = 900px
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; height:340px; padding-top:20px; text-align:center;
background:black; box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE / 24H */
#ondayQEEL {
display:inline-block; vertical-align:top;
width:350px;
}
/* MEMBRES CONNECTES */
.onlineQEEL {
display:inline-block; margin-bottom:10px; margin-right:5px;
width:320px; height:100px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify; font-family:Arial;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.onlineQEEL:hover {
overflow:auto; opacity:1;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; margin-right:5px;
width:330px; height:110px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:10px; text-align:justify;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.dayQEEL:hover {
overflow:auto; opacity:1;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* BLOC ANNIVERSAIRES / STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:top; margin:0 10px; font-family:Arial;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin-bottom:10px;
width:250px; height:100px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
font-size:10px; text-align:justify !important;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover {
overflow:auto; opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:270px; height:120px;
font-family:Arial; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto;
width:270px; height:24px; padding:12px 0 0;
text-transform:uppercase; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
.stsQEEL:hover div {
color:rgba(0,0,0,0);
}
/* CONTENU STATISTIQUES */
.statsHOV {
position:absolute; z-index:5; margin-left:-135px; margin-top:-41px;
width:270px; height:24px; padding:12px 0 0;
background:rgba(250,250,250,0.3); color:black !important;  /* MODIFIABLE */
opacity:0; transition:all .45s ease; -webkit-transition:all .45s ease;
}
.stsQEEL:hover .statsHOV {
opacity:1;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top; margin-left:5px;
width:225px; height:230px; padding:10px 0; overflow:hidden;
text-align:center; color:rgba(0,0,0,0); line-height:14px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.GQEEL:hover {
opacity:1; overflow:auto;
}
/* GROUPES QEEL */
.GQEEL a{
display:block;
text-transform:uppercase; font-family:Birch Std; font-size:24px;
text-shadow:1px 1px 0px rgba(0,0,0,0.3); letter-spacing:3px; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
/* SURVOL GROUPE QEEL */
.GQEEL a:hover {
letter-spacing:1px; /* MODIFIABLE */
}
/* BLOC NOMBRE UTILISATEURS EN LIGNE & TITRE QEEL */
.tleQEEL {
width:870px; height:50px; padding:15px;
text-transform:uppercase; text-align:center;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:48px; font-family:Birch Std;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* NOMBRE UTILISATEURS EN LIGNE */
#TLUS {
display:block; margin-top:-10px;
letter-spacing:0; font-size:9px; font-family:Arial;
color:white; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Jeu 24 Mar - 4:17

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><div id="QEEL"><!-- EN LIGNE --><div class="onQEEL"><table><p>Membres en ligne : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></p></table></div><!-- 24 H --><div class="dayQEEL"><div><table>{L_CONNECTED_MEMBERS}</table></div></div><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div><!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MESSAGES --><div class="tlPQEEL"><p><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>messages</p></div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><p><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>membres</p></div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT -->Bienvenue à<span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div><!-- ANNIVERSAIRES --><div class="anvQEEL"><table>{L_WHOSBIRTHDAY_TODAY}</table></div></div>
</td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 900px :
Code:
/* BLOC TITRE QEEL */
.tleQEEL {
margin:auto;
width:900px; height:55px; padding-top:40px;
background:#D8E698; border-bottom:5px solid rgba(0,0,0,0.1); /* MODIFIABLE */
font-family:Fjalla One; letter-spacing:2px; text-transform:uppercase; text-align:right; font-style:italic;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:36px; padding-right:35px;
color:white; text-shadow:1px 1px 0 #CAD78E; /* MODIFIABLE */
}
/* QEEL */
#QEEL {
margin:auto; border-top:none;
width:898px; padding-top:20px; text-align:center;
background:white; border:1px solid #EFEFEF; /* MODIFIABLE */
}
/* BLOC MEMBRES CONNECTES */
.onQEEL {
display:inline-block; vertical-align:top; margin-right:15px;
width:405px; height:180px; padding:10px;
background:#CAD78E; /* MODIFIABLE */
}
/* MEMBRES CONNECTES */
.onQEEL p {
margin:auto; margin-top:15px;
width:355px; height:140px; padding:5px; overflow:auto;
background:white; box-shadow:0 0 3px rgba(0,0,0,0.1); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* BLOC 24H */
.dayQEEL {
display:inline-block; vertical-align:top;
width:420px; height:200px;
background:#CAD78E; /* MODIFIABLE */
}
/* 24H */
.dayQEEL div {
margin:auto; margin-top:25px;
width:350px; height:140px; padding:5px; overflow:auto;
background:white; box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0; margin:0;
}
.dayQEEL .row1 .gensmall {
color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin:15px auto;
width:858px; padding:10px 0;
text-align:center; text-transform:uppercase; color:rgba(0,0,0,0); font-family:Arial;
border:1px solid #EFEFEF; /* MODIFIABLE */
}
/* GROUPES QEEL */
.GQEEL a{
font-size:16px !important;
}
/* BLOC TOTAL MEMBRES & MESSAGES / DERNIER UTILISATEUR ENREGISTRE QEEL */
.stsQEEL {
margin:auto; width:860px;
}
/* BLOC NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top;
height:90px; width:90px; padding:5px;
background:#CAD78E; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL p{
margin-top:10px; margin-left:10px;
width:70px; height:55px; padding-top:15px;
text-transform:uppercase; font-size:11px; text-align:center;
background:white; box-shadow:0 0 2px rgba(0,0,0,0.1); color:grey; /* MODIFIABLE */
}
/* TAILLE NOMBRE TOTAL MESSAGES QEEL */
.tlPQEEL b{
font-size:18px;
}
/* BLOC TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
height:90px; width:90px; padding:5px;
background:#CAD78E; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL p{
margin-top:10px; margin-left:10px;
width:70px; height:55px; padding-top:15px;
text-transform:uppercase; font-size:11px; text-align:center;
background:white; box-shadow:0 0 2px rgba(0,0,0,0.1); color:grey; /* MODIFIABLE */
}
/* TAILLE NOMBRE TOTAL MEMBRES QEEL */
.tlMQEEL b{
font-size:18px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
width:628px; height:63px; padding-top:35px;
border:1px solid #EFEFEF; color:grey; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:24px; font-family:Arial;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin:15px auto; width:860px;
text-transform:uppercase; text-align:center; letter-spacing:3px;
background:#D8E698; /* MODIFIABLE */
}
/* BORDURE ANNIVERSAIRES QEEL */
.anvQEEL .row1{
margin:auto;
width:854px; padding:5px 0; background:none;
border:1px solid white; /* MODIFIABLE */
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
color:rgba(0,0,0,0.5); /* MODIFIABLE */
}

Partie CSS pour largeur du forum = 800px :
Code:
/* BLOC TITRE QEEL */
.tleQEEL {
margin:auto;
width:800px; height:55px; padding-top:40px;
background:#D8E698; border-bottom:5px solid rgba(0,0,0,0.1); /* MODIFIABLE */
font-family:Fjalla One; letter-spacing:2px; text-transform:uppercase; text-align:right; font-style:italic;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:36px; padding-right:35px;
color:white; text-shadow:1px 1px 0 #CAD78E; /* MODIFIABLE */
}
/* QEEL */
#QEEL {
margin:auto; border-top:none;
width:798px; padding-top:20px; text-align:center;
background:white; border:1px solid #EFEFEF; /* MODIFIABLE */
}
/* BLOC MEMBRES CONNECTES */
.onQEEL {
display:inline-block; vertical-align:top; margin-right:15px;
width:355px; height:180px; padding:10px;
background:#CAD78E; /* MODIFIABLE */
}
/* MEMBRES CONNECTES */
.onQEEL p {
margin:auto; margin-top:15px;
width:315px; height:140px; padding:5px; overflow:auto;
background:white; box-shadow:0 0 3px rgba(0,0,0,0.1); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* BLOC 24H */
.dayQEEL {
display:inline-block; vertical-align:top;
width:370px; height:200px;
background:#CAD78E; /* MODIFIABLE */
}
/* 24H */
.dayQEEL div {
margin:auto; margin-top:25px;
width:310px; height:140px; padding:5px; overflow:auto;
background:white; box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0; margin:0;
}
.dayQEEL .row1 .gensmall {
color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin:15px auto;
width:758px; padding:10px 0;
text-align:center; text-transform:uppercase; color:rgba(0,0,0,0); font-family:Arial;
border:1px solid #EFEFEF; /* MODIFIABLE */
}
/* GROUPES QEEL */
.GQEEL a{
font-size:16px !important;
}
/* BLOC TOTAL MEMBRES & MESSAGES / DERNIER UTILISATEUR ENREGISTRE QEEL */
.stsQEEL {
margin:auto; width:760px;
}
/* BLOC NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top;
height:90px; width:90px; padding:5px;
background:#CAD78E; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL p{
margin-top:10px; margin-left:10px;
width:70px; height:55px; padding-top:15px;
text-transform:uppercase; font-size:11px; text-align:center;
background:white; box-shadow:0 0 2px rgba(0,0,0,0.1); color:grey; /* MODIFIABLE */
}
/* TAILLE NOMBRE TOTAL MESSAGES QEEL */
.tlPQEEL b{
font-size:18px;
}
/* BLOC TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
height:90px; width:90px; padding:5px;
background:#CAD78E; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL p{
margin-top:10px; margin-left:10px;
width:70px; height:55px; padding-top:15px;
text-transform:uppercase; font-size:11px; text-align:center;
background:white; box-shadow:0 0 2px rgba(0,0,0,0.1); color:grey; /* MODIFIABLE */
}
/* TAILLE NOMBRE TOTAL MEMBRES QEEL */
.tlMQEEL b{
font-size:18px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
width:528px; height:63px; padding-top:35px;
border:1px solid #EFEFEF; color:grey; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:24px; font-family:Arial;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin:15px auto; width:760px;
text-transform:uppercase; text-align:center; letter-spacing:3px;
background:#D8E698; /* MODIFIABLE */
}
/* BORDURE ANNIVERSAIRES QEEL */
.anvQEEL .row1{
margin:auto;
width:754px; padding:5px 0; background:none;
border:1px solid white; /* MODIFIABLE */
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
Revenir en haut Aller en bas
Mar 19 Avr - 7:13

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a><!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>Messages</div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT -->Bienvenue à<br/><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div></div><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>{LOGGED_IN_USER_LIST}</table><br/></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div>

<!-- 5 GROUPES MAXIMUM --><div class="GQEEL"><!-- I --><a href="" target="_blank" style="background:#1B1B1B; color:white;">Groupe</a><!-- II --><a href="" target="_blank" style="background:#1B1B1B; color:white;">Groupe</a><!-- III --><a href="" target="_blank" style="background:#1B1B1B; color:white;">Groupe</a><!-- IV --><a href="" target="_blank" style="background:#1B1B1B; color:white;">Groupe</a><!-- V --><a href="" target="_blank" style="background:#1B1B1B; color:white;">Groupe</a></div>

</div></td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:10px;
width:890px; height:25px; padding:10px 0 10px 10px;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
/* TITRE QEEL */
.tleQEEL a.cattitle {
font-size:24px;
color:white;  /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-top:-34px; margin-left:300px;
width:585px; text-align:right;
}
/* TOTAL MEMBRES */
.tlMQEEL {
display:inline-block; vertical-align:top;
height:25px; padding:5px; text-align:center; font-size:11px;
background:teal; color:white; /* MODIFIABLE */
}
/* TOTAL MESSAGES */
.tlPQEEL {
display:inline-block; vertical-align:top; margin:0 5px;
height:25px; padding:5px; text-align:center; font-size:11px;
background:teal; color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
height:25px; padding:5px 10px; text-align:center; font-size:11px;
background:#548B78; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top;
width:335px; height:130px; padding:5px; overflow:auto;
background:#1B1B1B; color:#C3C3C3; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
width:325px; height:130px; padding:5px; overflow:auto;
background:#1B1B1B; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
color:#C3C3C3; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:200px; height:140px; overflow:hidden;
text-align:center; font-size:12px; text-transform:uppercase;
}
/* GROUPES QEEL */
.GQEEL a{
display:block; margin-bottom:5px;
height:19px; padding:5px 0 0; overflow:hidden;
}

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:10px;
width:790px; height:25px; padding:10px 0 10px 10px;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
/* TITRE QEEL */
.tleQEEL a.cattitle {
font-size:24px;
color:white;  /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-top:-34px; margin-left:300px;
width:485px; text-align:right;
}
/* TOTAL MEMBRES */
.tlMQEEL {
display:inline-block; vertical-align:top;
height:25px; padding:5px; text-align:center; font-size:11px;
background:teal; color:white; /* MODIFIABLE */
}
/* TOTAL MESSAGES */
.tlPQEEL {
display:inline-block; vertical-align:top; margin:0 5px;
height:25px; padding:5px; text-align:center; font-size:11px;
background:teal; color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
height:25px; padding:5px 10px; text-align:center; font-size:11px;
background:#548B78; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top;
width:295px; height:130px; padding:5px; overflow:auto;
background:#1B1B1B; color:#C3C3C3; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
width:285px; height:130px; padding:5px; overflow:auto;
background:#1B1B1B; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
color:#C3C3C3; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:180px; height:140px; overflow:hidden;
text-align:center; font-size:12px; text-transform:uppercase;
}
/* GROUPES QEEL */
.GQEEL a{
display:block; margin-bottom:5px;
height:19px; padding:5px 0 0; overflow:hidden;
}

Instructions :
Revenir en haut Aller en bas
Mer 20 Avr - 10:20

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<link href="https://fonts.googleapis.com/css?family=Roboto:500" rel="stylesheet" type="text/css">
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- STATISTIQUES / 24H / ANNIVERSAIRES --><div class="dayQEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- STATISTIQUES --><div class="stsQEEL">{NEWEST_USER}. {TOTAL_USERS}. {TOTAL_POSTS}.</div><!-- 24H --><table>{L_CONNECTED_MEMBERS}</table><!-- ANNIVERSAIRES --><br/><br/><table>{L_WHOSBIRTHDAY_TODAY}</table></div><div class="boxQEEL"><!-- IMAGE --><img src="{L_ONLINE_IMG}" id="imgQEEL" /><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><div class="contenu_onglets">

<!-- CONTENU GROUPE 1 --><div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM DU GROUPE --><div style="color:#FA5858;">Groupe I</div><!-- CONTENU --><p>Contenu groupe 1.</p></div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><div style="color:#FF8000;">Groupe II</div><!-- CONTENU --><p>Contenu groupe 2.</p></div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM DU GROUPE --><div style="color:#FFFF00;">Groupe III</div><!-- CONTENU --><p>Contenu groupe 3.</p></div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- NOM DU GROUPE --><div style="color:#80FF00;">Groupe IV</div><!-- CONTENU --><p>Contenu groupe 4.</p></div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- NOM DU GROUPE --><div style="color:#0080FF;">Groupe V</div><!-- CONTENU --><p>Contenu groupe 5.</p></div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- NOM DU GROUPE --><div style="color:#BF00FF;">Groupe VI</div><!-- CONTENU --><p>Contenu groupe 6.</p></div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- NOM DU GROUPE --><div style="color:#FE2EF7;">Groupe VII</div><!-- CONTENU --><p>Contenu groupe 7.</p></div>

</div><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><table>{LOGGED_IN_USER_LIST}</table></div></div>

<!-- TRAITS COLORES GROUPES --><div class="GQEEL"><div class="onglets"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background-color:#FA5858;"></span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background-color:#FF8000;"></span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background-color:#FFFF00;"></span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background-color:#80FF00;"></span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background-color:#0080FF;"></span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background-color:#BF00FF;"></span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="background-color:#FE2EF7;"></span>

</div></div>
<script type="text/javascript">
        //<!--
                var anc_onglet = 'eins';
                change_onglet(anc_onglet);
        //-->
        </script>
</div></td></tr></table>
<!-- END disable_viewonline -->

Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; padding-top:30px; text-align:center;
}
/* TITRE QEEL */
.tleQEEL a{
position:absolute; margin-top:-35px;
width:280px; height:35px;
text-align:right; text-transform:uppercase; font-family:Roboto; font-size:24px;
color:black; /* MODIFIABLE */
}
/* BLOC STATISTIQUES / 24H / ANNIVERSAIRES QEEL */
.dayQEEL {
display:inline-block; vertical-align:top;
width:275px; height:450px; padding:5px; overflow:auto; border:1px solid;
border-color:black; /* MODIFIABLE */
font-size:10px; text-align:justify; font-family:Arial;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin-bottom:10px;
color:black;  /* MODIFIABLE */
}
/* COULEUR TEXTE 24H & ANNIVERSAIRES QEEL */
.dayQEEL .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* BLOC IMAGE / DESCRIPTIFS GROUPES / MEMBRES CONNECTES */
.boxQEEL {
display:inline-block; vertical-align:bottom; margin-left:25px; text-align:center;
}
/* IMAGE QEEL */
#imgQEEL {
width:325px; height:325px; border-radius:325px;
}
/* BLOC DESCRIPTIF GROUPE QEEL */
.contenu_onglet {
display:none; position:absolute; margin-top:-310px; margin-left:75px;
width:300px; height:270px; padding-top:30px; overflow:hidden; border-radius:300px;
background:rgba(250,250,250,0.9); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* NOM GROUPE QEEL */
.contenu_onglet div {
margin-bottom:15px; height:35px;
text-align:center; text-transform:uppercase; font-family:Roboto; font-size:32px;
}
/* DESCRIPTIF GROUPE */
.contenu_onglet p {
margin:auto; width:200px; height:160px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* BLOC MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin-top:15px;
width:440px; height:110px; padding:5px; overflow:auto; border:1px solid;
color:black; border-color:black; /* MODIFIABLE */
font-size:10px; text-align:justify; font-family:Arial;
}
#TLUS {
display:block; margin-bottom:10px;
}
/* BLOC TRAITS COLORES GROUPES QEEL */
.GQEEL {
margin-top:5px; width:800px; text-align:center;
}
/* TRAITS COLORES GROUPES QEEL */
.onglet {
display:inline-block; margin:10px;
width:85px; height:25px;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TRAIT COLORE GROUPE QEEL */
.onglet_1 {
opacity:1; 
}

Largeur minimale du forum : 800px

Instructions :



Revenir en haut Aller en bas
Lun 16 Mai - 13:08

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT -->Bienvenue à <span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div><!-- TOTAL MESSAGES --><div class="tlPQEEL"><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>messages</div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>membres</div></div><!-- EN LIGNE --><div id="onlineQEEL"><div class="tleOQEEL">Membres connectés</div><div class="onlineQEEL"><table>{LOGGED_IN_USERS_LIST}</table></div></div><!-- ANNIVERSAIRES --><div id="anvQEEL"><div class="tleAQEEL">Anniversaires</div><div class="anvQEEL"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div><!-- 24H --><div id="dayQEEL"><div class="tle24QEEL">24H</div><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div></div>
</td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px;
font-family:Arial; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
width:395px; height:130px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-bottom:10px;
width:395px; height:35px; padding-top:15px; overflow:hidden;
background:#3E3E3E; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; margin-right:10px;
width:200px; height:40px; padding:15px 0; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:16px;
background:lightblue; color:black; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block;
width:185px; height:40px; padding:15px 0; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:16px;
background:#548C78; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
#onlineQEEL {
display:inline-block; vertical-align:top;
}
/* TITRE MEMBRES CONNECTES */
.tleOQEEL {
width:395px; height:20px; padding:5px 0;
background:#0d1217; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* CONTENU MEMBRES CONNECTES */
.onlineQEEL {
width:385px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-family:Verdana; font-size:10px; text-align:justify;
}
/* ANNIVERSAIRES QEEL */
#anvQEEL {
display:inline-block; margin-top:10px; margin-right:10px;
width:395px;
}
/* TITRE ANNIVERSAIRES QEEL */
.tleAQEEL {
width:395px; height:20px; padding:5px 0;
background:#0D1217; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL {
width:385px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* 24H QEEL */
#dayQEEL {
display:inline-block; margin-top:10px;
}
/* TITRE 24H QEEL */
.tle24QEEL {
width:395px; height:20px; padding:5px 0;
background:#0D1217; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* CONTENU 24H */
.dayQEEL {
width:385px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0;
}
.dayQEEL .row1 .gensmall {
color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:10px;
width:800px; padding:5px 0; color:rgba(0,0,0,0);
background:rgba(0,0,0,0.7); /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* GROUPES QEEL */
.GQEEL a{
font-size:16px;
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px;
font-family:Arial; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
width:445px; height:130px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-bottom:10px;
width:445px; height:35px; padding-top:15px; overflow:hidden;
background:#3E3E3E; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; margin-right:10px;
width:225px; height:40px; padding:15px 0; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:16px;
background:lightblue; color:black; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block;
width:210px; height:40px; padding:15px 0; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:16px;
background:#548C78; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
#onlineQEEL {
display:inline-block; vertical-align:top;
}
/* TITRE MEMBRES CONNECTES */
.tleOQEEL {
width:445px; height:20px; padding:5px 0;
background:#0d1217; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* CONTENU MEMBRES CONNECTES */
.onlineQEEL {
width:435px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-family:Verdana; font-size:10px; text-align:justify;
}
/* ANNIVERSAIRES QEEL */
#anvQEEL {
display:inline-block; margin-top:10px; margin-right:10px;
width:445px;
}
/* TITRE ANNIVERSAIRES QEEL */
.tleAQEEL {
width:445px; height:20px; padding:5px 0;
background:#0D1217; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL {
width:435px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* 24H QEEL */
#dayQEEL {
display:inline-block; margin-top:10px;
}
/* TITRE 24H QEEL */
.tle24QEEL {
width:445px; height:20px; padding:5px 0;
background:#0D1217; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* CONTENU 24H */
.dayQEEL {
width:435px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0;
}
.dayQEEL .row1 .gensmall {
color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:10px;
width:900px; padding:5px 0; color:rgba(0,0,0,0);
background:rgba(0,0,0,0.7); /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* GROUPES QEEL */
.GQEEL a{
font-size:16px;
}
Revenir en haut Aller en bas
Jeu 16 Juin - 3:56

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">Bienvenue à</a></div><!-- TRIANGLE --><div class="triTQEEL"></div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div><!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MESSAGES --><div class="tlPQEEL"><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>messages</div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>membres</div><!-- ANNIVERSAIRES --><div class="anvQEEL"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div><!-- TRIANGLE --><div class="triQEEL"></div><div class="boxQEEL"><!-- EN LIGNE --><div class="onlineQEEL"><table>{LOGGED_IN_USERS_LIST}</table></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div></div>
</td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px;
font-family:Arial; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:505px; height:35px; padding-top:15px;
background:coral; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL a{
padding-left:25px;
text-transform:uppercase; text-align:center; font-size:16px;
color:black; /* MODIFIABLE */
}
/* TRIANGLE TITRE QEEL */
.triTQEEL {
position:absolute; margin-top:-60px; margin-left:505px;
width:0; height:0; border-style:solid; border-width:50px 15px 0 0; border-color:transparent;
border-top-color:coral; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
width:295px; height:35px; padding-top:15px; overflow:hidden;
background:#3e3e3e; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:295px; height:175px; text-align:center;
background:coral; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; margin:15px 10px; padding:15px;
text-align:center; text-transform:uppercase; font-size:16px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; margin:15px 10px; padding:15px;
text-align:center; text-transform:uppercase; font-size:16px;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin:auto;
width:240px; height:50px; padding:5px; overflow:auto;
border:1px solid; text-align:justify;
border-color:black; /* MODIFIABLE */
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .gensmall {
font-size:9px; color:black; /* MODIFIABLE */
}
/* TRIANGLE STATISTIQUES QEEL */
.triQEEL {
position:absolute; margin-top:-175px; margin-left:295px;
width:0; height:0; border-style:solid; border-width:175px 50px 0 0; border-color:transparent;
border-top-color:coral; /* MODIFIABLE */
}
/* EN LIGNE & 24H QEEL */
.boxQEEL {
display:inline-block; vertical-align:top;
width:505px; height:160px; padding-top:15px; text-align:left;
background:#3e3e3e; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:0 15px;
width:195px; height:135px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-family:Verdana; font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top;
width:245px; height:135px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:10px;
width:800px; padding:5px 0; color:rgba(0,0,0,0);
background:rgba(0,0,0,0.7); /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* GROUPES QEEL */
.GQEEL a{
font-size:16px; /* MODIFIABLE */
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px;
font-family:Arial; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:555px; height:35px; padding-top:15px;
background:coral; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL a{
padding-left:25px;
text-transform:uppercase; text-align:center; font-size:16px;
color:black; /* MODIFIABLE */
}
/* TRIANGLE TITRE QEEL */
.triTQEEL {
position:absolute; margin-top:-60px; margin-left:555px;
width:0; height:0; border-style:solid; border-width:50px 15px 0 0; border-color:transparent;
border-top-color:coral; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
width:345px; height:35px; padding-top:15px; overflow:hidden;
background:#3e3e3e; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:345px; height:175px; text-align:center;
background:coral; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; margin:15px 10px;
width:110px; padding:15px;
text-align:center; text-transform:uppercase; font-size:16px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; margin:15px 10px;
width:110px; padding:15px;
text-align:center; text-transform:uppercase; font-size:16px;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin:auto;
width:290px; height:50px; padding:5px; overflow:auto;
border:1px solid; text-align:justify;
border-color:black; /* MODIFIABLE */
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .gensmall {
font-size:9px; color:black; /* MODIFIABLE */
}
/* TRIANGLE STATISTIQUES QEEL */
.triQEEL {
position:absolute; margin-top:-175px; margin-left:345px;
width:0; height:0; border-style:solid; border-width:175px 50px 0 0; border-color:transparent;
border-top-color:coral; /* MODIFIABLE */
}
/* EN LIGNE & 24H QEEL */
.boxQEEL {
display:inline-block; vertical-align:top;
width:555px; height:160px; padding-top:15px; text-align:left;
background:#3e3e3e; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:0 15px;
width:220px; height:135px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-family:Verdana; font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top;
width:270px; height:135px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:10px;
width:900px; padding:5px 0; color:rgba(0,0,0,0);
background:rgba(0,0,0,0.7); /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* GROUPES QEEL */
.GQEEL a{
font-size:16px; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Ven 1 Juil - 1:06

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- IMAGE --><img src="{L_ONLINE_IMG}" class="imgQEEL" /><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div><!-- STATISTIQUES --><div class="stsQEEL">{NEWEST_USER}. {TOTAL_POSTS}. {TOTAL_USERS}.</div><!-- ANNIVERSAIRES --><div class="anvQEEL"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div><!-- EN LIGNE --><div class="onlineQEEL"><table><span id="TLUS">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script>▬ <b>En ligne</b> : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></table></div><!-- GROUPES --><div class="blocGQEEL">{GROUP_LEGEND}</div></div>
</td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; height:330px;
}
/* TITRE QEEL */
.tleQEEL a{
position:absolute; width:395px; height:35px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:18px; font-family:Arial;
background:#191919; color:white; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL {
position:absolute; margin-top:65px;
width:190px; height:255px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0;
}
/* IMAGE QEEL */
.imgQEEL {
position:absolute; margin-top:65px; margin-left:215px;
width:180px; height:150px;
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-left:410px;
width:210px; height:110px; padding:10px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:14px; line-height:22px; font-family:Arial; text-align:justify;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; margin-top:143px; margin-left:410px;
width:208px; height:50px; padding:10px; overflow:auto;
border:1px solid; text-align:justify;
border-color:black; /* MODIFIABLE */
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
.anvQEEL .gensmall {
font-size:9px;
color:black; /* MODIFIABLE */
}
/* NOMBRE UTILISATEURS EN LIGNE */
#TLUS {
display:block; margin:auto; margin-bottom:10px;
letter-spacing:0; font-size:9px; text-align:center;
color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
position:absolute; margin-top:230px; margin-left:215px;
width:415px; height:90px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:11px;
}
/* BLOC GROUPES QEEL */
.blocGQEEL {
position:absolute; margin-left:655px;
width:145px; height:330px; overflow:auto;
text-align:center; color:rgba(0,0,0,0); font-family:Arial; line-height:14px;
background:#191919; /* MODIFIABLE */
}
/* GROUPE QEEL */
.blocGQEEL a {
display:block;
padding:3px; margin-bottom:2px;
font-size:16px; font-weight:bold; text-transform:uppercase;
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; height:330px;
}
/* TITRE QEEL */
.tleQEEL a{
position:absolute; width:435px; height:35px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:18px; font-family:Arial;
background:#191919; color:white; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL {
position:absolute; margin-top:65px;
width:230px; height:255px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0;
}
/* IMAGE QEEL */
.imgQEEL {
position:absolute; margin-top:65px; margin-left:255px;
width:180px; height:150px;
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-left:450px;
width:230px; height:110px; padding:10px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:14px; line-height:22px; font-family:Arial; text-align:justify;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; margin-top:143px; margin-left:450px;
width:228px; height:50px; padding:10px; overflow:auto;
border:1px solid; text-align:justify;
border-color:black; /* MODIFIABLE */
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
.anvQEEL .gensmall {
font-size:9px;
color:black; /* MODIFIABLE */
}
/* NOMBRE UTILISATEURS EN LIGNE */
#TLUS {
display:block; margin:auto; margin-bottom:10px;
letter-spacing:0; font-size:9px; text-align:center;
color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
position:absolute; margin-top:230px; margin-left:255px;
width:435px; height:90px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:11px;
}
/* BLOC GROUPES QEEL */
.blocGQEEL {
position:absolute; margin-left:715px;
width:185px; height:330px; overflow:auto;
text-align:center; color:rgba(0,0,0,0); font-family:Arial; line-height:14px;
background:#191919; /* MODIFIABLE */
}
/* GROUPE QEEL */
.blocGQEEL a {
display:block;
padding:3px; margin-bottom:2px;
font-size:16px; font-weight:bold; text-transform:uppercase;
}

Instructions :
Revenir en haut Aller en bas
Sam 23 Juil - 17:07

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><div class="boxQEEL"><!-- 24H & MEMBRES CONNECTES --><div class="ondayQEEL"><table>{LOGGED_IN_USERS_LIST}</table><br/><br/><table>{L_CONNECTED_MEMBERS}</table></div><!-- STATISTIQUES --><div class="boxQEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- TOTAL MESSAGES --><div class="tlPQEEL"><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>messages</div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>membres</div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL">Bienvenue à <span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div><!-- TOTAL UTILISATEURS CONNECTES --><span id="TLUS">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script></div><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div></div>
</td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px;
font-family:Calibri; /* MODIFIABLE */
}
/* MEMBRES CONNECTES & 24H QEEL */
.ondayQEEL {
display:inline-block; vertical-align:top;  margin-right:10px;
width:330px; height:165px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
font-size:12px; text-align:justify;
}
.ondayQEEL .row1 {
background:none; padding:0 !important;
}
/* COULEUR TEXTE 24H QEEL */
.ondayQEEL .gensmall {
font-size:12px; font-family:Calibri;
color:black; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:10px;
width:290px; height:40px; padding-top:15px; overflow:hidden;
background:#3e3e3e; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:20px;
color:#64B3AC; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top;
width:110px; height:40px; padding:15px;
text-align:center; text-transform:uppercase; font-size:16px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-left:10px;
width:110px; height:40px; padding:15px;
text-align:center; text-transform:uppercase; font-size:16px;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:10px;
width:290px; height:25px; padding-top:5px; overflow:hidden;
background:#3e3e3e; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:14px;
}
/* NOMBRE UTILISATEURS EN LIGNE */
#TLUS {
display:block; margin-top:10px;
width:640px; height:15px; padding:5px 0;
font-size:11px; text-align:center;
background:white; color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; margin-left:10px;
width:150px; height:200px; padding:5px 0; overflow:auto; color:rgba(0,0,0,0);
background:rgba(0,0,0,0.7); /* MODIFIABLE */
text-align:center; text-transform:uppercase; line-height:14px;
}
/* GROUPES QEEL */
.GQEEL a{
display:block;
font-size:16px; /* MODIFIABLE */
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px;
font-family:Calibri; /* MODIFIABLE */
}
/* MEMBRES CONNECTES & 24H QEEL */
.ondayQEEL {
display:inline-block; vertical-align:top;  margin-right:10px;
width:370px; height:165px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
font-size:12px; text-align:justify;
}
.ondayQEEL .row1 {
background:none; padding:0 !important;
}
/* COULEUR TEXTE 24H QEEL */
.ondayQEEL .gensmall {
font-size:12px; font-family:Calibri;
color:black; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:10px;
width:320px; height:40px; padding-top:15px; overflow:hidden;
background:#3e3e3e; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:20px;
color:#64B3AC; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top;
width:125px; height:40px; padding:15px;
text-align:center; text-transform:uppercase; font-size:16px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-left:10px;
width:125px; height:40px; padding:15px;
text-align:center; text-transform:uppercase; font-size:16px;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:10px;
width:320px; height:25px; padding-top:5px; overflow:hidden;
background:#3e3e3e; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:14px;
}
/* NOMBRE UTILISATEURS EN LIGNE */
#TLUS {
display:block; margin-top:10px;
width:710px; height:15px; padding:5px 0;
font-size:11px; text-align:center;
background:white; color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; margin-left:10px;
width:180px; height:200px; padding:5px 0; overflow:auto; color:rgba(0,0,0,0);
background:rgba(0,0,0,0.7); /* MODIFIABLE */
text-align:center; text-transform:uppercase; line-height:14px;
}
/* GROUPES QEEL */
.GQEEL a{
display:block;
font-size:16px; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Ven 29 Juil - 16:32

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div id="QEEL"><div class="QEEL"><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div><div class="boxQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><div id="onLINE"><span id="TLUS">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>{LOGGED_IN_USERS_LIST}</div><script type="text/javascript">document.getElementById('onLINE').innerHTML=document.getElementById('onLINE').innerHTML.replace(/Utilisateurs enregistrés :/," ")</script></div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><b>Bienvenue</b><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div><!-- 24H --><div class="dayQEEL"><div><table>{L_CONNECTED_MEMBERS}</table></div></div><div class="boxQEEL"><!-- TOTAL MESSAGES --><div class="tlPQEEL"><p><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>messages</p></div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><p><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>membres</p></div><!-- TOP-SITES --><div class="voteQEEL"><!-- I --><a href="lien" target="_blank"><img src="http://www.aht.li/2860873/6060C.png" /></a><!-- II --><a href="lien" target="_blank"><img src="http://www.aht.li/2860873/6060C.png" /></a><!-- III --><a href="lien" target="_blank"><img src="http://www.aht.li/2860873/6060C.png" /></a><!-- IV --><a href="lien" target="_blank"><img src="http://www.aht.li/2860873/6060C.png" /></a></div></div></div></div>
</td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 900px :
Code:
/* CADRE QEEL */
#QEEL {
margin:auto; width:898px; padding:12px 0;
font-family:Arial; background:#DEDEDE; border:1px solid lightgrey; /* MODIFIABLE */
}
/* QEEL */
.QEEL {
margin:auto; width:870px; padding:10px 0; text-align:center;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
width:155px; height:284px; overflow:auto;
color:rgba(0,0,0,0); text-align:center; text-transform:uppercase;
}
/* LIEN GROUPE QEEL */
.GQEEL a{
display:block;
font-size:12px; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* CADRE MEMBRES CONNECTES */
.onlineQEEL {
width:308px; height:185px;
background:#DEDEDE; border:1px solid lightgrey; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES */
.onlineQEEL div{
margin:10px auto 0; width:278px; height:153px; padding:5px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:12px;
width:310px; height:65px; padding-top:20px;
background:#64B3AC; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:14px;
}
/* BIENVENUE DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL b{
display:block;
font-size:24px; color:white; /* MODIFIABLE */
}
/* CADRE 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px; width:230px; height:282px;
background:#DEDEDE; border:1px solid lightgrey; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL div{
margin:10px auto 0; width:200px; height:250px; padding:5px; overflow-y:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
.dayQEEL .gensmall {
font-family:Arial; font-size:12px; color:black; /* MODIFIABLE */
}
/* CADRE TOTAL MESSAGES QEEL */
.tlPQEEL {
margin-bottom:5px;
width:113px; height:60px; padding:5px;
text-align:center; text-transform:uppercase; font-size:16px;
background:#DEDEDE; border:1px solid lightgrey; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL p{
margin:0; height:48px; padding-top:10px;
font-family:Arial; background:white; border:1px solid lightgrey; color:black; /* MODIFIABLE */
}
/* CADRE TOTAL MEMBRES QEEL */
.tlMQEEL {
width:113px; height:60px; padding:5px;
text-align:center; text-transform:uppercase; font-size:16px;
background:#DEDEDE; border:1px solid lightgrey; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL p{
margin:0; height:48px; padding-top:10px;
font-family:Arial; background:white; border:1px solid lightgrey; color:black; /* MODIFIABLE */
}
/* IMAGES TOP-SITES */
.voteQEEL {
margin-top:10px; width:125px;
}
.voteQEEL a {
display:inline-block; vertical-align:top; width:60px; height:60px;
}
.voteQEEL a:nth-child(2) {
margin-left:5px;
}
.voteQEEL a:nth-child(3) {
margin-top:5px;
}
.voteQEEL a:nth-child(4) {
margin-top:5px; margin-left:5px;
}

Partie CSS pour largeur du forum = 800px :
Code:
/* CADRE QEEL */
#QEEL {
margin:auto; width:798px; padding:12px 0;
font-family:Arial; background:#DEDEDE; border:1px solid lightgrey; /* MODIFIABLE */
}
/* QEEL */
.QEEL {
margin:auto; width:770px; padding:10px 0; text-align:center;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
width:145px; height:284px; overflow:auto;
color:rgba(0,0,0,0); text-align:center; text-transform:uppercase;
}
/* LIEN GROUPE QEEL */
.GQEEL a{
display:block;
font-size:12px; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* CADRE MEMBRES CONNECTES */
.onlineQEEL {
width:258px; height:185px;
background:#DEDEDE; border:1px solid lightgrey; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES */
.onlineQEEL div{
margin:10px auto 0; width:228px; height:153px; padding:5px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:12px;
width:260px; height:65px; padding-top:20px;
background:#64B3AC; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:14px;
}
/* BIENVENUE DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL b{
display:block;
font-size:24px; color:white; /* MODIFIABLE */
}
/* CADRE 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px; width:190px; height:282px;
background:#DEDEDE; border:1px solid lightgrey; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL div{
margin:10px auto 0; width:160px; height:250px; padding:5px; overflow-y:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:white; border:1px solid lightgrey; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
.dayQEEL .gensmall {
font-family:Arial; font-size:12px; color:black; /* MODIFIABLE */
}
/* CADRE TOTAL MESSAGES QEEL */
.tlPQEEL {
margin-bottom:5px;
width:113px; height:60px; padding:5px;
text-align:center; text-transform:uppercase; font-size:16px;
background:#DEDEDE; border:1px solid lightgrey; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL p{
margin:0; height:48px; padding-top:10px;
font-family:Arial; background:white; border:1px solid lightgrey; color:black; /* MODIFIABLE */
}
/* CADRE TOTAL MEMBRES QEEL */
.tlMQEEL {
width:113px; height:60px; padding:5px;
text-align:center; text-transform:uppercase; font-size:16px;
background:#DEDEDE; border:1px solid lightgrey; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL p{
margin:0; height:48px; padding-top:10px;
font-family:Arial; background:white; border:1px solid lightgrey; color:black; /* MODIFIABLE */
}
/* IMAGES TOP-SITES */
.voteQEEL {
margin-top:10px; width:125px;
}
.voteQEEL a {
display:inline-block; vertical-align:top; width:60px; height:60px;
}
.voteQEEL a:nth-child(2) {
margin-left:5px;
}
.voteQEEL a:nth-child(3) {
margin-top:5px;
}
.voteQEEL a:nth-child(4) {
margin-top:5px; margin-left:5px;
}

Modifier les liens & images des top-sites :
Code:
<!-- TOP-SITES --><div class="voteQEEL"><!-- I --><a href="lien" target="_blank"><img src="http://www.aht.li/2860873/6060C.png" /></a><!-- II --><a href="lien" target="_blank"><img src="http://www.aht.li/2860873/6060C.png" /></a><!-- III --><a href="lien" target="_blank"><img src="http://www.aht.li/2860873/6060C.png" /></a><!-- IV --><a href="lien" target="_blank"><img src="http://www.aht.li/2860873/6060C.png" /></a></div>
Revenir en haut Aller en bas
Jeu 18 Aoû - 5:22

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div><!-- MESSAGES / MEMBRES / CONNECTES / DERNIER INSCRIT --><div class="boxQEEL"><div class="boxQEEL"><!-- TOTAL MESSAGES --><div class="tlPQEEL"><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>messages</div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>membres</div></div><!-- MEMBRES CONNECTES --><div class="onlineQEEL" id="onLINE"><span id="TLUS">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>{LOGGED_IN_USERS_LIST}<script type="text/javascript">document.getElementById('onLINE').innerHTML=document.getElementById('onLINE').innerHTML.replace(/Utilisateurs enregistrés :/," ")</script></div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL">Bienvenue <span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div></div>
</td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; text-align:center;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:185px; height:260px; overflow:auto;
background:#F4F4F4; /* MODIFIABLE */
color:rgba(0,0,0,0); text-align:center; text-transform:uppercase;
}
/* GROUPE QEEL */
.GQEEL a{
display:block;
font-family:Arial; font-size:14px; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
width:200px; height:250px; padding:5px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:#EDEDED; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
font-family:Arial; font-size:12px; color:black; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
margin-bottom:10px;
width:120px; height:75px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:16px; font-family:Arial; line-height:normal;
background:#DEDEDE; color:black; /* MODIFIABLE */
}
.tlPQEEL b{
font-size:30px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
width:120px; height:75px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:16px; font-family:Arial; line-height:normal;
background:white; color:black; /* MODIFIABLE */
}
.tlMQEEL b{
font-size:30px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin-left:10px;
width:235px; height:170px; padding:10px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase; font-family:Arial;
background:#F4F4F4; color:black; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:10px;
width:385px; height:40px; padding-top:20px;
background:#191919; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:18px; font-family:Arial;
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; text-align:center;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:205px; height:260px; overflow:auto;
background:#F4F4F4; /* MODIFIABLE */
color:rgba(0,0,0,0); text-align:center; text-transform:uppercase;
}
/* GROUPE QEEL */
.GQEEL a{
display:block;
font-family:Arial; font-size:14px; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
width:230px; height:250px; padding:5px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:#EDEDED; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
font-family:Arial; font-size:12px; color:black; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
margin-bottom:10px;
width:130px; height:75px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:16px; font-family:Arial; line-height:normal;
background:#DEDEDE; color:black; /* MODIFIABLE */
}
.tlPQEEL b{
font-size:30px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
width:130px; height:75px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:16px; font-family:Arial; line-height:normal;
background:white; color:black; /* MODIFIABLE */
}
.tlMQEEL b{
font-size:30px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin-left:10px;
width:275px; height:170px; padding:10px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase; font-family:Arial;
background:#F4F4F4; color:black; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:10px;
width:435px; height:40px; padding-top:20px;
background:#191919; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:18px; font-family:Arial;
}
Revenir en haut Aller en bas
Lun 22 Aoû - 6:57

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><!-- GROUPES --><div class="GQEEL">{GROUP_LEGEND}</div><!-- 24H & MEMBRES CONNECTES --><div class="boxQEEL"><div id="TLUS">{TOTAL_USERS_ONLINE}</div><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div><div class="boxQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL" id="onLINE">{LOGGED_IN_USERS_LIST}<script type="text/javascript">document.getElementById('onLINE').innerHTML=document.getElementById('onLINE').innerHTML.replace(/Utilisateurs enregistrés :/," ")</script></div><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div></div></div><!-- MESSAGES / MEMBRES / DERNIER INSCRIT --><div class="boxQEEL"><!-- TOTAL MESSAGES --><div class="tlPQEEL"><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script><br/>messages</div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/>membres</div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL">Bienvenue <span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div></div>
</td></tr></table>
<!-- END disable_viewonline -->

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px;
text-align:center; font-family:Arial;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:185px; height:295px; overflow:auto;
background:#F4F4F4; /* MODIFIABLE */
color:rgba(0,0,0,0); text-align:center; text-transform:uppercase;
}
/* GROUPE QEEL */
.GQEEL a{
display:block;
font-size:14px; /* MODIFIABLE */
}
/* POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* NOMBRE UTILISEURS EN LIGNE QEEL */
#TLUS {
margin:0 10px 10px;
width:460px; height:15px; padding:5px 0; overflow:hidden;
background:black; color:white; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
width:220px; height:250px; padding:5px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:#EDEDED; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
font-family:Arial; font-size:12px;
color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin-right:10px;
width:200px; height:185px; padding:10px; overflow:auto;
font-size:18px; text-align:justify; text-transform:uppercase;
background:#F4F4F4; color:black; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-top:10px;
width:220px; height:15px; padding:15px 0;
background:#191919; /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* TITRE QEEL */
.tleQEEL a {
color:white; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
width:135px; height:75px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:18px; line-height:normal;
background:#dedede; color:black; /* MODIFIABLE */
}
.tlPQEEL b{
font-size:30px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
margin:10px 0;
width:135px; height:75px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:18px; line-height:normal;
background:white; color:black; /* MODIFIABLE */
}
.tlMQEEL b{
font-size:30px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
width:125px; height:80px; padding:15px 5px 0; overflow:hidden;
background:#191919; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:18px;
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px;
text-align:center; font-family:Arial;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:210px; height:295px; overflow:auto;
background:#F4F4F4; /* MODIFIABLE */
color:rgba(0,0,0,0); text-align:center; text-transform:uppercase;
}
/* GROUPE QEEL */
.GQEEL a{
display:block;
font-size:14px; /* MODIFIABLE */
}
/* POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* NOMBRE UTILISEURS EN LIGNE QEEL */
#TLUS {
margin:0 10px 10px;
width:520px; height:15px; padding:5px 0; overflow:hidden;
background:black; color:white; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
width:240px; height:250px; padding:5px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:#EDEDED; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
font-family:Arial; font-size:12px;
color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin-right:10px;
width:240px; height:185px; padding:10px; overflow:auto;
font-size:18px; text-align:justify; text-transform:uppercase;
background:#F4F4F4; color:black; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-top:10px;
width:260px; height:15px; padding:15px 0;
background:#191919; /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* TITRE QEEL */
.tleQEEL a {
color:white; /* MODIFIABLE */
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
width:150px; height:75px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:18px; line-height:normal;
background:#dedede; color:black; /* MODIFIABLE */
}
.tlPQEEL b{
font-size:30px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
margin:10px 0;
width:150px; height:75px; padding-top:15px;
text-align:center; text-transform:uppercase; font-size:18px; line-height:normal;
background:white; color:black; /* MODIFIABLE */
}
.tlMQEEL b{
font-size:30px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
width:140px; height:80px; padding:15px 5px 0; overflow:hidden;
background:#191919; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:18px;
}
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum