Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Mer 30 Sep 2020 - 18:41

6 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. Very Happy
L'adresse de mon forum pour que vous puissiez voir tout ça est : http://providence-rh.forumactif.com/

Sur la capture ci-dessous :
Tag dedede sur Forum gratuit : Le forum des forums actifs Captur11

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 ! I love you

Cordialement,

Illyria.
par 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: 588

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 ! Smile
par illyria
le Mer 31 Juil 2019 - 20:54
 
Rechercher dans: Corbeille & Titres non explicites
Sujet: Retirer l'espace entre les forums
Réponses: 4
Vues: 791

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. What a Face
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).
Tag dedede sur Forum gratuit : Le forum des forums actifs Captur10

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 ! I love you

Cordialement,

Illyria.
par 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: 791

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:
Tag dedede sur Forum gratuit : Le forum des forums actifs 7atm

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 ?
par Passy
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: 479

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:
Tag dedede sur Forum gratuit : Le forum des forums actifs Fiche010

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.Cool !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.Cool; /* 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.Cool; 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 I love you
par Lumélys
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: 2311

Mettre sa barre de navigation en haut du forum

Mettre sa barre de navigation en haut du forum


Ce tutorial vous explique comment déplacer votre barre de navigation tout en haut du forum.
Les modifications se font via le template overall header & CSS.

Attention: Uniquement valable pour les forums Phpbb2 & Punbb

Tag dedede sur Forum gratuit : Le forum des forums actifs 09615175912Rendu Final

Tag dedede sur Forum gratuit : Le forum des forums actifs Photo11


Tag dedede sur Forum gratuit : Le forum des forums actifs 09615175912Par où commencer ?

• Allez dans Panneau d'administration > Affichage > Templates > Général > Overall header > edit

Tag dedede sur Forum gratuit : Le forum des forums actifs 09615175912Qu'est ce qui permet l'affichage de la barre de navigation sur le forum ?

• Repérez ceci dans votre template:
Code:

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>



On se concentrera uniquement sur cette variable: {GENERATED_NAV_BAR}
Inutile de s'arrêter sur les autres.
Vous l'avez donc compris, c'est cette variable qui renvoie à la barre de navigation.

•• Dans le code par défaut, cette barre se trouve juste après la bannière et la description.

Tag dedede sur Forum gratuit : Le forum des forums actifs 09615175912Déplacer la barre - Etape 1


• Vous prenez donc ceci
Code:
{GENERATED_NAV_BAR}
et vous la mettez un peu plus haut dans le template juste après cette ligne de code
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">


Attention: N'oubliez pas de retirer cette partie
Code:

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>



Tag dedede sur Forum gratuit : Le forum des forums actifs 09615175912Déplacer la barre - Etape 2

• On ne va pas laisser notre variable toute nue, on va donc la mettre dans une div avec une class qu'on a appelé ici "navig".
Ce qui nous donne:
Code:
<center><div class="navig">{GENERATED_NAV_BAR}</div></center>
.

Petite astuce: Vous pouvez également mettre ceci
Code:
<div class="navig" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div>

=> Pour ceux qui ne sont pas très à l'aise avec le css ou les templates, cela vous sera très utile si à l'avenir, vous décidez de mettre votre barre à droite plutôt que centrée. Vous le faites directement dans le pa, sans toucher au CSS ou au template.


Tag dedede sur Forum gratuit : Le forum des forums actifs 09615175912Modification du template pour Punbb

• Repérez cette partie :
Code:
   <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>


• Retirez la et mettez la entre le body et le begin:
Code:

<body>
   <!-- BEGIN hitskin_preview -->


• Vous obtenez ceci:

Code:

<body><div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>
   <!-- BEGIN hitskin_preview -->


• Remplacez par:

Code:
<div id="pun-navlinks"><ul class="clearfix">
                     <center><div class="navig">{GENERATED_NAV_BAR}</div></center></ul></div>







A présent, il ne vous reste plus que le code CSS !

Tag dedede sur Forum gratuit : Le forum des forums actifs 09615175912CSS

• Allez dans Panneau d'administration > Affichage > Images et couleurs > Couleurs > Onglet Feuille CSS.

• Mettez ceci dans la css:

Code:
.navig {
position: absolute;
top: 0px;
width: 100%;
}


♣ Position: ici absolute. Pourquoi absolute ? Cette propriété permet à la barre de navigation de se positionner tout au dessus sans prendre en compte les autres éléments du forum. Elle sera donc bien positionnée.

♣ Top:0px => La barre se positionne donc à 0px du dessus.

♣ Width: 100% => La barre prend toute la largeur du forum

Tag dedede sur Forum gratuit : Le forum des forums actifs 09615175912Le petit +: Esthétique de la barre de navigation.

• On va donc rajouter des éléments dans ce code:

Code:
.navig {
position: absolute;
top: 0px;
width: 100%;
}


Pour mettre un fond, on utilise ce code:

Code:
background-color: #000000;

#000000 => code couleur que vous pouvez modifier à souhait.

Pour mettre une bordure:

Code:
border: 3px solid #dedede;

♦ 3px => l'épaisseur, plus la valeur sera grande, plus le bord sera épais.
♦ solid => solid ou dotted ou dashed
#dedede => code couleur que vous pouvez modifier à souhait.

Astuces: Vous pouvez mettre une bordure uniquement en dessous, ou uniquement en haut, ou encore les deux.
Pour cela, utilisez ce code:

Pour le dessous:
Code:
border-bottom: 3px solid #a17a55;


Pour le dessus:
Code:
border-top: 3px solid #a17a55;



Pour retirer "l'image vide" générée par la barre.

Code:
a.mainmenu img{
display: none;
}


Pour tout ce qui concerne la police

Code:
a.mainmenu {
margin: 5px;
font-family: Arial;
font-size: 11px;
}


♦ Margin => permet de séparer les boutons
♦ font family => propriété pour la famille de police utilisée
♦ font size => taille de la police

par Anzu
le Ven 8 Avr 2011 - 20:18
 
Rechercher dans: Trucs et astuces
Sujet: Mettre sa barre de navigation en haut du forum
Réponses: 0
Vues: 12761

Revenir en haut

Sauter vers: