Problème affichage catégorie

2 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème affichage catégorie

Message par Brookinette76 Sam 7 Mar 2020 - 14:55

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 07/03/2020
Lien du forum : https://oth-foreverandever.forumsrpg.com/

Description du problème

Bonjour,

Sur mes catégories, je rencontre un soucis.
Les sous forums sont parfois en gras et parfois non, j'aimerais unifié le tout, que tout soit en gras.

Est-ce possible de m'aider ? De quoi avez vous besoin niveau code ?

Merci à vous


Dernière édition par Brookinette76 le Jeu 12 Mar 2020 - 10:15, édité 1 fois
Brookinette76

Brookinette76
*

Féminin
Messages : 39
Inscrit(e) le : 14/10/2019

https://overtherainbow.forumactif.fr/
Brookinette76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage catégorie

Message par *Splash* Sam 7 Mar 2020 - 15:48

Hi,
De quoi avez vous besoin niveau code ?
Dans un premier temps il serait bien de pouvoir consulter ton forum en tant qu'invité

Sinon il faut que tu fournisses le codage, CSS inclus, de ta mise en forme des catégories
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage catégorie

Message par Brookinette76 Sam 7 Mar 2020 - 15:55

Ah oui nous sommes en pleine MAJ pour le coup, nous allons ré-ouvrir ce soir ou demain.

D'accord je te mets juste après toute notre feuille CSS avec le codage catégorie.

Code:
/* NAVIGATION */
.navSIT {
position:absolute; top:45px; margin-left:-180px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:10px;
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block; margin-bottom:5px;
width:135px; padding:10px 5px; border-radius:40px;
text-align:center; line-height:normal;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
background:#CFC884; color:white; /* MODIFIABLE */
opacity:0.8; transition:opacity .55s ease; -webkit-transition:opacity .55s ease;
}
/* COULEURS ALTERNATIVES */
.navSIT a.mainmenu:nth-of-type(even) {
background:white; color:darkslategray; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
opacity:1;
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:55px !important; left:175px !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}



/**CATEGORIES**/

/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:15px 0; text-align:center;
background-image:url(https://zupimages.net/up/20/10/a20v.png); /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
display:inline-block; vertical-align:middle; margin:0;
font-size:24px; text-transform: none; letter-spacing:2px; font-family: Rockwell Nova Cond;
color: #CFC884; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 15px;
background: #FAFAFA; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:15px; background-image:url(); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:10px;
width:750px; text-align:center; font-family:Arial;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px;
height:15px; padding:5px 0 5px 10px; overflow:hidden;
text-transform:uppercase; text-align:left; font-size:11px;
background-image:url(https://zupimages.net/up/20/10/a20v.png); /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color: #D6CC6D !important;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:5px auto 0;
width:235px; height:90px; padding-top:5px; overflow:hidden;
text-align:center; line-height:0px; color:rgba(0,0,0,0);
background:white; /* MODIFIABLE */
}
.sfFRM:hover {
overflow-y:auto;
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; margin:auto; margin-bottom:3px;
width:95%; padding-bottom:5px; border-bottom:1px solid;
text-transform:uppercase; text-align:left; font-size:10px; line-height:12px;
border-bottom-color:#191919; color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:190px; height:116px; padding:4px 5px 5px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15px;
background:white; color:#191919; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC NOMBRE SUJETS & MESSAGE / DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top;
width:175px; height:118px; padding:7px 50px 0 10px; overflow:hidden;
text-align:left; font-size:09px; text-transform:uppercase; line-height:14px;
background:white ; color:#191919; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
margin-top:5px; width:60%; height:18px; padding:2px 5px 0 10px;
font-size:10px; text-transform:uppercase; text-align:left;
background:#EDF6FC; color: #CFC884; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-bottom:10px;
background:#EDF6FC; color: #CFC884; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
position:absolute; margin-left:160px; margin-top:-55px;
width:55px; height:100px; overflow:hidden;
  border: solid 1px black;
}
.avaFRM img {
height:100px;
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; margin-left:10px;
width:50x; height:100px;
}

/**FIN**/


/**menu vertical**/
div.vertical_nav {
background:#FFFFFF;
border:2px solid #d8d0d0;
border-radius: 15px 15px 15px 15px;
position:fixed;
top:50px;
left:0%;}

div.vertical_nav a.mainmenu {
display:list-item;
list-style:none;}


/**fin menu vertical**/


#fa_toolbar, {background-image: url('https://zupimages.net/up/20/02/t13x.png');}
div#fa_search {display:none!important;}
span#fa_share {display:none!important;}


/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 12/01/2020
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*** import google fonts ***/
@import 'http://fonts.googleapis.com/css?family=roboto';

/*reset des styles par défault du navigateur*/
.template-linus-14 ul{ list-style:none; }
.template-linus-14 ul, .template-linus-14 h5, .template-linus-14 h4, .template-linus-14 h3, .template-linus-14 h2, .template-linus-14 h1, .template-linus-14 p, .template-linus-14 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-14 a, .template-linus-14 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-14 a img{border:none;}

/*style général*/
.template-linus-14{
   text-align:left;
   max-width:760px;
   min-width:650px;
   margin:0 auto;
   font-family:arial;
   font-size:11px;
   line-height:13px;
   color:#222;
}

body.tli-iframe{
   margin:0;padding:0;
}

.template-linus-14 b{
   text-shadow: -1px 1px 0px #808080;
}

.template-linus-14 .tli-rad{
   border-radius:5px;   
}

.template-linus-14 .tli-shadow .tli-strong{
   text-shadow: -1px 1px 0px #b69fa6;
   background: #E3C7D0;
   color: #FFF;
   padding:0px 2px;
   text-transform:lowercase;
}

/*lien lire la suite*/
.template-linus-14 .tli-shadow .tli-readmore{
   position:absolute;
   bottom:0;
   right:0;
   padding:1px 4px;
   opacity:0.8;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

.template-linus-14 .tli-shadow .tli-readmore:hover{
   opacity:1;
}

.template-linus-14 h2,
.template-linus-14 .tli-meas .tli-shadow h3{
   font-family:"roboto";
   font-family:"roboto" !important;
}

/*titres*/
.template-linus-14 h2{
   font-weight:normal;
   font-size:1.8em;
   margin-bottom:10px;
   text-shadow: -1px 1px 0px #622636;
   color:#fff;
   text-align:center;
   padding:6px 4px 2px 4px;
   background:#C44C6C;
   border-left:5px solid #b04461;
   border-right:5px solid #b04461;
}

.template-linus-14 .tli-line:first-child{
   font-weight:bold;
   font-style:italic;
}


.template-linus-14 .tli-meas{
   display:flex;
   justify-content:space-between;
}

.template-linus-14 .tli-meas .tli-shadow span{
   display:block;
   font-size:0.90em;
   line-height:1.2em;
   letter-spacing: -0.8px;
}

/*fix letter spacing*/
@-moz-document url-prefix() {
   .template-linus-14 .tli-meas .tli-shadow span{
      letter-spacing: -0.55px;
   }
}

/*ombrages*/
.template-linus-14 .tli-meas .tli-shadow{
   position:relative;
   color:#222;
   text-align:center;
   padding:10px;
   min-width:20%;
   max-width:33.3333%;
   margin-left:4%;
   margin-right:4%;
   margin-top:-30px;
}

.template-linus-14 .tli-meas .tli-shadow:nth-last-child(4),
.template-linus-14 .tli-meas .tli-shadow:nth-last-child(5),
.template-linus-14 .tli-meas .tli-shadow:nth-last-child(6),
.template-linus-14 .tli-meas .tli-shadow:nth-last-child(7),
.template-linus-14 .tli-meas .tli-shadow:nth-last-child(8){
   display:none;
}

.template-linus-14 .tli-meas .tli-shadow:nth-last-child(3),
.template-linus-14 .tli-meas .tli-shadow:nth-last-child(3) ~ .tli-shadow{
   margin-top:0;
   margin:0 8% 0 0%
}

/*style supplémentaire sous titres*/
.template-linus-14 .tli-meas .tli-shadow h3:before{
   left:0px;
   border-left:4px solid transparent;
   border-right:3px solid #ccb3bb;
}

.template-linus-14 .tli-meas .tli-shadow h3:after{
   right:0px;
   border-right:4px solid transparent;
   border-left:3px solid #ccb3bb;
}

.template-linus-14 .tli-meas .tli-shadow h3:before,
.template-linus-14 .tli-meas .tli-shadow h3:after{
   content:' ';
   display:block;
   height:0;
   width:0;
   position:absolute;
   bottom:-14px;
   border-top:7px solid #ccb3bb;
   border-bottom:7px solid transparent;
}

.template-linus-14 .tli-meas .tli-shadow:hover{
   overflow:hidden;
}

.template-linus-14 .tli-meas .tli-shadow:hover h3:after,
.template-linus-14 .tli-meas .tli-shadow:hover h3:before{
   display:none;
}

.template-linus-14 .tli-meas .tli-shadow:hover h3{
   left:-120%;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}

.template-linus-14 .tli-meas .tli-shadow h3{
   font-weight:normal;
   font-size:1.3em;
   font-size:1.3em !important;
   position:absolute;
   background:#E3C7D0;
   background:#E3C7D0 !important;
   text-shadow: -1px 1px 0px #726468;
   color:#fff;
   color:#fff !important;
   padding:5px 7px 3px 7px;
   bottom:50%;
   width:100%;
   margin-left:-7px;
   left:0;
   z-index:2;
   opacity:1;
}

.template-linus-14 .tli-meas .tli-shadow img{
   display:block;
   width:100%;
   top:0;
   left:0;
   position:absolute;
}

.template-linus-14 .tli-meas .tli-shadow span:before{
   content:' ';
   display:block;
   width:80%;
   height:0;
   padding-top:100%;
   margin:0 auto 15px auto;
}

.template-linus-14 .tli-line{
   border-bottom:1px solid #F0F0F0;
   text-transform:uppercase;
   font-size:0.9em;
}

.template-linus-14 .tli-links{
   padding:10px;
   margin-bottom:15px;
}

/*liens*/
.template-linus-14 .tli-links select{
   width:100%;
   border:none;
   font-size:0.9em;
   height:20px;
   font-family:arial;
   line-height:20px;
   outline:none;
   background:#FBFBFB;
   text-transform:uppercase;
}

.template-linus-14.lighter .tli-links,
.template-linus-14.lighter .tli-vignettes{
   background:#e4e4e4;
}

.template-linus-14.darker .tli-links,
.template-linus-14.darker .tli-vignettes{
   background:#ffffff;
}

/*vignettes*/
.template-linus-14 .tli-vignettes{
   padding:10px 10px 10px 10px;
}

.template-linus-14 .tli-vignettes a{
   display:block;
   width:calc(86%/3);
   position:relative;
   float:left;
   margin-right:7%;
   margin-top:7%;
}

.template-linus-14 .tli-vignettes.tli-vignettes-big a{
   width:calc(93%/2);
}

.template-linus-14 .tli-vignettes.tli-vignettes a:nth-child(1),
.template-linus-14 .tli-vignettes.tli-vignettes a:nth-child(2),
.template-linus-14 .tli-vignettes.tli-vignettes.tli-vignettes-small a:nth-child(3){
   margin-top:0;
}

.template-linus-14 .tli-vignettes.tli-vignettes-small a:nth-child(3n){
   margin-right:0;
}

.template-linus-14 .tli-vignettes.tli-vignettes-big a:nth-child(2n){
   margin-right:0;
}

.template-linus-14 .tli-vignettes a:before{
   content:attr(data-pseudo);
   background:#FFF;
   display:block;
   position:absolute;
   top:70%;
   left:20%;
   z-index:4;
   opacity:0;
   height:0;
   width:0;
   overflow:hidden;
    -webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
    font-size:0.9em;
    line-height:10px;
    color:#aaa;
}

.template-linus-14 .tli-vignettes a:hover:before{
   opacity:1;
    padding:5px;
   height:auto;
   width:auto;
}

.template-linus-14 .tli-vignettes.tli-vignettes-small a:after{
   content:' ';
   display:block;
   padding-top:100%;
}

.template-linus-14 .tli-vignettes.tli-vignettes-big a:after{
   content:' ';
   display:block;
   padding-top:50%;
}

.template-linus-14 .tli-vignettes a img{
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
}

.template-linus-14 .tli-row{
   margin-left:-2%;
   margin-right:-2%;
   margin-bottom:15px;
}

/*copyright*/
.template-linus-14.lighter .tli-copyright{
   font-size:0.9em;
   color:#d3d3d3;
   text-align:center;
}

.template-linus-14.lighter .tli-copyright a{
   color:#b4b4b4;
   border-bottom:1px dotted #b4b4b4;
}

.template-linus-14.darker .tli-copyright{
   font-size:0.9em;
   color:#ffffff;
}

.template-linus-14.darker .tli-copyright a{
   color:#ffffff;
   border-bottom:1px dotted #ffffff;
}

.template-linus-14 .tli-vignettes:after,
.template-linus-14 .tli-row:after{
   content:' ';
   clear:both;
   display:block;
}

/*colonnes*/
.template-linus-14 .tli-col-1,
.template-linus-14 .tli-col-2,
.template-linus-14 .tli-col-3,
.template-linus-14 .tli-col-x{
   margin:0 0 0 2%;
}

.template-linus-14 .tli-col-1:last-child,
.template-linus-14 .tli-col-2:last-child,
.template-linus-14 .tli-col-3:last-child,
.template-linus-14 .tli-col-x:last-child{
   margin-right:2%;
}

.template-linus-14 .tli-col-1{
   width:40%;
   float:left;
}

.template-linus-14 .tli-col-2{
   width:19%;
   float:left;
}

.template-linus-14 .tli-col-3{
   width:33%;
   float:left;
}

.template-linus-14 .tli-col-x{
   width:96%;
   float:left;
}

/*contexte*/
.template-linus-14 .tli-contexte{
   max-height:155px;
   overflow-x:hidden;
   overflow-y:auto;
   padding:0 10px;
}

.template-linus-14 .tli-readmore ~ .tli-contexte{
   margin-bottom:5px;
}

.template-linus-14 .tli-annonces{
   max-height:80px;
   overflow-x:hidden;
   overflow-y:auto;
   padding:0 10px;
}

body.tli-iframe,
.template-linus-14 .tli-body{
   background:#f0f0f0;
}

.template-linus-14 .tli-body{
   padding:15px;
}

/*partenaires*/
.template-linus-14 .tli-partners{
   white-space:nowrap;
   overflow:hidden;
   padding:10px 0px 8px 0px;
}

.template-linus-14.lighter .tli-partners{
   background:#e4e4e4;
}

.template-linus-14.darker .tli-partners{
   background:#ffffff;
}

.template-linus-14 .tli-partners a.tli-bpartner:after{
   content:' ';
   width:35%;
   background:#C44C6C;
   border-radius:50%;
}

.template-linus-14 .tli-partners a.tli-bpartner:before{
   content:' ';
   display:block;
   position:absolute;
   height:100%;
   top:-1px;
   left:-1px;
}


.template-linus-14 .tli-partners a.tli-bpartner:before{
   content:' ';
   width:35%;
   background:transparent;
   background-repeat:no-repeat;
   background-position:50%;
   background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA9klEQVRoQ+2WMQ4CIRBF/0yiN7Dawph4JA9hLGwstrI1XsHLWXoGK8bGwsQVBglsSD4tzMD8/wYQdD6k8/ODBcztIB2gA4UKEKFCAYvD6UBCwhWABYBHsdQ/ElR1QFWvZrY1sx0LoAN/MECEHKKxiWMiESEi5FCACBWKxFuoF4QGAJtct1V1b2aDmZ1zY98/2HsqzovQUUQuqWQT80sACuCZGysitxDCKRXnLSCVZ3KeD5lDNjrQyy3kMPN7CXvAIRt7gD3gwCS2hAgRISJUqEAifFTVdQjhUGubqk1c69CfeVlAC5VnewdaFEeEWqhMhOZWObb/C6BJyjE1zZzNAAAAAElFTkSuQmCC');
   background-size:98% 98%;
}

.template-linus-14.lighter .tli-partners a.tli-bpartner:before{
    -webkit-filter: invert(100%); /* Chrome, Safari, Opera */
    filter: invert(100%);
}

.template-linus-14 .tli-partners a:last-child,
.template-linus-14 .tli-partners a:nth-child(1),
.template-linus-14 .tli-partners a:nth-child(2),
.template-linus-14 .tli-partners a:nth-child(3),
.template-linus-14 .tli-partners a:nth-child(4),
.template-linus-14 .tli-partners a:nth-child(5),
.template-linus-14 .tli-partners a:nth-child(6),
.template-linus-14 .tli-partners a:nth-child(7){
   display:inline-block;
}

.template-linus-14 .tli-partners a{
   display:none;
   position:relative;
   width:calc(100%/7.85);
   margin-left:1%;
}

.template-linus-14 .tli-partners a:first-child{
   margin:0;
}

.template-linus-14 .tli-partners a:after{
   content:' ';
   display:block;
   padding-top:35%;
}

.template-linus-14 .tli-partners a img{
   width:100%;
   height:100%;
   position:absolute;
   top:0;
   left:0;
}

/*ombrages*/
.template-linus-14 .tli-col-1 .tli-shadow{
  padding:18px;
  text-align:justify;
}

.template-linus-14 .tli-shadow{
  position:relative;     
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  background:#FFF;
}

.template-linus-14 .tli-shadow:before, .template-linus-14 .tli-shadow:after{
  content:"";
  position:absolute;
  z-index:-1;
  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
  box-shadow:0 0 20px rgba(0,0,0,0.8);
  top:10px;
  bottom:10px;
  left:0;
  right:0;
  -moz-border-radius:100px / 10px;
  border-radius:100px / 10px;
}

.template-linus-14 .tli-shadow:after{
  right:10px;
  left:auto;
  -webkit-transform:skew(8deg) rotate(3deg);
  -moz-transform:skew(8deg) rotate(3deg);   
  -ms-transform:skew(8deg) rotate(3deg);   
  -o-transform:skew(8deg) rotate(3deg);
  transform:skew(8deg) rotate(3deg);
}

/*scrollbar*/
.template-linus-14 .tli-body ::-webkit-scrollbar {
    width: 6px;
}
.template-linus-14 .tli-body ::-webkit-scrollbar-button {
    width: 6px;
    height: 4px;
}
.template-linus-14 .tli-body ::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius:10px;
}
.template-linus-14 .tli-body ::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
    border-radius:10px;
}
.template-linus-14 .tli-body ::-webkit-scrollbar-thumb:hover {
    background:#7d7d7d;
}

--------
a, a:hover {
     text-decoration: none !important;
     transition: .3s all;
}

::-webkit-scrollbar {
        background: #f0eedf;
        border: 0;
        width: 3px;
}

::-webkit-scrollbar-thumb {
        background: #CFC884;
        border: 0;
}



/************************************* LISTE DES SUJETS ******************************************/

.corp_sujet {
    margin: 10px auto;
    width: 890px;
    height: 65px;
}

.vu_rep_sujet {
    background-color: #97BFB6; /*modifiable*/
    color: #F7F7F7; /*modifiable*/
    margin-bottom: 8px;
    padding: 2px;
}

.corp_desc_sujet {
    display: inline-block;
    margin-left: 10px;
    width: 573px;
}

.titre_sujet {
    background-color: #Ffffff; /*modifiable*/
    box-shadow: 1px 1px 1px #5F5D5D; /*modifiable*/
    height: 60px;
    overflow: hidden;
    padding-left: 10px;
    padding-top: 5px;
    width: 554px;
}

.titre_sujet a {
    color: #CFC884!important; /*modifiable*/
    font-family: sans-serif; /*modifiable*/
    font-size: 18px; /*modifiable*/
}

.titre_sujet a:hover {
      color: #97BFB6 !important; /*modifiable*/
}

.auteur_sujet {
    font-size: 10px;
    margin: 5px 10px 0;
    text-align: left;
    color: #CFC884; /*modifiable*/
}

.auteur_sujet a {
 font-size: 10px; /*modifiable*/
}

.desc_sujet {
  color:#191919; /*modifiable*/
  font-size: 10px; /*modifiable*/
}

.corp_stat_sujet {
    color: #CFC884; /*modifiable*/
    display: inline-block;
    font-size: 12px; /*modifiable*/
    height: 65px;
    overflow: hidden;
    text-align: center;
    width: 183px;
    background-color: #Ffffff; /*modifiable*/
    box-shadow: 1px 1px 1px #4C4B4B; /*modifiable*/
}

.stats_sujet {
  float:center;
}

.avatar_sujet {
    float: right;
    height: 65px;
    overflow: hidden;
    width: 50px;
  margin-right: 8px;
  box-shadow: 1px 1px 1px #4C4B4B; /*modifiable*/
}

.avatar_sujet img {
  width: 50px;
  height: 70px;


}


.img_old_new_sujet {
    display: inline-block;
    height: 70px;
    width: 20px;
}

.go_to_page_sujet {
    float: right;
    font-size: 10px; /*modifiable*/
    margin-right: 5px;
    margin-top: -24px;
    text-align: right;
    display: inline-block;
}

.go_to_page_sujet a {
 font-size: 11px; /*modifiable*/
}



/*-----------------------------------PAGE D'ACCUEIL BY EYOTA SUR AVADA KEDAGRAPH-----------------------------------*/

/*** SYSTEME D'ONGLETS ***/

.paonglet {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}
           
.paonglet_0 {
  border-radius: 25px;
}

.paonglet_1 {
  border-radius: 25px;
}

.contenu_paonglet {
  display: none;
  width: 200px;
  height: 72px;
  font-size: 10px;
  overflow: auto;
  left: 17px;
  background-color: #F9F6F6;
}

.contenu_paonglet a{
  text-decoration: none !important;
}

.onglet {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}
           
.onglet_0 {
  border-radius: 25px;
}

.paonglet_1 {
  border-radius: 25px;
}

.contenu_onglet {
  display: none;
  width: 200px;
  height: 115px;
  font-size: 10px;
  overflow: auto;
  left: 17px;
}

.contenu_onglet a{
  text-decoration: none !important;
}

.tourdepa{
width:727px;
height:auto;
background-color:#Ffffff;
}

.titrepa{
font-size:32px;
font-family: 'Rockwell Nova Cond';
color:#CFC884;
text-align:center;
}

.soustitrepa{
font-size:16px;
font-family: 'Rockwell Nova Cond';
color:#CFC884;
text-align:center;
margin-bottom:-2px;
}

.menupa{
padding-top:10px;
padding-bottom:10px;
background-color: #ede8b9;
width: 100%;
height: 20px;
  font-size: 18px;
}

.partenariatpa{
padding-top:10px;
padding-bottom:10px;
background-color: #F9F6F6;
width: 715px;
height: 35px;
  font-size: 18px;
}

.lienpa{
padding-left:2px;
padding-right:2px;
COLOR: #000000 !important;
text-decoration:none;
font-family: 'Ubuntu Condensed';
font-size:15px;
}

pointpa{
color:#CFC884;
font-size:18px;}

.staffpa{
width:200px;
height:180px;
}

.contextepa{
width:280px;
height:170px;
margin-left:4px;
margin-right:4px;
padding:5px;
overflow:auto;
background-color:#F9F6F6;
text-align:justify;
font-size:12px;
}

.contextepa img {
  border: 3px solid #CFC884;
    float: left;
    margin-right: 5px;
  width: 100px;}

.iconpastaff{
width:50px;
height:50px;
border-radius: 30px;
padding-left:1px;
padding-top:3px;
}

.iconscenapa{
  width:60px;
height:60px;
  border: 3px solid #CFC884;
}

.pseudopa{
font-size:14px;
font-family: 'Architects Daughter';
color:#97BFB6;
}
.featpa{
font-size:10px;
font-family: 'Ubuntu Condensed';
color:#000000;
padding:0px;
}

.scenapa{
width:280px;
height:180px;
background-color:#F9F6F6;
padding:5px;
overflow:auto;
text-align:justify;
font-size:13px;
margin-left:4px;
margin-right:4px;
}

.nouveautepa{
width:300px;
height:180px;
overflow:auto;
text-align:justify;
font-size:13px;
background-color: #F9F6F6;
  padding: 5px;
}

.creditpa{
width:190px;
height:170px;
background-color:#F9F6F6;
padding:5px;
margin-top:8px;
overflow:auto;
text-align:justify;
font-size:13px;
}


/********************* FICHE ADMINISTRATION *********************/
.administration {
        background: url(https://static.wixstatic.com/media/4a8f15_fb1064840536421ba5b9771e9eabaad1~mv2_d_2832_2832_s_4_2.png/v1/fill/w_2832,h_2832,al_c,q_90/file.jpg) no-repeat bottom right #fff;
        width: 450px;
         border: 1px solid;
        margin: auto;
}

.administration .entete {
        background: url(https://www.zupimages.net/up/20/10/a20v.png);
        padding: 5% 0;
        margin: 0 0 2% 0;
}

.administration .entete h2 {
        font-size: 24px;
        color: #000;
        text-align: center;
        font-style: italic;
        letter-spacing: -2px;
}

.administration .entete h3 {
        color: #000;
        text-align: center;
        margin: 2% 0;
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: 5px;
}

.administration .contenu {
        width: 80%;
        margin: 5% auto;
        text-align: justify;
        padding: 2%;
}

.administration .contenu div {
        border-left: 5px solid #fff;
        padding: 2%;
        margin: 0 0 0 5%;
}

.administration h4 {
        text-transform: uppercase;
        border-bottom: 1px solid;
        padding: 0 0 2% 0;
}

.administration h4::before {
        content: "▷";
        padding: 0 2% 0 0;
        color: #37cb99;
}
/********************* FIN FICHE ADMINISTRATION *********************/

/* FICHE DE PRESENTATION PAR REVEREND LILY G */
/* cyrillic */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/RdfS2KomDWXvet4_dZQehvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/9NqNYV_LP7zlAF8jHr7f1vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/cycBf3mfbGkh66G5NhszPQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* hebrew */
@font-face {
  font-family: 'Suez One';
  font-style: normal;
  font-weight: 400;
  src: local('Suez One'), local('SuezOne-Regular'), url(https://fonts.gstatic.com/s/suezone/v1/0RHaX4U39H5gje3plavIkBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Suez One';
  font-style: normal;
  font-weight: 400;
  src: local('Suez One'), local('SuezOne-Regular'), url(https://fonts.gstatic.com/s/suezone/v1/NbP6qMfQq9hiuVWpHYLvhxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Suez One';
  font-style: normal;
  font-weight: 400;
  src: local('Suez One'), local('SuezOne-Regular'), url(https://fonts.gstatic.com/s/suezone/v1/ml_pO8aziPWinsvwguX7dPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.case1 {
width:250px;
height: 420px;
background-color: white;
border: 1px solid white;
}

.case2 {
width: 250px;
height: 420px;
background-color: whitesmoke;
}

.case3 {
width: 250px;
height: 250px;
background-color: whitesmoke;
}

.case4 {
width: 250px;
height: 250px;
background-color: white;
}

.contentcase1 {
width: 200px;
height: 320px;
margin-top: 25px
}

.contentcase2 {
width: 200px;
height: 370px;
overflow: auto;
padding: 25px;
}

.contentcase3 {
width: 200px;
height: 200px;
padding: 25px;
overflow: auto;
}

.contentcase4 {
width: 200px;
height: 200px;
padding: 25px
}

.dents {
content:url('https://2img.net/r/hpimg4/pics/302262Sanstitre2.png')
}

.sodapoptitre {
font-family: 'Suez One';
color: #c6353a;
font-size: 16px;
text-align: center;
padding: 5px;
border-bottom: 1px solid #c6353a;
}

.sodapopsoustitre {
font-family: arial;
font-size: 9px;
letter-spacing: 5px;
color: grey;
}

 .sodapopminititre {
font-family: 'Lobster';
color: #304779;
font-size: 16px;
text-align: justify;
padding-left: 10px;
}

.sodapoptextes {
font-family: arial;
font-size: 11px;
text-align: justify;
color: #2d2e30;
line-height: 1;
}

.sodapopbehindthescreen {
height: 50px;
overflow: auto;
font-family: arial;
font-size: 9px;
text-align: justify;
color: #2d2e30;
line-height: 1;
}

.iconsodapop {
width: 100px;
border-radius: 100px;
border: 2px solid #5c719d;
}

.fondhistoire {
width: 455px;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 25px;
padding-right: 25px;
background-color: whitesmoke;
}

.contenthistoire {
width: 400px;
}

.imagehistoire {
width: 400px;
}

.dentshistoire {
content:url(https://2img.net/r/hpimg4/pics/388314Sanstitre5.png);
margin-top: -18px;
}

.histoiretitre {
font-family: 'Lobster';
color: #304779;
font-size: 16px;
text-align: center;
padding: 5px;
padding-top: 25px;
border-bottom: 1px solid #304779;
margin-bottom: 15px;
}

.histoiretexte {
width: 400px;
font-family: arial;
font-size: 11px;
text-align: justify;
color: #2d2e30;
line-height: 1;
padding-bottom: 25px;
}

.imagehistoire2 {
width: 400px;
}

.dentshistoire2 {
content:url(https://2img.net/r/hpimg4/pics/388314Sanstitre5.png);
margin-bottom: -18px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);}

/* FIN FICHE DE PRESENTATION */

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


/* TITRE SUJET */
#tleSBJ {
margin:auto; padding:10px 0;
text-transform:uppercase; font-weight:bold;
background:#FAFAFA; color: #adc8db;/* MODIFIABLE */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:5px; padding:10px;
background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:400px; padding: 10x;
background:rgba(255,255,255,0.3); color:black; /* MODIFIABLE */
text-align:justify;
}
/* AVATAR */
.avaPOST {
width:200px; height:320px; border:5px solid;
border-color: #CFC884; /* MODIFIABLE */
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST img {
width:200px; height:320px;
}
/* FICHE DE PERSONNAGE */
.avaPOST div{
position:absolute; z-index:2; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* CONTENU FICHE DE PERSONNAGE */
.avaPOST div div{
width:190px; height:310px; padding:15px; overflow:auto; 
font-size:11px; background:rgba(255,255,255,0.5); color:black/* MODIFIABLE */
transform:translateY(-640px); -webkit-transform:translateY(-640px);
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST:hover div div {
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:-200px; margin-top:165px;
width:350px; padding:5px;
text-align:right; text-transform:uppercase;
transform:rotate(-90deg); -webkit-transform:rotate(-90deg);
}
/* IMAGE RANG */
.imgrankPOST {
position:absolute; z-index:3;
margin-top:-63px;
}
/* ICONE EN LIGNE */
.onS {
position:absolute; z-index:4;
margin-left:99px; margin-top:-30px;
}
/* BLOC INFORMATIONS JOUEUR */
.boxPOST {
padding-top:50px; padding-bottom:5px;
  font-size:10px; color:white;  /* MODIFIABLE */
background:#c1e1e3; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
padding:0px; width:200px;
text-transform:uppercase; text-align:center;
font-size:12px; color:#5A7E8F; font-family: Rockwell Nova Cond; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
width:210px; padding:5px 0; text-align:center;
opacity:0.5;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
padding:5px; width:180px; margin:auto;
font-size:10px; color:#b8af79;  /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img{
margin:auto; max-width:180px;
}

/* INFORMATIONS JOUEUR */
.abtPOST {
margin:auto;
width:180px; height:200px; padding:5px; overflow:auto; /* MODIFIABLE */
font-size:10px; color:#b8af79;  /* MODIFIABLE */
}

/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent;
border-top-color:#c1e1e3; /* MODIFIABLE */
}

/* AFFICHAGE LISTE DES MEMBRES */
/* BLOC ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 10px; width:650px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px;
}
 /* BLOC MEMBRE */
#MBER {
float:left; margin:0 5px 10px;
width:200px; height:360px; padding:5px 5px 0; font-family:Arial;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER{
width:200px; height:15px; padding-bottom:5px;
text-align:center; text-transform:uppercase;
}
/* AVATAR */
.imgLMBER img{
width:200px; height:320px;
}
.imgLMBER div {
position:relative; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}

/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE / INFORMATION */
.imgLMBER div div{
width:180px; height:300px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
transform:translateY(640px); -webkit-transform:translateY(640px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#MBER:hover .imgLMBER div div{
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* IMAGES MP * WWW */
.btnLMBER {
position:relative; z-index:3; margin:-10px auto 0;
}
.btnLMBER img {
height:20px;
}

/************************************************ PROFIL ************************************************/
/* PSEUDO STATUT MESSAGES SUJETS */
.profil_header {
        width: 850px;
        margin: 2% auto;
        background: #fafafa;
        padding: 2%;
        box-sizing: border-box;
     font-family: 'Oswald', sans-serif;
        color: #CFC884;
        line-height: 1.5;
        font-size: 14px;
}

.profil_header::after {
        display: block;
        content: "";
        clear: both;
}

.profil_pseudo_statut {
       float: left;
}

.profil_pseudo {
        font-family: 'Berkshire Swash', cursive;
        font-weight: normal;
        font-size: 19px;
        letter-spacing: 1px;
}

.profil_stats {
       float: right;
}

.profil_stats a {
        display: inline-block;
        background: #FFFFFF;
        width: 100px;
        text-align: center;
        margin: 0 10px;
        padding: 5% 0;
     color: #CFC884;
}

/* CONTENU */
.profil_content {
        width: 850px;
        margin: 0 auto 2%;
     font-family: 'Oswald', sans-serif;
        color: #CFC884;
        line-height: 1.5;
        font-size: 14px;
     display: flex;
}

/* Contact */
.profil_contact {
        background: #FFFFFF;
        padding: 2%;
        text-align: center;
        box-sizing: border-box;
        height: 320px;
        margin: 0 2%;
}

.profil_contact a {
        display: block;
        margin: 10px 0;
}

.profil_contact .field_uneditable {
       font-size: 0;
}

/* Bloc infos */
.profil_infos {
        background: #f2f5f5;
        width: 70%;
        box-sizing: border-box;
        height: 320px;
        padding: 2%;
        overflow: auto;
}

.profil_infos div {
       display: inline-block;
}

a.credit_profil {
        text-align: right;
        text-transform: uppercase;
        font-size: 10px;
        display: block;
     font-family: 'Oswald', sans-serif;
}
Brookinette76

Brookinette76
*

Féminin
Messages : 39
Inscrit(e) le : 14/10/2019

https://overtherainbow.forumactif.fr/
Brookinette76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage catégorie

Message par Brookinette76 Sam 7 Mar 2020 - 15:55

Template index_box

Code:
<table width="800px" border="0" cellspacing="0" 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="tleCAT">{catrow.tablehead.L_FORUM}</div>
 <div class="mdlCAT">
    <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
 
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets</div><div class="nbFRM nbIIFRM">{catrow.forumrow.POSTS} messages</div><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div>
    <!-- END forumrow -->
 
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div><div class="btmCAT"></div>
    <!-- END tablefoot --><!-- END catrow -->
Brookinette76

Brookinette76
*

Féminin
Messages : 39
Inscrit(e) le : 14/10/2019

https://overtherainbow.forumactif.fr/
Brookinette76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage catégorie

Message par *Splash* Sam 7 Mar 2020 - 16:08

En CSS tu as ce code pour l'affichage des sous-forums :
Code:
.sfFRM a {
    border-bottom: 1px solid;
    border-bottom-color: #191919;
    color: #191919!important;
    display: block;
    font-size: 10px;
    line-height: 12px;
    margin: auto auto 3px;
    padding-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
    width: 95%;
}


Voici le rendu de ton codage sur un forum test, je ne vois pas de gras pour les titres des sous-forums

Problème affichage catégorie Fofo_t64
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème affichage catégorie

Message par Brookinette76 Jeu 12 Mar 2020 - 10:15

D'accord je vais essayé de voir alors merci beaucoup I love you
Brookinette76

Brookinette76
*

Féminin
Messages : 39
Inscrit(e) le : 14/10/2019

https://overtherainbow.forumactif.fr/
Brookinette76 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum