La date/heure actuelle est Ven 29 Mar 2024 - 3:36
5 résultats trouvés pour dedede
Problème de "hover" sur un encadré
Bonjour,C'est encore moi, j'ai un autre problème qui n'a aucun rapport avec le premier donc j'ouvre un autre sujet.
L'adresse de mon forum pour que vous puissiez voir tout ça est : http://providence-rh.forumactif.com/
Sur la capture ci-dessous :
Quand on laisse la souris dans l'encadré bleu ou vert, tout va bien, les images disparaissent bien.
Par contre, quand on laisse la souris dans l'encadré rouge, l'image fait des "allers retours" et du coup, ça empêche de cliquer sur les sous-forums.
J'aimerais que la réaction soit la même que pour les encadrés bleu et vert : l'image reste "disparue" jusqu'à ce qu'on enlève la souris de l'encadré.
Je n'ai pas réussi à trouver l'origine du problème... Je vous laisse mon CSS ci-dessous.
- CSS:
- a:link, a:visited, a:active, a:hover {text-decoration: none !important;}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
.postbody { display: block; text-align:justify; padding-left:15px; padding-right:15px; padding-bottom:10px;}
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:5px 0; text-align:center;
background:#E3D8A9; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:10 auto;
font-size:20px; text-transform:none; letter-spacing:0px; font-family:Permanent Marker; font-style:regular;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
#FRM {
margin:-20px auto;
width:800px; padding:0px; overflow:hidden;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
}
.FRM {
position:relative; width:800px; overflow:hidden;
text-align:center; font-family:Verdana;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin-right:0px;
width:640px; padding:5px 5px; overflow:hidden;
text-align:center; font-size:20px; font-weight:bold; font-family:Lobster; line-height:20px;
background:#E1C5C6; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:150px; height:30px; padding:0px 0 0px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:30px;
background:#E1C5C6; color:white; /* MODIFIABLE */
}
/* BLOC ICÔNES / DERNIER MESSAGE FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin-top:0px;
width:150px; height:100px;
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; z-index:4; margin-left:-75px;
width:150px; height:80px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.DSFRM:hover .imgFRM {
width:0;
}
.DSFRM:hover .descFRM img {
width:0;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:150px; height:80px; padding:0 00px; overflow:hidden;
text-align:center; font-size:11px; line-height:20px;
background:rgba(0,0,0,0.3); color:#DEDEDE; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTION & SOUS-FORUMS */
.DSFRM {
display:inline-block; vertical-align:top; margin-top:0px; margin-left:0px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-right:0px;
width:450px; height:70px; padding:5px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; line-height:15px;
}
.descFRM:hover {
overflow-y:auto;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:-205px;
width:200px; height:80px;
transition:all .65s ease; -webkit-transition:all .65s ease;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:180px; height:70px; padding:5px; overflow-y:auto;
text-align:justify; font-size:10px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0;
background:grey; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; line-height:16px;
color:white !important; /* MODIFIABLE */
}
Par avance, merci !
Cordialement,
Illyria.
- le Mer 31 Juil 2019 - 22:48
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Problème de "hover" sur un encadré
- Réponses: 2
- Vues: 1692
Retirer l'espace entre les forums
Bonjour Splash,Merci beaucoup pour ton retour ! J'ai changé ce que tu as noté pour enlever complètement l'espace et ça fonctionne très bien, par contre du coup mes catégories sont mal placées et tout en bas de la page, le panneau d'administration est à cheval sur le QEEL (j'ai laissé en visuel sur le forum pour que tu puisses voir).
Ci-dessous le nouveau CSS :
- CSS:
- a:link, a:visited, a:active, a:hover {text-decoration: none !important;}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
.postbody { display: block; text-align:justify; padding-left:15px; padding-right:15px; padding-bottom:10px;}
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:5px 0; text-align:center;
background:#E3D8A9; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:10 auto;
font-size:20px; text-transform:none; letter-spacing:0px; font-family:Permanent Marker; font-style:regular;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
#FRM {
margin:-20px auto;
width:800px; padding:0px; overflow:hidden;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
}
.FRM {
position:relative; width:800px; overflow:hidden;
text-align:center; font-family:Verdana;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin-right:0px;
width:640px; padding:5px 5px; overflow:hidden;
text-align:center; font-size:20px; font-weight:bold; font-family:Lobster; line-height:20px;
background:#E1C5C6; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:150px; height:30px; padding:0px 0 0px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:30px;
background:#E1C5C6; color:white; /* MODIFIABLE */
}
/* BLOC ICÔNES / DERNIER MESSAGE FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin-top:0px;
width:150px; height:100px;
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; z-index:4; margin-left:-75px;
width:150px; height:80px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.DSFRM:hover .imgFRM {
width:0;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:150px; height:80px; padding:0 00px; overflow:hidden;
text-align:center; font-size:11px; line-height:20px;
background:rgba(0,0,0,0.3); color:#DEDEDE; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTION & SOUS-FORUMS */
.DSFRM {
display:inline-block; vertical-align:top; margin-top:0px; margin-left:0px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-right:0px;
width:450px; height:70px; padding:5px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; line-height:15px;
}
.descFRM:hover {
overflow-y:auto;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:-205px;
width:200px; height:80px;
transition:all .85s ease; -webkit-transition:all .85s ease;
}
.DSFRM:hover .descFRM img {
transform:translatex(-200px); -webkit-transform:translatex(-200px);
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:180px; height:70px; padding:5px; overflow-y:auto;
text-align:justify; font-size:10px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0;
background:grey; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; line-height:16px;
color:white !important; /* MODIFIABLE */
}
Peux-tu me dire ce que je dois changer ? Merci encore !
- le Mer 31 Juil 2019 - 20:54
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Retirer l'espace entre les forums
- Réponses: 4
- Vues: 1738
Retirer l'espace entre les forums
Bonjour,Je suis coincée sur un code et j'aurais besoin d'une âme charitable pour m'aider.
L'adresse de mon forum est : http://providence-rh.forumactif.com/
Je cherche à supprimer l'espace blanc qui apparaît entre les forums (voir l'espace encadré de rouge ci-dessous).
Je pense que cela viendrait d'un endroit dans le CSS, le voici :
- CSS:
- a:link, a:visited, a:active, a:hover {text-decoration: none !important;}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
.postbody { display: block; text-align:justify; padding-left:15px; padding-right:15px; padding-bottom:10px;}
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto 0;
width:800px; padding:10px 0; text-align:center;
background:#E3D8A9; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:20px; text-transform:none; letter-spacing:0px; font-family:Permanent Marker; font-style:regular;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
#FRM {
margin:10px auto;
width:800px; padding:0px; overflow:hidden;
background:rgba(255,255,255,0.7); /* MODIFIABLE */
}
.FRM {
position:relative; width:800px; overflow:hidden;
text-align:center; font-family:Verdana;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top; margin-right:0px;
width:640px; padding:5px 5px; overflow:hidden;
text-align:center; font-size:20px; font-weight:bold; font-family:Lobster; line-height:20px;
background:#E1C5C6; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:150px; height:30px; padding:0px 0 0px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:30px;
background:#E1C5C6; color:white; /* MODIFIABLE */
}
/* BLOC ICÔNES / DERNIER MESSAGE FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin-top:0px;
width:150px; height:100px;
}
/* ICÔNES FORUM */
.imgFRM {
position:absolute; z-index:4; margin-left:-75px;
width:150px; height:80px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.DSFRM:hover .imgFRM {
width:0;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:150px; height:80px; padding:0 00px; overflow:hidden;
text-align:center; font-size:11px; line-height:20px;
background:rgba(0,0,0,0.3); color:#DEDEDE; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTION & SOUS-FORUMS */
.DSFRM {
display:inline-block; vertical-align:top; margin-top:0px; margin-left:0px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-right:0px;
width:450px; height:70px; padding:5px; overflow:hidden;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; line-height:15px;
}
.descFRM:hover {
overflow-y:auto;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:-205px;
width:200px; height:80px;
transition:all .85s ease; -webkit-transition:all .85s ease;
}
.DSFRM:hover .descFRM img {
transform:translatex(-200px); -webkit-transform:translatex(-200px);
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:180px; height:70px; padding:5px; overflow-y:auto;
text-align:justify; font-size:10px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0;
background:grey; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; line-height:16px;
color:white !important; /* MODIFIABLE */
}
Par avance, merci !
Cordialement,
Illyria.
- le Mer 31 Juil 2019 - 19:13
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Retirer l'espace entre les forums
- Réponses: 4
- Vues: 1738
Changer couleur du texte de sélection
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://laguerredesdesclans.forumactif.org/
Description du problème
Malgré mes recherches, je cherche vainement a trouvé un code me permettant de changer la couleur du texte ici présent en #dedede. On m'avait déjà aidé à ce sujet, il y a longtemps et il me semble que le code était en CSS. Malheureusement, je ne le trouve plus. Comme je fais le design de ce forum et que je ne peux pas changer cet aspect, alors je m'en remet au site... voilà.Je ne sais pas quoi écrire de plus parce ce qu'il faut deux lignes et qu'il m'en manque une, lolilolilol. Mouais, pouvez-vous m'aidez s'il vous plaît ?
- le Jeu 15 Déc 2016 - 3:36
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Changer couleur du texte de sélection
- Réponses: 4
- Vues: 737
Les sous-forum ne s'affichent pas
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis sa création, soit aux alentours du 20/06/16
Lien du forum : http://enkidievchronicles.forumactif.fr
Description du problème
Bonjour/Bonsoir tout le monde!Alors voilà, j'ai un petit soucis concernant les liens de mes forums. Les sous-forum ne s'affichent pas et j'aimerais bien que ceux-ci s'affichent. Cependant, j'ai bien coché dans la PA l'endroit où ils devaient s'afficher, mais j'ai commence l'impression que c'est un problème de code! J'espère que vous pourrez m'aider!
Voici ce qui est coché dans la PA:
https://i.servimg.com/u/f35/19/30/20/82/image210.jpg
Voici mon code CSS:
- CSS:
- .bodyline {
padding:0px;
}
body
{
background-position: top center center;
}
a { text-decoration: black; }
.bodyline {
padding: 0px;
}
body
{
background-repeat: no-repeat;
background-position: top center;
}
#navig
{
width: 950px;
margin: auto;
text-align: center;
}
#navigation
{
position: fixed;
z-index: 999;
width: 100%;
background-color: #EADAC6;
border-bottom: 1px solid #EADAC6;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
/*-----------------------PA----------------*/
/* PAGE D\'ACCUEIL */
#VAES {
background:#c0bfd6 !important;
}
/* TITRE PREDEFINIS */
.pfVAES span{
background:rgba(250,250,250,0.3) !important; color:#191919 !important;
}
/* BLOC EVENEMENTS */
.newsVAES {
border-color:rgba(250,250,250,0.3) !important;
}
/* CONTENU STAFF */
.staffVAES p{
background:rgba(250,250,250,0.7) !important; color:black !important;
}
/* LIENS */
.lksVAES a{
background:rgba(250,250,250,0.6) !important; color:#191919 !important;
}
/* BLOC CONTEXTE */
#ctxtVAES {
border-color:rgba(250,250,250,0.3) !important;
}
/* CONTEXTE */
.ctxtVAES div{
background:rgba(250,250,250,0. !important; color:black !important;
}
/* BLOC PARTENAIRES */
.partVAES {
background:rgba(250,250,250,0.5) !important;
}
/*--------------fin------------------*/
/*------------------prez---------------*/
.bloc1 {
width: 500px;
height: 250px;
background-color: #82cec5 ;
padding: 2px;
text-align: justify;
overflow: auto;
}
.avatarprez {
width: 200px;
height: 316x;
display: block; /*définit le bloc*/
width: 200px; /*largeur*/
height: 320px; /*hauteur*/
overflow: hidden; /*cache l\\\'overflow*/
font-size: 11px; /*taille de la police*/
}
.avatarprez_contenu {
position: absolute;
display: block;
width: 200px;
height: 316px;
overflow: auto;
background-color: white;
font-size: 10px;
padding: 2px;
text-align: justify;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatarprez_contenu:hover { /*nom de la class*/
opacity: 0.8; /*intensité de l\\\'opacité*/
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all; /*assure la transition sur IE10*/
-moz-transform: all; /*assure la transition sur mozilla*/
-o-transform: all; /*assure la transition sur opera*/
-htm-transform: all;
-webkit-transform: all; /*assure la transition sur chrome et safari*/
transition: 1s; /*durée de la transition*/
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s; /*durée de la transition*/
}
.bloc2 {
width: 296px;
height: 316px;
background-color: #2cda14 ;
color: white;
padding: 2px;
text-align: justify;
overflow: auto;
}
.nomprenom {
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 38px;
color: white;
}
.histoire {
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 28px;
color: white;
}
/*----------------------------------*FIN*------------------------*/
/* --------------------------------- PROFIL --------------------------------- */
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:20px; padding:10px 0;
text-transform:uppercase; text-align:center;
background:#242424; color:#ccc; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
#abtPFIL {
display:inline-block; margin-right:10px;
width:570px;
}
/* BLOC GAUCHE INFORMATIONS */
.abtPFIL {
display:inline-block; margin-right:10px;
width:285px; height:320px; padding:10px; overflow:auto;
font-size:11px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BORDURES BLOC INFORMATIONS PROFIL */
.borderPFIL {
padding:0 0 5px !important;
border-bottom:1px solid #ccc; /* MODIFIABLE */
}
/* BLOC DROITE INFORMATIONS PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:255px; height:340px;
font-size:11px;
}
.adminPFIL {
height:275px; padding:10px; overflow:auto;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div{
padding:5px 0;
}
/* INTITULES CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; height:25px; padding:5px 0; text-align:center;
background:#1a1a1a; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* BLOC AVATAR */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px; padding:10px;
background:#1a1a1a; /* MODIFIABLE */
}
.avPFIL {
width:200px; height:320px; overflow:hidden;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:auto;
width:800px; padding:10px 0; text-transform:uppercase; text-align:center;
background:#242424; color:#ccc; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* --------------------------------- FIN PROFIL --------------------------------- */
.demidieufiche {
width: 480px;
padding: 10px;
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 30px;
color: white;
background-color: #1ebab2
}
.humainsfiche {
width: 480px;
padding: 10px;
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 30px;
color: white;
background-color: #8a4903;
}
.dieufiche {
width: 480px;
padding: 10px;
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 30px;
color: white;
background-color: #000000;
}
.creaturefiche {
width: 480px;
padding: 10px;
font-family: \\\'Julius Sans One\\\', sans-serif;
background-color: #4cbd00;
font-size: 30px;
color: white;
}
.contextefiche {
width: 480px;
padding: 10px;
font-family: \\\'Julius Sans One\\\', sans-serif;
background-color: #1c1715;
font-size: 30px;
color: white;
}
.citation {
font-family: \\\'Julius Sans One\\\', sans-serif;
font-size: 24px;
color: white;
text-align: center;
}
.blocfichetout {
width: 480px;
padding: 10px;
background-color: #1c1715;
color: white;
text-align: justify;
}
/* QEEL */
/* QEEL */
.QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
margin-bottom:15px;
width:460px; height:60px; padding-top:25px;
font-family:Arial; background:#0d1217; box-shadow:inset 0 0 25px rgba(0,0,0,0.2); /* 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.; /* 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: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.; 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 */
}
/* TRAITS GROUPES QEEL */
.onglet {
display:block; margin:7px auto;
width:45px; height:10px;
opacity:0.7;
}
/* SURVOLEMENT TRAITS GROUPES 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;
}
/* NOMS DES GROUPES 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 */
}
/* FIN QEEL */
/*---CATEGORIES---*/
/* TITRE CATEGORIES */
.tleCAT{
margin:15px auto;
width:800px; padding:10px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
.tleCAT h2{
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px; /* MODIFIABLE */
font-family:Cambria; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
#blocFRM{
width:800px; height:165px; text-align:center; overflow:hidden;
margin:auto;
}
.blocFRM{
position:relative; width:800px; height:165px; overflow:hidden;
}
/* TITRE BLOCS FORUMS */
.tleFRM {
display:inline-block; height:20px; width:485px; padding:10px 5px 10px 10px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:left;
background:#191919; /* MODIFIABLE */
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* TRIANGLE TITRE FORUMS */
.triLFRM {
position:absolute; z-index:3; margin-left:490px; margin-top:-40px;
width:0; height:0; border-style: solid; border-width:40px 20px 0 0;
border-color:#191919 transparent transparent transparent; /* MODIFIABLE */
}
/* ICÔNES BLOCS FORUMS */
.imgFRM{
position:absolute; margin-left:-10px;
width:50px; height:40px;
}
/* TRIANGLE NOMBRE SUJETS ET MESSAGES */
.triRFRM {
position:absolute; z-index:3; margin-left:520px; margin-top:-40px;
width:0; height:0; border-style: solid; border-width:0 0 40px 20px;
border-color:transparent transparent #f1f0f4 transparent; /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES */
.nbFRM{
display:inline-block; vertical-align:top; height:20px; width:290px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial;
background:#f1f0f4; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS/DESCRIPTION/DERNIER MESSAGE */
#000000 {
width:800px; height:125px;
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:205px; height:115px; padding:5px 125px 5px 5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#000000; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:#000000 !important; /* MODIFIABLE */
}
/* TRIANGLE DESCRIPTIONS FORUMS */
.triFRM {
position:absolute; z-index:3; margin-top:-125px; margin-left:230px;
width: 0; height: 0; border-style: solid; border-width: 0 0 125px 105px;
border-color: transparent transparent #000000 transparent; /* MODIFIABLE */
}
/* DESCRIPTIONS BLOCS FORUMS */
.descFRM {
display:inline-block; vertical-align:top;
width:305px; height:115px; padding:5px; overflow:auto;
background:#000000; color:black; /* MODIFIABLE */
font-size:11px; font-family:Arial; text-align:justify;
}
/* IMAGES BLOCS FORUMS */
.descFRM img {
position:absolute; z-index:2; margin-top:-5px; margin-left:-340px;
width:335px; height:125px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
#dtlFRM:hover .descFRM img{
transform:translateX(-335px); -webkit-transform:translateX(-335px);
}
/* DERNIER MESSAGE */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:130px; height:105px; padding:10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background-color:rgba(250,250,250,0.7); /* MODIFIABLE */
}
/* FIN CATEGORIES */
.footer {
width: 894px;
background-color: white;
padding: 3px;
}
/************************************************** DÉBUT DES CATÉGORIES **************************************************/
/*Bloc des titres des catégories*/
.cate_title {
width: 800px;
height: 75px;
padding-top: 10px;
margin: auto;
text-align: center;
background-image: url('https://i.servimg.com/u/f35/19/30/20/82/nuage210.png');
background-repeat: no-repeat;
background-position: top center;
margin-bottom: -10px;
}
/*Titres des catégories*/
.cate_title h2 {
display: block;
padding-top: 15px;
height: 60px;
margin: 0px;
font-family: "Master Of Break";
text-shadow: 1px 1px 3px #a9a9a9;
font-size: 45px;
letter-spacing: 1px;
color: #2a2a2a;
}
.cate_title h2 img {
margin-top: -25px;
margin-left: 20px;
}
.cate_title h2 span {
display: none;
}
a.nav img {
display: none;
}
/*Bloc des catégories*/
.cate_bloc {
background-color: #b8a188;
width: 800px;
margin: auto;
margin-bottom: 10px;
border-radius: 10px;
padding-top: 50px;
padding-bottom: 1px;
font-family: "Cambria", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: black;
}
/*Bloc des forums*/
.cate_forum {
height: 100px;
width: 800px;
margin-bottom: 20px;
}
/*Image Old New Lock*/
.old_new_lock {
float: left;
margin-left: 15px;
margin-top: 21px;
width: 130px; /*Largeur des images*/
height: 57px; /*Hauteur des images*/
}
/*Masque*/
.old_new_lock {
-webkit-mask: url(http://www.aht.li/2552618/nuage.svg) center center / 130px 57px;
mask: url(http://www.aht.li/2552618/nuage.svg) center center / 130px 57px;
}
/*Bloc gris du mileu*/
.cate_forum_middle {
position: relative;
float: left;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
width: 420px;
height: 53px;
padding: 10px;
padding-top: 17px;
background-color: #cfc0af;
border-radius: 10px;
}
/*Titres des forums*/
.forumlink {
position: absolute;
top: -20px;
z-index: 2;
height: 28px;
font-size: 20px;
font-family: 'DJB Dear St. Nick', cursive;
color: #3c3c3c!important;
font-weight: normal;
}
/*Titres survolés des forums*/
.forumlink:hover {
color: #3c3c3c!important;
text-decoration: none!important;
}
/*Désactiver les images des titres*/
.forumlink img {
display: none;
}
/*Description des forums*/
.forum_desc {
height: 53px;
overflow-y: auto;
padding-right: 5px;
text-align: justify;
}
/*Bloc gris des statistiques et du dernier message*/
.cate_forum_last {
position: relative;
float: left;
margin-top: 10px;
width: 160px;
height: 70px;
padding: 5px;
background-color: #cfc0af;
border-radius: 10px;
text-align: center;
}
/*Statistiques*/
.forum_last_stats {
margin-left: 3px;
margin-right: 3px;
margin-bottom: 10px;
padding-bottom: 3px;
font-size: 9px;
border-bottom: 1px dashed #000000;
}
/*Police du dernier message*/
.forum_last_mess, .forum_last_mess a.gensmall {
font-size: 11px;
font-family: "Georgia", sans-serif;
}
/*Couleur des liens du dernier message*/
.forum_last_mess a {
color: #000000;
}
/*Les barres de défilement dans les catégories*/
.forum_desc::-webkit-scrollbar {height:12px; width:5px; background:none; margin-right:5px;}
.forum_desc::-webkit-scrollbar-thumb {background:rgba(32,32,32,32); height:30px; border-radius:30px;}
.forum_desc::-webkit-scrollbar-corner {background:none;}
/************************************************** FIN DES CATÉGORIES **************************************************/
Mon INDEX_BOX:
- INDEX_BOX:
- <link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace|Dancing+Script' rel='stylesheet' type='text/css' />
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="cate_title">
{catrow.tablehead.L_FORUM}
</div>
<div class="cate_bloc">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="cate_forum">
<img class="old_new_lock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<div class="cate_forum_middle">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
<div class="forum_desc">
{catrow.forumrow.FORUM_DESC}
</div>
</div>
<div class="cate_forum_last">
<div class="forum_last_stats">
Sujets:{catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}
</div>
<div class="forum_last_mess">
{catrow.forumrow.LAST_POST}
</div>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->
Merci beaucoup
- le Sam 25 Juin 2016 - 22:21
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Les sous-forum ne s'affichent pas
- Réponses: 8
- Vues: 3327