Re,
Voici le CSS pour le fameux QEEL. J'ai un dernier soucis et je suis entrain de m'arracher les cheuveux dessus....
- je n'arrive pas à modifier la couleur du texte pour "Membres de notre communauté magique ayant transplanés au cours des 36 dernières heures :"
- idem pour la ligne "Membres de notre communauté magique fêtant leur anniversaire aujourd'hui : Eliina Roday (18)
Membres de notre communauté magique fêtant leur anniversaire dans les 7 prochains jours: Alexeï V. Kurzakhov (19), Evelyn Lyons (16) "
je voulais mettre les deux avec #006666.
Et dernier soucis, j'ai la ligne "1 Membre présent :: 1 Sorcier, 0 Sous cape d'invisibilité et, 0 Moldu " qui n'est pas centré et surtout si vous regardez bien http://thetenebrospoudlard.forumactif.org/ j'ai un décalage au niveau des 3 blocs, ils ne se rapartissent pas bien dans le QEEL...J'ai les premiers qui sont séparés par le même espace mais le troisième et bien l'écart est beaucoup trop grand....J'ai essayé pleins de variantes mais je n'ai pas trouvé le truc !
merci encore pour le coup de main ^^
Amitié
Sylvius
- Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; height:300px; padding-top:5px; 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:290px;
}
/* MEMBRES CONNECTES */
.onlineQEEL {
display:inline-block; margin-bottom:10px; margin-right:5px;
width:270px; height:100px; padding:10px; overflow:hidden;
background:#ccccff; color:#006666; /* MODIFIABLE */
font-size:10px; text-align:justify;
opacity:1; 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:#ccccff; color:#006666 !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
opacity:1; 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:300px; height:100px; padding:10px; overflow:hidden;
background:#ccccff; color:#006666; /* MODIFIABLE */
font-size:10px; text-align:justify !important;
opacity:1; 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:320px; height:120px;
font-family:Lucida Calligraphy; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto;
width:320px; height:24px; padding:12px 0 0;
text-transform:uppercase; text-align:center; font-weight:bold;
background:#ccccff; color:#006666; /* 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:#ccccff; color:#006666 !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:10px;
width:220px; height:230px; padding:10px 0; overflow:hidden;
text-align:center; color:rgba(0,0,0,0); line-height:11px;
background:#ccccff; /* MODIFIABLE */
opacity:1; 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:Lucida Calligraphy; font-size:11px;
text-shadow:1px 1px 0px rgba(0,0,0,0.3); letter-spacing:1px; /* 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:24px; font-family:Lucida Calligraphy;
color:#006666; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* Nombre utilisateurs en ligne */
#TLUS {
display:block; margin-top:-8px;
letter-spacing:0.5; font-size:5px;
color:#006666; /* MODIFIABLE */
}
.forumline .row1 .genmed img[style="float:left"]{
margin-right:5px;
}
.forumline .row1 .genmed img[style="float:left"],
.sousfo{
height:104px;
}
.forumline .row1 .genmed img[style="float:left"] ~ br,
.forumline .row1 .genmed img[style="float:left"] ~ div[align="left"]{
display:none;
}
.sousfo{
display:flex;
align-items:center;
align-content:center;
flex-wrap:wrap;
margin:0;
}
#TLUS{
text-transform:none;
}
Voici le CSS pour le fameux QEEL. J'ai un dernier soucis et je suis entrain de m'arracher les cheuveux dessus....
- je n'arrive pas à modifier la couleur du texte pour "Membres de notre communauté magique ayant transplanés au cours des 36 dernières heures :"
- idem pour la ligne "Membres de notre communauté magique fêtant leur anniversaire aujourd'hui : Eliina Roday (18)
Membres de notre communauté magique fêtant leur anniversaire dans les 7 prochains jours: Alexeï V. Kurzakhov (19), Evelyn Lyons (16) "
je voulais mettre les deux avec #006666.
Et dernier soucis, j'ai la ligne "1 Membre présent :: 1 Sorcier, 0 Sous cape d'invisibilité et, 0 Moldu " qui n'est pas centré et surtout si vous regardez bien http://thetenebrospoudlard.forumactif.org/ j'ai un décalage au niveau des 3 blocs, ils ne se rapartissent pas bien dans le QEEL...J'ai les premiers qui sont séparés par le même espace mais le troisième et bien l'écart est beaucoup trop grand....J'ai essayé pleins de variantes mais je n'ai pas trouvé le truc !
merci encore pour le coup de main ^^
Amitié
Sylvius
Salut à tous !
Bon ba pb résolu, vous pouvez archiver
A+
Sylvius
Bon ba pb résolu, vous pouvez archiver
A+
Sylvius
Bonjour,
Je vais archiver ta demande d'aide, du coup.
Bonne journée !
Je vais archiver ta demande d'aide, du coup.
Bonne journée !