[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 : 856
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 : 856
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 : 856
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 : 856
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 : 856
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 : 856
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 : 856
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 : 856
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 : 856
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 : 856
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 : 856
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 : 856
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;
}
/* 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;
}
/* GROUPE QEEL */
.GQEEL a{
display:block; margin-bottom:5px;
height:19px; padding:5px 0 0; overflow:hidden;
}

Largeur minimale du forum : 900px

Instructions :
Revenir en haut Aller en bas
MessageRe: [20] QEEL Mer 20 Avr - 10:20
avatar
Nombre de messages : 856
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; 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 : 856
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;
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); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0;
}
/* BLOC NOMS DES 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;
}
/* LIEN GROUPE QEEL */
.GQEEL a{
font-size:16px;
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [20] QEEL Jeu 16 Juin - 3:56
avatar
Nombre de messages : 856
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;
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 NOMS DES 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;
}
/* NOMS DES GROUPES QEEL */
.GQEEL a{
font-size:16px; /* MODIFIABLE */
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [20] QEEL Ven 1 Juil - 1:06
avatar
Nombre de messages : 856
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: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:grey; 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; font-family:Arial; line-height:22px; 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); line-height:14px;
background:grey; /* MODIFIABLE */
}
/* GROUPE QEEL */
.blocGQEEL a {
display:block;
padding:3px; margin-bottom:2px;
font-size:16px; font-family:Arial; font-weight:bold; text-transform:uppercase;
}

Largeur minimale du forum : 800px

Instructions :

Revenir en haut Aller en bas
MessageRe: [20] QEEL Sam 23 Juil - 17:07
avatar
Nombre de messages : 856
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;
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 */
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [20] QEEL Ven 29 Juil - 16:32
avatar
Nombre de messages : 856
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:
/* CADRE QEEL */
#QEEL {
width:898px; padding:12px 0;
background:#dedede; border:1px solid lightgrey; /* MODIFIABLE */
}
/* QEEL */
.QEEL {
margin:auto; width:870px; padding:10px 0 6px; 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; 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: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-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;
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;
background:white; border:1px solid lightgrey; color:black; /* MODIFIABLE */
}
/* IMAGES TOP-SITES */
.voteQEEL {
margin-top:10px; width:125px;
}
.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;
}

Largeur minimale du forum : 900px

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 : 856
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; 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-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;
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;
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [20] QEEL Lun 22 Aoû - 6:57
avatar
Nombre de messages : 856
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;
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;
}

Largeur minimale du forum : 800px
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-