[20] QEEL

 :: Libre service :: Codage :: Templates Voir le sujet précédent Voir le sujet suivant Aller en bas
Message[20] QEEL Jeu 30 Avr - 4:40
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 

Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto;
width:900px; height:245px;
background:#ccc; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL {
padding:3px 5px 3px 0px;
box-shadow:inset 0 0 25px rgba(0,0,0,0.3); font-family:Arial; background:#4B606C; /* MODIFIABLE */
text-transform:uppercase; text-align:right;
}
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* IMAGE QEEL */
#i_whosonline {
position:absolute; margin-left:-30px; margin-top:35px;
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:405px; 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:385px; 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;
}
.onlineQEEL .row1 {
background:none; padding:0;
}
/* 24H QEEL */
.dayQEEL {
position:absolute; margin-left:675px; margin-top:15px;
width:185px; height:155px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0;
}
/* BLOC GROUPES QEEL */
.blocGQEEL {
width:900px; padding:5px 0;
text-align:center; color:rgba(0,0,0,0);
background:#4B606C; /* MODIFIABLE */
}
/* LIEN GROUPE QEEL */
.blocGQEEL a {
font-size:14px; font-weight:bold; text-transform:uppercase;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; z-index:2; margin-top:77px; margin-left:570px;
width:145px; 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:-62px; margin-left:60px;
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:28px; margin-left:-25px;
width:175px; overflow:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* COULEUR TEXTE CONTENU ANNIVERSAIRES QEEL */
.anvQEEL .gensmall {
color:black; /* MODIFIABLE */
}

Largeur minimale du forum : 900px

Instructions :
Revenir en haut Aller en bas
MessageRe: [20] QEEL Ven 1 Mai - 2:13
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 

Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; height:auto; border-radius:10px;
background:#ccc; /* MODIFIABLE */
}
/* BLOC TITRE QEEL */
.tleQEEL {
box-shadow:inset 0 0 25px rgba(0,0,0,0.2); background:#191919; /* MODIFIABLE */
padding:10px 0; letter-spacing:2px; font-weight:bold; text-transform:uppercase; text-align:center;
}
/* 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 auto;
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;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
color:black; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:15px auto 0 auto;
width:900px; padding:10px 0; border-radius:0 0 10px 10px;
background:#191919; color:white; /* MODIFIABLE */
box-shadow:0 0 3px rgba(0,0,0,0.3);
text-align:center; font-size:11px;
}
/* GROUPES QEEL */
.blocGQEEL {
float:right; margin-top:-165px; margin-right:-30px;
width:145px; text-align:center;
}
/* NOMS GROUPES QEEL */
.blocGQEEL a {
display:block; margin-bottom:2px;
padding:3px; border:2px solid;
font-size:16px; /* MODIFIABLE */
font-weight:bold; text-transform: uppercase;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; z-index:2; margin-left:-10px; margin-top:95px;
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 */
}

Largeur minimale du forum : 900px

Instructions :


Revenir en haut Aller en bas
MessageRe: [20] QEEL Lun 19 Oct - 4:39
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 

Partie CSS :
Code:
/* QEEL */
.QEEL {
width:800px; margin:auto;
}
/* MEMBRES CONNECTES & 24 H QEEL */
#ondayQEEL {
display:inline-block; 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;
height:120px; width:200px; padding:5px; overflow:hidden;
background-color:#e8e7e9; color:black; /* MODIFIABLE */
font-size:10px;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* TITRE / STATISTIQUES / DESCRIPTIFS GROUPES / ANNIVERSAIRES QEEL */
.blocQEEL {
display:inline-block; vertical-align:top; width:550px;
}
/* TITRE QEEL */
.tleQEEL {
width:525px; height:35px; padding:25px 25px 25px 0;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; text-align:right; text-shadow:1px 1px 0px black;
}
.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; text-align:center;
}
/* 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;
width:180px; height:130px; padding:10px;
background:#e8e7e9; /* MODIFIABLE */
text-align:center; font-size:11px;
}
.stsQEEL div {
margin:5px 0;
text-transform:uppercase; text-align:right;
border-bottom:1px solid 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;
}
.anvQEEL div {
position:absolute; z-index:2;
margin-top:-180px; margin-left:-10px;
width:0px; height:130px; padding:10px; overflow:hidden;
background:#dddddd; color:black; /* MODIFIABLE */
text-align:justify !important;
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:330px; overflow:auto;
opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* BLOC NOMS DES GROUPES QEEL */
.GQEEL {
margin-top:15px;
width:800px; padding:10px 0;
text-align:center;
background:#191919; /* MODIFIABLE */
}
/* BLOC NOM DU GROUPE QEEL */
.onglet {
display:inline-block;
margin:0 10px; padding:10px;
text-align:center; font-size:12px; text-transform:uppercase;
color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL NOM DU GROUPE QEEL */
.onglet_1 {
box-shadow:inset 0 0 25px rgba(0,0,0,0.2); letter-spacing:1px; /* MODIFIABLE */
}

Largeur minimale du forum : 800px

Instructions :

Revenir en haut Aller en bas
MessageRe: [20] QEEL Ven 30 Oct - 4:26
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 

Partie CSS pour largeur du forum = 850px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:850px; height:auto;
}
/* TITRE QEEL */
.tleQEEL {
margin:5px auto; width:840px;
text-transform:uppercase; text-align:right;
}
.tleQEEL a{
font-size:14px; font-family:Arial; color:#191919; /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
position:relative; z-index:1;
display:inline-block; vertical-align:top; width:250px;
background:#191919; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:180px; height:130px; padding:165px 10px 0 10px;
background:#e8e7e9; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0;
text-transform:uppercase; text-align:right;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* BLOC ANNIVERSAIRES / MEMBRES EN LIGNE / 24H / DESCRIPTIFS GROUPES QEEL */
.blocQEEL {
display:inline-block; vertical-align:top; width:600px;
}
/* BLOC CARRES COLORES GROUPES QEEL */
.GQEEL {
width:600px; padding:10px 0;
text-align:center;
background:#191919; /* MODIFIABLE */
}
/* CARRE COLORE QEEL */
.onglet {
display:inline-block; margin:0 10px; padding:10px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL CARRE COLORE QEEL */
.onglet_1 {
box-shadow:inset 0 0 25px rgba(0,0,0,0.4); /* MODIFIABLE */
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
background:#dddddd; /* MODIFIABLE */
width:400px; height:110px; text-align:center;
}
/* DESCRIPTIF GROUPE QEEL */
.contenu_onglet {
display:none;
width:390px; height:100px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* NOM DU GROUPE QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:395px; margin-top:-5px;
width:200px; height:80px; padding-top:30px;
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 */
}
/* IMAGE DESCRIPTIF GROUPE QEEL */
.contenu_onglet img {
position:absolute; z-index:3; margin-left:-202px; margin-top:-32px;
width:135px; height:135px; border-radius:135px; border:5px solid;
border-color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC ANNIVERSAIRES / MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:600px; padding:10px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; margin-top:5px;
width:10px; height:95px; padding:10px;
background:grey; color:white; /* MODIFIABLE */
font-family:Arial; text-align:center; line-height:16px;
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:2;
margin-left:20px; margin-top:-26px;
width:0px; height:95px; padding:10px; overflow:hidden;
background:#dddddd; color:black; /* MODIFIABLE */
text-align:justify !important;
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:245px; overflow:auto; opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:270px; height:100px; padding:10px 5px 5px 5px; overflow:auto;
background:#e8e7e9; color:black; /* MODIFIABLE */
font-size:10px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:270px; height:105px; padding:5px; overflow:hidden;
background-color:#e8e7e9; color:black !important; /* MODIFIABLE */
font-size:10px;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; height:auto;
}
/* TITRE QEEL */
.tleQEEL {
margin:5px auto; width:890px;
text-transform:uppercase; text-align:right;
}
.tleQEEL a{
font-size:14px; font-family:Arial; color:#191919; /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
position:relative; z-index:1;
display:inline-block; vertical-align:top; width:250px;
background:#191919; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:180px; height:130px; padding:165px 10px 0 10px;
background:#e8e7e9; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0;
text-transform:uppercase; text-align:right;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* BLOC ANNIVERSAIRES / MEMBRES EN LIGNE / 24H / DESCRIPTIFS GROUPES QEEL */
.blocQEEL {
display:inline-block; vertical-align:top; width:650px;
}
/* BLOC CARRES COLORES GROUPES QEEL */
.GQEEL {
width:650px; padding:10px 0;
text-align:center;
background:#191919; /* MODIFIABLE */
}
/* CARRE COLORE QEEL */
.onglet {
display:inline-block; margin:0 10px; padding:10px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL CARRE COLORE QEEL */
.onglet_1 {
box-shadow:inset 0 0 25px rgba(0,0,0,0.4); /* MODIFIABLE */
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
background:#dddddd; /* MODIFIABLE */
width:450px; height:110px; text-align:center;
}
/* DESCRIPTIF GROUPE QEEL */
.contenu_onglet {
display:none;
width:440px; height:100px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* NOM DU GROUPE QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:445px; margin-top:-5px;
width:200px; height:80px; padding-top:30px;
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 */
}
/* IMAGE DESCRIPTIF GROUPE QEEL */
.contenu_onglet img {
position:absolute; z-index:3; margin-left:-202px; margin-top:-32px;
width:135px; height:135px; border-radius:135px; border:5px solid;
border-color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC ANNIVERSAIRES / MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:650px; height:125px; padding:10px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
position:absolute; margin-top:5px;
width:10px; height:95px; padding:10px;
background:grey; color:white; /* MODIFIABLE */
font-family:Arial; text-align:center; line-height:16px;
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:2;
margin-left:20px; margin-top:-26px;
width:0px; height:95px; padding:10px; overflow:hidden;
background:#dddddd; color:black; /* MODIFIABLE */
text-align:justify !important;
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:267px; overflow:auto; opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:290px; height:100px; padding:10px 5px 5px 5px; overflow:auto;
background:#e8e7e9; color:black; /* MODIFIABLE */
font-size:10px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:295px; height:105px; padding:5px; overflow:hidden;
background-color:#e8e7e9; color:black !important; /* MODIFIABLE */
font-size:10px;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}

Instructions :
Revenir en haut Aller en bas
MessageRe: [20] QEEL Lun 30 Nov - 6:07
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 

Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; height:auto;
}
/* BLOC TITRE QEEL */
.tleQEEL {
width:490px; height:25px; padding:10px 0 10px 10px;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:24px;
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 */
}
/* BLOC STATISTIQUES / MEMBRES EN LIGNE / 24H / DESCRIPTIFS GROUPES QEEL */
.blocQEEL {
width:800px;
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{
transform:scale(0) rotate(360deg); -webkit-transform:scale(0) rotate(360deg); opacity:0;
}
/* 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;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding:5px 0;
text-transform:uppercase; text-align:center;
border-bottom:1px dashed black; /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE/24H QEEL */
#ondayQEEL {
display:inline-block; vertical-align:middle;
width:400px; padding:10px 0; text-align:center;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:170px; height:195px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.onlineQEEL:hover {
overflow:auto;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:180px; height:205px; padding:5px; overflow:hidden;
background-color:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
/* ANNIVERSAIRES */
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:middle; margin:5px;
background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
width:210px; height:215px; text-align:center;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet {
display:none;
width:190px; height:195px; padding:10px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:-90px; margin-top:-70px;
width:300px; height:25px; padding:10px 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 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; background:blue;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TRAIT COLORE GROUPES QEEL */
.onglet_1 {
opacity:1;
}

Largeur minimale du forum : 800px

Instructions :




Revenir en haut Aller en bas
MessageRe: [20] QEEL Mer 9 Déc - 22:12
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 

Partie CSS :
Code:
/* QEEL */
#QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
display:block; width:800px; padding:10px 0;
text-align:right; text-transform:uppercase;
}
.tleQEEL a{
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:5px;
width:255px; height:95px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.7); color:black;  /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
margin:auto;
width:265px; height:125px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* 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:white; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* TITRES 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; /* MODIFIABLE */
}
/* ANNIVERSAIRES */
.anvQEEL {
display:block; margin:10px auto 0;
width:75%; height:75px; 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;
}
/* 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;
}
/* GROUPE QEEL */
.GQEEL a {
display:block; padding:5px;
text-transform:uppercase; font-weight:bold; text-align:center;
font-size:16px; font-family:Arial; /* MODIFIABLE */
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [20] QEEL Ven 18 Déc - 23:26
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 


Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px;
background:none; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL {
display:inline-block; vertical-align:top; margin-bottom:15px;
width:480px; height:60px; padding-top:25px; box-shadow:inset 0 0 25px rgba(0,0,0,0.2);
font-family:Arial; background:#3E2524; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE */
.lstQEEL {
margin-left:20px; display:inline-block;
height:65px; width:300px; padding-top:20px;
background:#dedede; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* BLOC MEMBRES CONNECTES & 24H */
.ondayQEEL {
display:inline-block; vertical-align:top;
text-align:center;
width:410px; 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;
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; margin-left:20px;
width:350px; height:200px;
background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
text-align:center;
}
.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;
}
/* NOMBRE MESSAGES & TOTAL MEMBRES */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
height:75px; width:145px; padding-top:25px;
background:#81614b; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; margin-left:20px; margin-top:15px;
width:470px; height:70px; padding-top:30px;
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:-59px;
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:450px; overflow:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* BLOC NOMS GROUPES QEEL */
.GQEEL {
width:800px; padding:10px 0; text-align:center;
}
/* NOMS GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px; padding:5px;
font-size:14px; font-weight:bold; text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
}
/* SURVOL NOM GROUPES QEEL */
.onglet_1 {
letter-spacing:2px;
}

Largeur minimale du forum : 800px

Instructions :

Revenir en haut Aller en bas
MessageRe: [20] QEEL Jeu 31 Déc - 2:08
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 

Partie CSS pour largeur du forum = 800px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
margin-bottom:15px;
width:460px; height:60px; padding-top:25px;
font-family:Arial; background:#0d1217;  /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* 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-color:rgba(0,0,0,0.8); /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
height:65px; width:305px; 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;
height:55px; width:145px; padding-top:25px;
background:#101e29; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
height:55px; width:145px; padding-top:25px;
background:#294154; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; margin-top:15px;
width:305px; height:70px; padding-top:30px;
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:-59px;
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;
}
/* BLOC MEMBRES CONNECTES/24H & TRAITS GROUPES QEEL */
#ondayQEEL {
display:inline-block; vertical-align:top;
}
/* MEMBRES CONNECTES & 24H */
.ondayQEEL {
display:inline-block; vertical-align:top;
width:360px; height:195px; 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;
}
/* BLOC TRAITS GROUPES QEEL */
.GQEEL {
display:inline-block; margin-left:15px;
width:65px; padding-top:5px; height:210px; text-align:center;
background:black; /* MODIFIABLE */
}
/* TRAIT GROUPE QEEL */
.onglet {
display:block; margin:7px auto;
width:45px; height:10px;
opacity:0.7;
}
/* SURVOL TRAIT GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
margin-top:15px; margin-left:245px;
width:545px; height:65px; padding:5px; overflow:auto;
background-color:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
text-align:justify; font-size:11px;
}
.contenu_onglet {
display:none;
}
/* NOM Du GROUPE QEEL */
.contenu_onglet div {
position:absolute; z-index:3;  margin-left:-250px; margin-top:-5px;
width:215px; height:45px; padding:20px 10px 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 */
}

Partie CSS pour largeur du forum = 900px :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; text-align:center;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:15px;
width:100%; height:60px; padding-top:25px;
font-family:Arial; background:#0d1217; /* 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; width:555px;
}
/* MEMBRES CONNECTES & 24H */
.ondayQEEL {
display:inline-block; vertical-align:top;
width:450px; height:195px; 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;
}
/* BLOC TRAITS GROUPES QEEL */
.GQEEL {
display:inline-block; margin-left:10px;
width:75px; height:210px; padding-top:5px; text-align:center;
background:black; /* MODIFIABLE */
}
/* TRAIT GROUPE QEEL */
.onglet {
display:block; margin:7px auto;
width:55px; 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:10px;
width:315px; height:295px; padding:10px; overflow:hidden;
background-color:rgba(0,0,0,0.8); /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
width:315px; 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:10px;
width:155px; height:55px; padding-top:25px;
background:#101e29; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
width:150px; height:55px; padding-top:25px;
background:#294154; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; margin-top:15px;
width:315px; height:70px; padding-top:30px;
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:-59px;
width:0px; height:80px; padding:10px 5px; overflow:hidden;
text-align:justify !important;
background:#ccc; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
width:305px; overflow-y:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
margin-left:300px; margin-top:15px;
width:590px; height:65px; padding:5px; overflow:auto;
background-color:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
text-align:justify; font-size:11px;
}
.contenu_onglet {
display:none;
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-left:-305px; margin-top:-5px;
width:280px; height:45px; padding:20px 5px 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 */
}

Instructions :
Revenir en haut Aller en bas
MessageRe: [20] QEEL Lun 4 Jan - 3:08
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :

Spoiler:
 

Partie CSS :
Code:
/* QEEL */
#QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
width:770px; padding:15px;
font-family:Arial; background:#0d1217; box-shadow:inset 0 0 25px rgba(0,0,0,0.1); /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:right;
}
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* BLOC TOTAL MEMBRES & MESSAGES */
.stsQEEL {
position:absolute; margin-left:10px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top;
height:28px; width:90px; padding:5px;
background:#101e29; 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;
height:28px; width:90px; padding:5px;
background:#294154; color:white; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; text-align:center;
}
/* MEMBRES CONNECTES & 24H */
#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;
}
/* BLOC DESCRIPTIFS GROUPES/DERNIER UTILISATEUR */
#boxQEEL {
display:inline-block; vertical-align:top;
width:460px;
}
/* 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;
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3;  margin-left:-230px; margin-top:80px;
width:200px; height:55px; padding:30px 10px 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 */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
height:65px; width:220px; padding-top:25px;
background:#3e3e3e; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* BLOC TRAITS GROUPES & ANNIVERSAIRES */
.ganvQEEL {
display:inline-block; vertical-align:top;
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 */
}
/* TRAIT GROUPE 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:10px; overflow:hidden;
text-align:justify !important;
background:#dedede; color:black; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
height:165px; overflow:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}

Largeur minimale du forum : 800px

Instructions :

Revenir en haut Aller en bas
MessageRe: [20] QEEL Lun 11 Jan - 5:43
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 

Partie CSS :
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;
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); color:black !important; /* 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;
}
/* BLOC ANNIVERSAIRES / STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin-bottom:10px;
width:225px; height:100px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* 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;
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:245px; height:120px;
font-family:Verdana; /* 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;
}
/* GROUPE 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:8px;
color:white; /* MODIFIABLE */
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [20] QEEL Jeu 24 Mar - 4:17
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 

Partie CSS :
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); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0; margin:0;
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin:15px auto;
width:858px; padding:10px 0;
text-align:center; text-transform:uppercase; color:rgba(0,0,0,0);
border:1px solid #efefef; /* MODIFIABLE */
}
/* LIEN GROUPE 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;
height:63px; width:628px; padding-top:35px;
border:1px solid #efefef; color:grey; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:24px;
}
/*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;
border:1px solid white; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}

Largeur minimale du forum : 900px
Revenir en haut Aller en bas
MessageRe: [20] QEEL Mar 19 Avr - 7:13
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [20] QEEL Mer 20 Avr - 10:20
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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="1" cellpadding="0">
<tr><td><div class="QEEL"><!-- 24H --><div class="dayQEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><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" /><!-- DESCRIPTIFS GROUPES --><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><div class="contenu_onglets">
<script type="text/javascript">
        //<!--
                var anc_onglet = 'eins';
                change_onglet(anc_onglet);
        //-->
        </script>
<!-- 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"><!-- STATISTIQUES --><div class="stsQEEL">{NEWEST_USER}. {TOTAL_USERS}. {TOTAL_POSTS}.</div><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></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:#bf51b2; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top;
width:275px; height:450px; padding:5px; overflow:auto; border:1px solid;
border-color:#bf51b2; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 24H */
.dayQEEL .gensmall {
color:#bf51b2; /* MODIFIABLE */
}
/* BLOC IMAGE / DESCRIPTIONS GROUPES / STATISTIQUES & 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 DESCRIPTION GROUPE QEEL */
.contenu_onglet {
display:none; position:absolute; margin-top:-310px; margin-left:75px;
width:300px; height:270px; padding-top:30px; overflow:auto; border-radius:300px;
background-color: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;
}
/* DESCRIPTION GROUPE */
.contenu_onglet p {
margin:auto; width:200px; height:160px; overflow:auto;
font-size:10px; text-align:justify;
color:#bf51b2; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin-bottom:10px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin-top:15px;
width:440px; height:110px; padding:5px; overflow:auto; border:1px solid;
color:#bf51b2; border-color:#bf51b2; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:5px; width:800px; text-align:center;
}
/* TRAIT COLORE GROUPE 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
MessageRe: [20] QEEL Lun 16 Mai - 13:08
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [20] QEEL Jeu 16 Juin - 3:56
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [20] QEEL Ven 1 Juil - 1:06
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [20] QEEL Sam 23 Juil - 17:07
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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><!-- ANNIVERSAIRES --><div class="anvQEEL"><p>+</p><div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></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;
}
.ondayQEEL .gensmall {
font-size:12px; font-family:Calibri;
}
/* 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:90px; 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:90px; height:40px; padding:15px;
text-align:center; text-transform:uppercase; font-size:16px;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; vertical-align:top; margin-left:10px;
width:30px; height:70px; text-align:center;
background:black; color:white; /* MODIFIABLE */
}
.anvQEEL p {
margin:0; width:30px; height:50px; padding-top:20px;
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div{
position:absolute; margin-top:-135px; margin-left:-260px;
width:280px; height:45px; padding:5px; overflow:auto;
background:black; /* MODIFIABLE */
opacity:0; transform:scale(0); -webkit-transform:scale(0);
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.anvQEEL .gensmall {
font-size:9px; color:white; /* MODIFIABLE */
}
.anvQEEL:hover div{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* 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;
}
/* LIEN GROUPE 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;
}
.ondayQEEL .gensmall {
font-size:12px; font-family:Calibri;
}
/* 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:105px; 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:105px; height:40px; padding:15px;
text-align:center; text-transform:uppercase; font-size:16px;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; vertical-align:top; margin-left:10px;
width:30px; height:70px; text-align:center;
background:black; color:white; /* MODIFIABLE */
}
.anvQEEL p {
margin:0; width:30px; height:50px; padding-top:20px;
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div{
position:absolute; margin-top:-135px; margin-left:-290px;
width:310px; height:45px; padding:5px; overflow:auto;
background:black; /* MODIFIABLE */
opacity:0; transform:scale(0); -webkit-transform:scale(0);
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.anvQEEL .gensmall {
font-size:9px; color:white; /* MODIFIABLE */
}
.anvQEEL:hover div{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* 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;
}
/* GROUPE QEEL */
.GQEEL a{
display:block;
font-size:16px; /* MODIFIABLE */
}
Revenir en haut Aller en bas
MessageRe: [20] QEEL Ven 29 Juil - 16:32
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [20] QEEL Jeu 18 Aoû - 5:22
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
MessageRe: [20] QEEL Lun 22 Aoû - 6:57
avatar
Nombre de messages : 892
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

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
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Libre service :: Codage :: Templates-