mon css/apparence qui s'enlève après enregistrement.

4 participants

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

Résolu mon css/apparence qui s'enlève après enregistrement.

Message par cslayers Jeu 27 Avr 2023 - 22:36

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis aujourd'hui.
Lien du forum : https://realmsofmagic.forumactif.com

Description du problème

Bonsoir Smile
Je m'en remets une nouvelle fois à vous Laughing

Alors, je vais essayer de m'exprimer assez clairement parce que je rencontre encore un problème trop bizarre xD

Aujourd'hui, j'ai installé deux nouveaux codes sur le forum, un pour accrocher la barre de navigation à la tooblar et un autre pour faire apparaitre les sous forums dans la descriptions.

Depuis, dès que je change une couleur dans le css, que je rajoute un nouveau code, que je touche même aux images du forum, tout le css part en vrille XD Donc comme indiqué sur la première image, c'est quand le forum part en vrille.
Initialement, il ressemble à ça:
https://www.zupimages.net/up/23/17/6tvf.png

Je suis obligée à chaque fois pour le remettre en ordre de: supprimer les cookies - me reconnecter - re-sauvager mon css

Je vous montre mon css:
Code:
/*SOUS FORUM ET PASSAGE SECRETS*/
.sforum {
  margin-left:11px;
  height: 0px;
  text-align:center;
  position: relative;
  z-index: 3;
  display: block;
  width: 478px;
  overflow: hidden;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 0;
}

.sous_forum:hover .sforum {
  margin-top:-60px;
  left: -10px;
  height: 59px;
background-color :  #FFFBF7;
  overflow: auto;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 1;
}

.sous_forum a {
font-size:8px;
transition: all ease 1s;
text-transform: uppercase;
text-shadow: #FFFFFF 1px 0 3px; }

.sous_forum a:hover {
text-shadow: 0px 0px 9px #A88B74; 
}

.bouton_sousforum {
  position: relative;
  z-index: 3;
  padding: 2px;
  text-family: 'montez', cursive!important;
  font-size: 8px !important;
  width: 300px !important;
  border-bottom: 1px solid #FFFBF7;
  border-right: 1px solid #FFFBF7;
  border-left: 1px solid #FFFBF7;
  background: #FFFBF7;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0px 9px #A88B74;  }

/* FUSION TOOBLAR ET NAVIGATION ET HEADER*/
#i_logo {
margin-top: -10px;
}

#navigation {
  text-align: center;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 200px;
  right: 200px;
}


#fa_toolbar {
  z-index: 998 !important;
}

/*PANNEAU AFFICHAGE INDEX*/
.panneauimg {
width: 34px;
opacity:0.7;
filter: grayscale(100%);}

.panneauimg:hover {
filter: none;
opacity:0.9;
transition: all ease 1s; }

.tableaupa5 {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
width: 760;
padding: 3px;
font-size:11px;
line-height:11px;
text-align : justify;}

.citation3 {
font-family: 'Playfair Display SC', serif;
letter-spacing: 2px;
font-size : 9px;
text-align: center;
text-transform: uppercase;
background-color: #E8DCD3;
opacity:0.8; }

/*PA*/
.titrepa {
font-weight: lighter;
font-size: 30px;
font-family: 'stint ultra condensed', cursive;
text-transform: uppercase;
letter-spacing: 1px;
color:#66686C;
text-align : center;}

.citation1 {
font-family: 'Playfair Display SC', serif;
letter-spacing: 2px;
font-size : 9px;
text-align: center;
text-transform: uppercase;
opacity:0.8; }

.tableaupa {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
padding: 2px;
font-size:11px;
line-height:11px;
text-align : justify;}

.tableaupa3 {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
width: 760;
padding: 3px;
font-size:11px;
line-height:11px;
text-align : justify;}

.lignepa {  border: solid 1px #E8DCD3; }

.fondlienpa {
font-size: 09px;
font-style: normal;
text-transform: uppercase;
height : 15px;
width : 235px;
padding: 6px;
background-color: #E8DCD3;
border-bottom:2px solid #FFFBF7;
text-align : center;}

.imgpa {
width: 110px;
border-radius: 5px;
background-color: #E8DCD3;
border: thick double #E8DCD3;
}

.imgpa2 {
width: 245px;
height: 154px;
opacity:0.7;
filter: grayscale(100%);}

.imgpa2:hover {
filter: none;
opacity:0.9;
transition: all ease 1s; }


/*italique et gras*/

i
{
color: #464C5D;
}

u{border-bottom: 2px solid;border-color:#659999;text-decoration: none; margin-bottom: -3px;
-moz-border-radius:10px;}

/*BORDURE DU FORUM*/
.bodyline {
-moz-box-shadow: 0px 0px 4px #FFFFFF;
box-shadow: 0px 0px 4px #FFFFFF;
-webkit-box-shadow: 0px 0px 4px #FFFFFF;}

/*BOUTON HAUT ET BAS*/
.boutonhautbas {
    bottom: 40px;
    right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}

/* Chrome, Safari SCROBALL */
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
 
::-webkit-scrollbar-track-piece  {
  background-color: #FFFBF7;
}
 
::-webkit-scrollbar-thumb:vertical {
  height: 30px;
        -webkit-border-radius: 10px;
  background-color: #E8DCD3;
}
 
::-webkit-scrollbar-thumb:horizontal{
  height: 30px;
        -webkit-border-radius: 10px;
  background-color: #E8DCD3;
}


/*AVATAR DERNIER POSTEUR*/
.lastpost-avatar {
display: block;
margin-top: 10px;
}

.lastpost-avatar img {
width: 38px;
height: 65px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #E8DCD4;
padding: 2px;
transition: all ease 1s;
}

.lastpost-avatar img:hover {
opacity:0.7;
transition: all ease 1s; }

/*chatbox*/
#fa_chat_container {
  background:#D4D6DE;
  border:1px solid #D4D6DE;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}
 
#fa_chat {
  border:none;
  width:100%;
  height:100%;
}
 
#fa_chat_button {
  color:#66686C;
  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}
 
#fa_chat_button.fa_chat_active {
  color:#66686C;
  background:#D4D6DE;
}

/*TOOBLAR*/

a#fa_hide {display: none!important;}

a#fa_welcome {display:none!important;}

div#fa_search {display:none!important;}

span#fa_share {display:none!important;}

div#fa_toolbar {
    background-color: #EBE1D9;  /* Couleur de fond */
    border-radius: 0 0 50px 50px;  /* Arrondis les bords de la toolbar */
    box-shadow: 0 0 5px #EBE1D9;  /* Affiche une ombre */
    margin: auto;  /* Centre la toolbar */
    width: 96%;  /* Modifie la longueur de la toolbar */
  font-family: 'stint ultra condensed', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  color:#66686C;
}
 
div#fa_toolbar div, div#fa_toolbar span {
    margin: 0 15px;  /* Repositionne correctement le contenu de la toolbar */
}

#fa_menulist a:link, #fa_menulist a:visited, #fa_right a, #fa_usermenu .bold, #fa_usermenu .first, a#fa_service{color:#66686C!important; font-size:11px;}

/*notifications tooblar*/
#fa_toolbar #fa_right #notif_list {background:#D4D6DE!important;border-radius:5px!important;border: solid 1px #D4D6DE!important;}
/*voir toutes les notifications*/
#fa_toolbar #fa_right #notif_list li.see_all a {background:#EBE1D9!important;border-radius:5px!important;}

#fa_toolbar #fa_right #notif_list li.see_all {background:#EBE1D9!important;border-radius:5px!important;}

/*couleur des liens tooblar*/
#fa_toolbar #fa_right #notif_list li .contentText a {color:#464C5D!important;}

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {background:#D4D6DE!important;}

/* LES MODELES*/
.fondmodèle {
border-radius: 2px;
padding: 2px;
background-color :  #D4D6DE;
border: solid 1px #C9CBD2; }

.textemodèle {
font-family: 'montez', cursive;
font-size: 28px;
color: #474C5D;
font-weight: lighter;}

.imagemodèle {
border-radius: 5px;
height:80px;
background-color: #C9CBD2;
border: thick double #C9CBD2;
}

.citationmodèle {
text-decoration: underline;
font-family: 'Stint Ultra Condensed', cursive;
font-size: 13px;
color: #474C5D;
letter-spacing: 1px;
text-transform: uppercase;}

.citationmodèle2 {
font-size: 9px;
color: #659999;
text-transform: uppercase;}

.imglien {
border-radius: 5px;
background-color: #C9CBD2;
border: thick double #C9CBD2;
}
/*BARRE DE NAVIGATION*/
.mainmenu {
transition: all ease 1s;
font-size: 19px;
word-wrap:normal;
font-style: normal;
text-shadow: #FFFFFF 1px 0 3px;
text-transform: lowercase;
padding-top: 5px;
font-family: 'montez', cursive;
margin-right:auto; }

a.mainmenu img {
display:none;}

.mainmenu[href="/calendar"]{display:none;}
.mainmenu[href="/faq"]{display:none;}

/* LES CATÉGORIES*/
.descriptioncat {
border-radius: 2px;
text-align: justify;
margin-top: -7px;
line-height: 10px;
height: 55px;
width: 480px;
overflow: auto;
display: block;
padding: 2px;
background-color :  #FFFBF7;
border: solid 1px #E8DCD3; }

.descriptioncat:hover {
height: 55px;
overflow: auto;}

.nameforum {
font-family: 'Licorice', cursive;
font-size: 26px;
text-shadow: #FFFFFF 1px 0 3px;
font-weight: lighter;}

.fonddescription {
font-family: 'Montez', cursive;
font-size: 17px;
font-weight: lighter;
text-shadow: #FFFFFF 1px 0 3px;
color: #E5A78B;
}

.derniermessage2 {
font-family: 'Stint Ultra Condensed', cursive;
font-size: 12px;
color: #66686C;
border-bottom: #E8DCD4 1px solid;
border-top: #E8DCD4 1px solid;
width: 110px;
margin-left: 40px;
letter-spacing: 1px;
margin-top: 2px;
text-transform: uppercase;}

.booh1 {
line-height: 11px;
margin-top: 20px;
}

/*titre des catégories tailles ect*/
.secondarytitle h2 {
font-size: 25px; 
font-weight:normal; 
word-wrap: lighter;}
 
/*fond des titres de catégories*/
.secondarytitle {
height:25px;
font-family: 'stint ultra condensed', cursive;
word-wrap:lighter;}

/*PROFIL*/
.postdetails.poster-profile a img {
-webkit-border-radius: 5px;
background-color :  #FFFBF7;
border: thick double #E8DCD3;
border-radius: 5px; }

.infoprofil {
line-height:10px;
text-align : justify;
font-size : 9px;
border-radius: 3px;
width: 182px;
background-color : #FFFBF7;
border: thick double #E8DCD3;
margin-bottom: 5px;
margin-right: 2.5px;
margin-left: 1.5px;
margin-top: -3px;
max-height: 250px !important;
overflow: auto;
padding :10px;}

.infoprofil:hover {
max-height: 250px !important;
overflow: auto; }

.profilpseudo { font-size : 14px;
font-weight: lighter;
border-spacing: 5px;
margin-left: -5px;
width: 205px; }

.fondpseudo {
font-size : 9px;
text-align: center;
font-weight: lighter;
font-family: 'aboreto', cursive;
padding: 01px;
width : 197px;
margin-top : 2px;}

.profilpresentation {
border-radius: 3px;
width: 199px;
background-color : #FFFBF7;
border: thick double #E8DCD3;
margin-bottom: 5px;
margin-right: 2.5px;
margin-left: 1.5px;
margin-top: -3px;
padding :2px;}


/*gif de profil*/
.postdetails.poster-profile img {
border-radius: 05px;
width:200px;
transition: all ease 1s; }

.postdetails.poster-profile img:hover {
border-radius: 03px;
width:200px;
opacity:0.7;
transition: all ease 1s; }

/*nom des champs de profil*/
.postdetails.poster-profile .label {
font-size : 8px;
color :  #594840;
text-transform: uppercase;
text-align: justify;
line-height:9px;}

/*GRAS DES PSEUDOS*/
a span strong {
  font-weight: 550;
}

/*LIENS NN SOULIGNES*/
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}
/*EDITION*/
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

/*JUSTIFIER*/
.postbody {
display: block;
font-size: 11px;
line-height: 14px;
padding-left: 15px;
padding-right: 15px;
text-align:justify;}

/*ENLEVER PARTICIPANT SUJET*/
.poster-list {
  display: none;
}

/*MISE EN FORME EDITEUR*/
.sceditor-container iframe, .sceditor-container textarea, .sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: #DFE1E6 !important;  /****couleur de fond de la zone de texte*/
border: 1px solid #DFE1E6 !important; /************bordure de la zone de texte*/
width: 95% !important; /***************************largeur de la zone de texte*/
 margin: 10px auto !important;
font-size: 11px !important;  /***********taille de la police (en mode source)*/
padding: 2px !important;
color: #66686C !important;
}

a.sceditor-button{  background-color: #D4D6DE !important;}
a.sceditor-button.hover{  background-color: #D4D6DE !important;
border: 1px dotted #BFC0DB !important;}
/*général et barre d'outils*/
.sceditor-container {
width: 100% !important;  /********************************largeur de l'édieur*/
text-align: center;}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
border: none !important;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar, .sceditor-dropdown {
background-color: #D4D6DE!important;
border : 1px solid #D4D6DE !important;  /****couleur de fond de l'éditeur*/}

.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button, .sceditor-font-option, .sceditor-fontsize-option {
color: #362D24 !important;  /*couleur de la police dans l'encadré quand on clique sur un bouton*/}
.sceditor-button.sceditor-button-source {
background-color: #DFE1E6 !important;}
 
a.sceditor-button {
    width : 15px;
background-color: #DFE1E6 !important;}

a.sceditor-button.hover {
background-color: #DFE1E6 !important;
}

html#sceditor_smilies {
background-color: #D4D6DE !important;}

/*---  Groupe de boutons ---*/
     
div.sceditor-group {
background-color : #DFE1E6 !important;}

/* bordure de l'éditeur */
div.sceditor-container {
border: none;}
     
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: none; }
     
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;}
     
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;}

/*CONNEXION AUTO*/
input,textarea, select {
wight: 60px !important;
background-color : #FFFBF7 !important;
border : 1px solid #E8DCD3 !important;
border-radius:02px;
padding :02px;
}

input:hover,textarea:hover, select:hover {
wight: 60px !important;
background-color : #FFFBF7 !important;
border : 1px solid #E5A78B !important;
border-radius:02px;
padding :02px;
}

/*MESSAGES CODES ET CITER*/
.code {
width: 470px;
background-color: #FFFBF7 !important;
border-right : #E8DCD3 4px solid !important;
border-left : #E8DCD3 4px solid !important;
border-radius:03px !important;
padding :03px !important;}

.quote {
background-color: #FFFBF7 !important;
border-right : #E8DCD3 4px solid !important;
border-left : #E8DCD3 4px solid !important;
border-radius:03px !important;
padding :03px !important;}

/* sélection du contenu des balises codes */
.selectCode { float:right; cursor:pointer; background-color: #F1E8DF; padding: 2px; border-radius:03px;
  font-family: 'montez', cursive;
  font-size : 15px; color:#B6754F;
}
div.cont_code { clear: right; }


/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:775px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:765px;
background:#D4D6DE; /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family: 'stint ultra condensed', cursive; font-size:16px; font-weight: lighter; letter-spacing: 1px;
background:#C9CBD2; color:#464C5D; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:145px; padding-top:10px; text-align:center;
background:#C9CBD2; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* AVATAR */
.imgLMBER{
margin:auto; margin-bottom:-55px;
width:100px; height:100px; border-radius:100px; overflow:hidden;
}
.imgLMBER img{
width:100px;
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
position:absolute; margin-top:10px; margin-left:10px;
width:80px; height:50px; padding-top:30px; border-radius:80px;
font-family:Arial; font-size:16px; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover .msgLMBER {
opacity:1;
}
/* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
.boxLMBER {
padding:45px 10px 7px;
  text-align:center;
background:#D4D6DE; /* MODIFIABLE */
font-size: 10px;
}
/* BLOC PSEUDONYME & INSCRIPTION */
.nameLMBER{
margin-top:20px; height:30px; padding:5px 0;
text-align:center; text-transform:uppercase; letter-spacing:-0.5px; font-family:Arial; font-size:12px;
background:#C9CBD2; /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER{
font-size:10px; text-align:center; letter-spacing:0;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
background:#C9CBD2; /* MODIFIABLE */
font-size: 9px; text-align:center; text-tranform: uppercase!important;
}
/* IMAGES MP & WWW */
.btnLMBER {
margin-top:5px; height:15px;
}
.btnLMBER img{
max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
}

Ainsi que mon template ou j'ai touché aux sous forums:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
      
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      
                 
                 
                 

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
        </tr></table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" loading="lazy" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nameforum">{catrow.forumrow.FORUM_NAME}</div></a>
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed"><div class="descriptioncat">{catrow.forumrow.FORUM_DESC}</div></span>
          <div class="sous_forum">
    <span class="sforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
  <span class="bouton_sousforum">les passages secrets</span>
  </div>   
      </td>
      
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" loading="lazy" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall"><div class="booh1">{catrow.forumrow.LAST_POST}</div></span>
<div class="derniermessageligne"></div>
 <div class="gensmall sujets_messages"> <div class="derniermessage2">messages {catrow.forumrow.POSTS} ❧ sujets {catrow.forumrow.TOPICS}</div></div>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

<!-- BEGIN switch_forum_images -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="catHead">
         <span class="cattitle">{switch_forum_images.TITLE}</span>
      </td>
   </tr>
   <tr>
      <td class="row1">
         <div class="container-imgs-list" style="max-height: 500px" id="imageList">
                {switch_forum_images.SCRIPTS}
         </div>
      </td>
   </tr>
</table>
<!-- END switch_forum_images -->

C'est très embetant parce que je ne peux plus rien modifier sans que ça casse les codes :/

Merci d'avance à ceux qui trouveront la solution Laughing I love you I love you
cslayers

cslayers
Nouveau membre

Messages : 17
Inscrit(e) le : 10/01/2023

https://monde-charmed.forumsactifs.com
cslayers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mon css/apparence qui s'enlève après enregistrement.

Message par Milouze14 Ven 28 Avr 2023 - 5:45

Hello cslayers,

et si tu ajoutes ceci dans ta feuille de style:

Code:

body {
background-color: #403232;
background-image: url(https://2img.net/www.zupimages.net/up/23/17/6ddh.jpg);
background-attachment: scroll;
}

Car je ne saisis pas trop le reste de ta demande!!!

a++
Milouze14

Milouze14
****

Masculin
Messages : 228
Inscrit(e) le : 03/12/2021

https://www.milouze14.net/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mon css/apparence qui s'enlève après enregistrement.

Message par Toryudo Ven 28 Avr 2023 - 10:39

Bonjour !
De mon côté, je vois qu'il y a des erreurs dans le CSS. Je vais les lister et proposer une correction en même temps, ça évitera peut-être des problèmes dans le futur :

Ligne 41 : la propriété text-family n'existe pas, c'est plutôt font-family
Ligne 85 : il faut préciser 760px
Ligne 129 : il faut préciser 760px
Ligne 417 : la valeur lighter n'existe pas pour word-wrap, je supprime
Ligne 423 : la valeur lighter n'existe pas pour word-wrap, je supprime
Ligne 508 : cette ligne peut poser problème parce qu'elle est mal écrite "-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }", je supprime
Ligne 588 : la propriété wight n'existe pas, ça doit être width j'imagine ?
Ligne 596 : la propriété wight n'existe pas, ça doit être width j'imagine ?
Ligne 688 : la propriété text-tranform n'existe pas, c'est plutôt text-transform

Et voilà le CSS corrigé avec les propositions ci-dessus (et c'est très probablement la ligne 508 qui pose le plus de problème, il ne faut vraiment pas la garder) :
Code:
/*SOUS FORUM ET PASSAGE SECRETS*/
.sforum {
  margin-left:11px;
  height: 0px;
  text-align:center;
  position: relative;
  z-index: 3;
  display: block;
  width: 478px;
  overflow: hidden;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 0;
}

.sous_forum:hover .sforum {
  margin-top:-60px;
  left: -10px;
  height: 59px;
background-color :  #FFFBF7;
  overflow: auto;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 1;
}

.sous_forum a {
font-size:8px;
transition: all ease 1s;
text-transform: uppercase;
text-shadow: #FFFFFF 1px 0 3px; }

.sous_forum a:hover {
text-shadow: 0px 0px 9px #A88B74;
}

.bouton_sousforum {
  position: relative;
  z-index: 3;
  padding: 2px;
  font-family: 'montez', cursive!important;
  font-size: 8px !important;
  width: 300px !important;
  border-bottom: 1px solid #FFFBF7;
  border-right: 1px solid #FFFBF7;
  border-left: 1px solid #FFFBF7;
  background: #FFFBF7;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0px 9px #A88B74;  }

/* FUSION TOOBLAR ET NAVIGATION ET HEADER*/
#i_logo {
margin-top: -10px;
}

#navigation {
  text-align: center;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 200px;
  right: 200px;
}


#fa_toolbar {
  z-index: 998 !important;
}

/*PANNEAU AFFICHAGE INDEX*/
.panneauimg {
width: 34px;
opacity:0.7;
filter: grayscale(100%);}

.panneauimg:hover {
filter: none;
opacity:0.9;
transition: all ease 1s; }

.tableaupa5 {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
width: 760px;
padding: 3px;
font-size:11px;
line-height:11px;
text-align : justify;}

.citation3 {
font-family: 'Playfair Display SC', serif;
letter-spacing: 2px;
font-size : 9px;
text-align: center;
text-transform: uppercase;
background-color: #E8DCD3;
opacity:0.8; }

/*PA*/
.titrepa {
font-weight: lighter;
font-size: 30px;
font-family: 'stint ultra condensed', cursive;
text-transform: uppercase;
letter-spacing: 1px;
color:#66686C;
text-align : center;}

.citation1 {
font-family: 'Playfair Display SC', serif;
letter-spacing: 2px;
font-size : 9px;
text-align: center;
text-transform: uppercase;
opacity:0.8; }

.tableaupa {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
padding: 2px;
font-size:11px;
line-height:11px;
text-align : justify;}

.tableaupa3 {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
width: 760px;
padding: 3px;
font-size:11px;
line-height:11px;
text-align : justify;}

.lignepa {  border: solid 1px #E8DCD3; }

.fondlienpa {
font-size: 09px;
font-style: normal;
text-transform: uppercase;
height : 15px;
width : 235px;
padding: 6px;
background-color: #E8DCD3;
border-bottom:2px solid #FFFBF7;
text-align : center;}

.imgpa {
width: 110px;
border-radius: 5px;
background-color: #E8DCD3;
border: thick double #E8DCD3;
}

.imgpa2 {
width: 245px;
height: 154px;
opacity:0.7;
filter: grayscale(100%);}

.imgpa2:hover {
filter: none;
opacity:0.9;
transition: all ease 1s; }


/*italique et gras*/

i
{
color: #464C5D;
}

u{border-bottom: 2px solid;border-color:#659999;text-decoration: none; margin-bottom: -3px;
-moz-border-radius:10px;}

/*BORDURE DU FORUM*/
.bodyline {
-moz-box-shadow: 0px 0px 4px #FFFFFF;
box-shadow: 0px 0px 4px #FFFFFF;
-webkit-box-shadow: 0px 0px 4px #FFFFFF;}

/*BOUTON HAUT ET BAS*/
.boutonhautbas {
    bottom: 40px;
    right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}

/* Chrome, Safari SCROBALL */
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
 
::-webkit-scrollbar-track-piece  {
  background-color: #FFFBF7;
}
 
::-webkit-scrollbar-thumb:vertical {
  height: 30px;
        -webkit-border-radius: 10px;
  background-color: #E8DCD3;
}
 
::-webkit-scrollbar-thumb:horizontal{
  height: 30px;
        -webkit-border-radius: 10px;
  background-color: #E8DCD3;
}


/*AVATAR DERNIER POSTEUR*/
.lastpost-avatar {
display: block;
margin-top: 10px;
}

.lastpost-avatar img {
width: 38px;
height: 65px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #E8DCD4;
padding: 2px;
transition: all ease 1s;
}

.lastpost-avatar img:hover {
opacity:0.7;
transition: all ease 1s; }

/*chatbox*/
#fa_chat_container {
  background:#D4D6DE;
  border:1px solid #D4D6DE;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}
 
#fa_chat {
  border:none;
  width:100%;
  height:100%;
}
 
#fa_chat_button {
  color:#66686C;
  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}
 
#fa_chat_button.fa_chat_active {
  color:#66686C;
  background:#D4D6DE;
}

/*TOOBLAR*/

a#fa_hide {display: none!important;}

a#fa_welcome {display:none!important;}

div#fa_search {display:none!important;}

span#fa_share {display:none!important;}

div#fa_toolbar {
    background-color: #EBE1D9;  /* Couleur de fond */
    border-radius: 0 0 50px 50px;  /* Arrondis les bords de la toolbar */
    box-shadow: 0 0 5px #EBE1D9;  /* Affiche une ombre */
    margin: auto;  /* Centre la toolbar */
    width: 96%;  /* Modifie la longueur de la toolbar */
  font-family: 'stint ultra condensed', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  color:#66686C;
}
 
div#fa_toolbar div, div#fa_toolbar span {
    margin: 0 15px;  /* Repositionne correctement le contenu de la toolbar */
}

#fa_menulist a:link, #fa_menulist a:visited, #fa_right a, #fa_usermenu .bold, #fa_usermenu .first, a#fa_service{color:#66686C!important; font-size:11px;}

/*notifications tooblar*/
#fa_toolbar #fa_right #notif_list {background:#D4D6DE!important;border-radius:5px!important;border: solid 1px #D4D6DE!important;}
/*voir toutes les notifications*/
#fa_toolbar #fa_right #notif_list li.see_all a {background:#EBE1D9!important;border-radius:5px!important;}

#fa_toolbar #fa_right #notif_list li.see_all {background:#EBE1D9!important;border-radius:5px!important;}

/*couleur des liens tooblar*/
#fa_toolbar #fa_right #notif_list li .contentText a {color:#464C5D!important;}

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {background:#D4D6DE!important;}

/* LES MODELES*/
.fondmodèle {
border-radius: 2px;
padding: 2px;
background-color :  #D4D6DE;
border: solid 1px #C9CBD2; }

.textemodèle {
font-family: 'montez', cursive;
font-size: 28px;
color: #474C5D;
font-weight: lighter;}

.imagemodèle {
border-radius: 5px;
height:80px;
background-color: #C9CBD2;
border: thick double #C9CBD2;
}

.citationmodèle {
text-decoration: underline;
font-family: 'Stint Ultra Condensed', cursive;
font-size: 13px;
color: #474C5D;
letter-spacing: 1px;
text-transform: uppercase;}

.citationmodèle2 {
font-size: 9px;
color: #659999;
text-transform: uppercase;}

.imglien {
border-radius: 5px;
background-color: #C9CBD2;
border: thick double #C9CBD2;
}
/*BARRE DE NAVIGATION*/
.mainmenu {
transition: all ease 1s;
font-size: 19px;
word-wrap:normal;
font-style: normal;
text-shadow: #FFFFFF 1px 0 3px;
text-transform: lowercase;
padding-top: 5px;
font-family: 'montez', cursive;
margin-right:auto; }

a.mainmenu img {
display:none;}

.mainmenu[href="/calendar"]{display:none;}
.mainmenu[href="/faq"]{display:none;}

/* LES CATÉGORIES*/
.descriptioncat {
border-radius: 2px;
text-align: justify;
margin-top: -7px;
line-height: 10px;
height: 55px;
width: 480px;
overflow: auto;
display: block;
padding: 2px;
background-color :  #FFFBF7;
border: solid 1px #E8DCD3; }

.descriptioncat:hover {
height: 55px;
overflow: auto;}

.nameforum {
font-family: 'Licorice', cursive;
font-size: 26px;
text-shadow: #FFFFFF 1px 0 3px;
font-weight: lighter;}

.fonddescription {
font-family: 'Montez', cursive;
font-size: 17px;
font-weight: lighter;
text-shadow: #FFFFFF 1px 0 3px;
color: #E5A78B;
}

.derniermessage2 {
font-family: 'Stint Ultra Condensed', cursive;
font-size: 12px;
color: #66686C;
border-bottom: #E8DCD4 1px solid;
border-top: #E8DCD4 1px solid;
width: 110px;
margin-left: 40px;
letter-spacing: 1px;
margin-top: 2px;
text-transform: uppercase;}

.booh1 {
line-height: 11px;
margin-top: 20px;
}

/*titre des catégories tailles ect*/
.secondarytitle h2 {
font-size: 25px;
font-weight:normal;
}
 
/*fond des titres de catégories*/
.secondarytitle {
height:25px;
font-family: 'stint ultra condensed', cursive;
}

/*PROFIL*/
.postdetails.poster-profile a img {
-webkit-border-radius: 5px;
background-color :  #FFFBF7;
border: thick double #E8DCD3;
border-radius: 5px; }

.infoprofil {
line-height:10px;
text-align : justify;
font-size : 9px;
border-radius: 3px;
width: 182px;
background-color : #FFFBF7;
border: thick double #E8DCD3;
margin-bottom: 5px;
margin-right: 2.5px;
margin-left: 1.5px;
margin-top: -3px;
max-height: 250px !important;
overflow: auto;
padding :10px;}

.infoprofil:hover {
max-height: 250px !important;
overflow: auto; }

.profilpseudo { font-size : 14px;
font-weight: lighter;
border-spacing: 5px;
margin-left: -5px;
width: 205px; }

.fondpseudo {
font-size : 9px;
text-align: center;
font-weight: lighter;
font-family: 'aboreto', cursive;
padding: 01px;
width : 197px;
margin-top : 2px;}

.profilpresentation {
border-radius: 3px;
width: 199px;
background-color : #FFFBF7;
border: thick double #E8DCD3;
margin-bottom: 5px;
margin-right: 2.5px;
margin-left: 1.5px;
margin-top: -3px;
padding :2px;}


/*gif de profil*/
.postdetails.poster-profile img {
border-radius: 05px;
width:200px;
transition: all ease 1s; }

.postdetails.poster-profile img:hover {
border-radius: 03px;
width:200px;
opacity:0.7;
transition: all ease 1s; }

/*nom des champs de profil*/
.postdetails.poster-profile .label {
font-size : 8px;
color :  #594840;
text-transform: uppercase;
text-align: justify;
line-height:9px;}

/*GRAS DES PSEUDOS*/
a span strong {
  font-weight: 550;
}

/*LIENS NN SOULIGNES*/
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}
/*EDITION*/


/*JUSTIFIER*/
.postbody {
display: block;
font-size: 11px;
line-height: 14px;
padding-left: 15px;
padding-right: 15px;
text-align:justify;}

/*ENLEVER PARTICIPANT SUJET*/
.poster-list {
  display: none;
}

/*MISE EN FORME EDITEUR*/
.sceditor-container iframe, .sceditor-container textarea, .sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: #DFE1E6 !important;  /****couleur de fond de la zone de texte*/
border: 1px solid #DFE1E6 !important; /************bordure de la zone de texte*/
width: 95% !important; /***************************largeur de la zone de texte*/
 margin: 10px auto !important;
font-size: 11px !important;  /***********taille de la police (en mode source)*/
padding: 2px !important;
color: #66686C !important;
}

a.sceditor-button{  background-color: #D4D6DE !important;}
a.sceditor-button.hover{  background-color: #D4D6DE !important;
border: 1px dotted #BFC0DB !important;}
/*général et barre d'outils*/
.sceditor-container {
width: 100% !important;  /********************************largeur de l'édieur*/
text-align: center;}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
border: none !important;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar, .sceditor-dropdown {
background-color: #D4D6DE!important;
border : 1px solid #D4D6DE !important;  /****couleur de fond de l'éditeur*/}

.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button, .sceditor-font-option, .sceditor-fontsize-option {
color: #362D24 !important;  /*couleur de la police dans l'encadré quand on clique sur un bouton*/}
.sceditor-button.sceditor-button-source {
background-color: #DFE1E6 !important;}
 
a.sceditor-button {
    width : 15px;
background-color: #DFE1E6 !important;}

a.sceditor-button.hover {
background-color: #DFE1E6 !important;
}

html#sceditor_smilies {
background-color: #D4D6DE !important;}

/*---  Groupe de boutons ---*/
   
div.sceditor-group {
background-color : #DFE1E6 !important;}

/* bordure de l'éditeur */
div.sceditor-container {
border: none;}
   
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: none; }
   
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;}
   
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;}

/*CONNEXION AUTO*/
input,textarea, select {
width: 60px !important;
background-color : #FFFBF7 !important;
border : 1px solid #E8DCD3 !important;
border-radius:02px;
padding :02px;
}

input:hover,textarea:hover, select:hover {
width: 60px !important;
background-color : #FFFBF7 !important;
border : 1px solid #E5A78B !important;
border-radius:02px;
padding :02px;
}

/*MESSAGES CODES ET CITER*/
.code {
width: 470px;
background-color: #FFFBF7 !important;
border-right : #E8DCD3 4px solid !important;
border-left : #E8DCD3 4px solid !important;
border-radius:03px !important;
padding :03px !important;}

.quote {
background-color: #FFFBF7 !important;
border-right : #E8DCD3 4px solid !important;
border-left : #E8DCD3 4px solid !important;
border-radius:03px !important;
padding :03px !important;}

/* sélection du contenu des balises codes */
.selectCode { float:right; cursor:pointer; background-color: #F1E8DF; padding: 2px; border-radius:03px;
  font-family: 'montez', cursive;
  font-size : 15px; color:#B6754F;
}
div.cont_code { clear: right; }


/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:775px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:765px;
background:#D4D6DE; /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family: 'stint ultra condensed', cursive; font-size:16px; font-weight: lighter; letter-spacing: 1px;
background:#C9CBD2; color:#464C5D; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:145px; padding-top:10px; text-align:center;
background:#C9CBD2; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* AVATAR */
.imgLMBER{
margin:auto; margin-bottom:-55px;
width:100px; height:100px; border-radius:100px; overflow:hidden;
}
.imgLMBER img{
width:100px;
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
position:absolute; margin-top:10px; margin-left:10px;
width:80px; height:50px; padding-top:30px; border-radius:80px;
font-family:Arial; font-size:16px; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover .msgLMBER {
opacity:1;
}
/* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
.boxLMBER {
padding:45px 10px 7px;
  text-align:center;
background:#D4D6DE; /* MODIFIABLE */
font-size: 10px;
}
/* BLOC PSEUDONYME & INSCRIPTION */
.nameLMBER{
margin-top:20px; height:30px; padding:5px 0;
text-align:center; text-transform:uppercase; letter-spacing:-0.5px; font-family:Arial; font-size:12px;
background:#C9CBD2; /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER{
font-size:10px; text-align:center; letter-spacing:0;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
background:#C9CBD2; /* MODIFIABLE */
font-size: 9px; text-align:center; text-transform: uppercase!important;
}
/* IMAGES MP & WWW */
.btnLMBER {
margin-top:5px; height:15px;
}
.btnLMBER img{
max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1564
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mon css/apparence qui s'enlève après enregistrement.

Message par cslayers Ven 28 Avr 2023 - 13:49

Couuuucou I love you
Merci pour vos réponses I love you
J'ai rajouté le code de Milouze14 et le css de Toryudo I love you

Alors, le problème persiste toujours, mon css bug à chaque modification dessus Arrow Je me demande si ça vient vraiment pas de mon template (que j'ai mis dans mon premier message), sinon, même après vos réponses, je ne vois toujours pas d'ou ça peux venir I love you I love you

EDIT: Voir peut-être de celui-ci:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
     xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <link href="https://fonts.googleapis.com/css2?family=Montez&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Licorice&display=swap" rel="stylesheet"> 
    <link href="https://fonts.googleapis.com/css2?family=Aboreto&display=swap" rel="stylesheet">
     
      <link href="https://fonts.googleapis.com/css2?family=Stint+Ultra+Condensed&display=swap" rel="stylesheet">
     
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
   <meta http-equiv="content-script-type" content="text/javascript"/>
   <meta http-equiv="content-style-type" content="text/css"/>
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <!-- BEGIN switch_recent_jquery -->
   <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
   <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   {RICH_SNIPPET_GOOGLE}

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
   <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch (tickerDirParam) {
         case 'top' :
            slid_vert = true;
            break;
         case 'left':
            break;
         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;
         case 'right':
            auto_dir = 'prev';
            break;
         default:
            slid_vert = true;
      }

      $(document).ready(function () {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0) {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display', 'block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each(function () {
               if ($(this).height() > height_max) {
                  height_max = $(this).height();
               }
            });

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item) {
                  var ratio = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert) {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
               vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
               scroll: 1,
               size: {switch_ticker.SIZE},
               height_max: height_max,
               animation: {switch_ticker.SPEED}
            });
         } else {
            $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
            $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
         }
      });
      //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
      $(document).ready(function () {
         <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if (pm != null) {
            pm.focus();
         }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if (report != null) {
            report.focus();
         }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
         $(document).ready(function () {
            Ticker.start({
               height: {switch_ticker.HEIGHT},
               spacing: {switch_ticker.SPACING},
               speed: {switch_ticker.SPEED},
               direction: '{switch_ticker.DIRECTION}',
               pause: {switch_ticker.STOP_TIME}
            });
         });
         <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
         logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready(function () {
         $(window).resize(function () {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
               "left": windowWidth / 2 - popupWidth / 2
            });
         });
      });
      <!-- END switch_login_popup -->
      //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
      .jcarousel-skin-tango .jcarousel-item {
         text-align: center;
         width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
         margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
         margin-bottom: {switch_ticker.SPACING}px;
      }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}

   <!-- BEGIN google_analytics_code -->
   <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
   <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
      <!-- BEGIN google_analytics_code_bis -->
      gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
      <!-- END google_analytics_code_bis -->
   </script>
   <!-- END google_analytics_code -->

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
     vlink="{T_BODY_VLINK}">
           
           
        <div id="navigation"><div id="navig">{GENERATED_NAV_BAR}</div></div>
           
           
           
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br/>
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" style="z-index: 10000 !important;">
   <table class="forumline" style="padding: 0px; width: 480px;" border="0" cellspacing="1"
        cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{inactive_users_modal.L_MODAL_TITLE}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <span class="genmed">{inactive_users_modal.L_MODAL_BODY}</span>
            <div id="inactive_popup_buttons">
               <input type="button" id="inactive_popup_url" class="mainoption"  value="{inactive_users_modal.L_MODAL_BUTTON}" />
               <input type="button" id="inactive_popup_close" class="button" value="{inactive_users_modal.L_CLOSE}" />
            </div>
         </td>
      </tr>
   </table>
</div>
<script type="text/javascript">
   $('#inactive_popup #inactive_popup_close').on('mouseup', function () {
      document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
      $('#inactive_popup').hide(50);
   });
   $('#inactive_popup #inactive_popup_url').on('mouseup', function () {
      document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
      location.href = '{inactive_users_modal.U_MODAL}'
   })
</script>
<!-- END inactive_users_modal -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
        cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                  <input type="button" class="mainoption" value="{L_REGISTER}"
                       onclick="parent.location='{U_REGISTER}';"/>
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
      <!-- BEGIN switch_quick_login -->
      <tr>
         <td class="row1" align="left" valign="top">
            <div class="social_btn">
               <!-- BEGIN fb_quick_connect -->
               <div class="fb-login-button"></div>
               <!-- END fb_quick_connect -->
               &nbsp;
               <!-- BEGIN topicit_quick_connect -->
               <div class="ti-connect"></div>
               <!-- END topicit_quick_connect -->
            </div>
         </td>
      </tr>
      <!-- END switch_quick_login -->
   </table>
</div>
<!-- END switch_login_popup -->

<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
   <table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_POPUP_HEIGHT}" border="0" cellspacing="1"
        cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LIKE_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="like_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                  <input type="button" class="mainoption" value="{L_REGISTER}"
                       onclick="parent.location='{U_REGISTER}';"/>
                  <input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
               </form>
            </div>
            <span class="genmed">{LIKE_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>
<!-- END switch_like_popup -->

<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               <!-- BEGIN switch_logo_left -->
               <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               </td>
               <!-- END switch_logo_left -->
               <td align="center" width="100%" valign="middle">
                  <!-- BEGIN switch_logo_center -->
                  <a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
                  <br/>
                  <!-- END switch_logo_center -->
                  
               </td>
               <!-- BEGIN switch_logo_right -->
               <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               </td>
               <!-- END switch_logo_right -->
            </tr>
         </table>


                 
                 
<table width="100%"><tr><td style="width: 280px; height: 80px;" class="tableaupa5"><div style="" class="citation3">les choses à savoir</div> <div style="height:70px; overflow:auto;font-size: 11px;text-align: justify;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec cursus consequat sapien. Aenean feugiat placerat diam. Nam malesuada arcu et elit. Cras vitae pede vel eros sollicitudin mattis. Suspendisse convallis. Phasellus fringilla. Sed vel tortor. Fusce rutrum wisi sit amet justo.        
</div></td><td style="width: 200px; height: 80px;" class="tableaupa5">
<div style="" class="citation3">les scénarios</div><br /><div align="center"><img src="https://i.imgur.com/65MyAFz.png" class="panneauimg" /> <a class="postlink" href="https://realmsofmagic.forumactif.com?tid=00004909e116f09d2e8849c977169ee6"><img class="panneauimg" src="https://i.imgur.com/65MyAFz.png" /></a> <a class="postlink" href="https://realmsofmagic.forumactif.com?tid=00004909e116f09d2e8849c977169ee6"><img class="panneauimg" src="https://i.imgur.com/65MyAFz.png" /></a> <a class="postlink" href="https://realmsofmagic.forumactif.com?tid=00004909e116f09d2e8849c977169ee6"><img class="panneauimg" src="https://i.imgur.com/65MyAFz.png" /></a> <a class="postlink" href="https://realmsofmagic.forumactif.com?tid=00004909e116f09d2e8849c977169ee6"><img class="panneauimg" src="https://i.imgur.com/65MyAFz.png" /></a><br /><a class="postlink" href="https://realmsofmagic.forumactif.com?tid=00004909e116f09d2e8849c977169ee6"><img class="panneauimg" src="https://i.imgur.com/65MyAFz.png" /></a> <a class="postlink" href="https://realmsofmagic.forumactif.com?tid=00004909e116f09d2e8849c977169ee6"><img class="panneauimg" src="https://i.imgur.com/65MyAFz.png" /></a> <a class="postlink" href="https://realmsofmagic.forumactif.com?tid=00004909e116f09d2e8849c977169ee6"><img class="panneauimg" src="https://i.imgur.com/65MyAFz.png" /></a> <a class="postlink" href="https://realmsofmagic.forumactif.com?tid=00004909e116f09d2e8849c977169ee6"><img class="panneauimg" src="https://i.imgur.com/65MyAFz.png" /></a> <a class="postlink" href="https://realmsofmagic.forumactif.com?tid=00004909e116f09d2e8849c977169ee6"><img class="panneauimg" src="https://i.imgur.com/65MyAFz.png" /></a></div></td><td style="width: 250px; height: 80px;" class="tableaupa5"><div style="" class="citation3">les bases de desparate houswitch</div><br /><div style="height:70px; overflow:auto;font-size: 11px;text-align: justify;">Le forum est inspiré de <em>Charmed</em>, nous partons du principe que les sœurs existent bel et bien, cependant, nous avons pris le parti de les laisser tranquillement à la retraite. Adieu San Francisco, nous nous situions dans une ville fictive des États-Unis: <strong>Sleepy Lake</strong>. Nous <span style="text-decoration: underline;">n'acceptons pas les sœurs</span> ni qui que ce soit ayant un rapport avec les Halliwell. Il faudra impérativement <span style="text-decoration: underline;">inventer son personnage</span> ou prendre un pré lien, voir scénario.</div></td></tr></table>
                 
                  <div style="clear: both;"></div>

         <!-- BEGIN switch_ticker_new -->
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                           <!-- BEGIN ticker_row -->
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           <!-- END ticker_row -->
                        </ul>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         <!-- END switch_ticker_new -->

         <!-- BEGIN switch_ticker -->
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              <!-- BEGIN ticker_row -->
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              <!-- END ticker_row -->
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         <!-- END switch_ticker -->

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                  <tr>
                     <td valign="top" width="{C1SIZE}">
                        <div id="{ID_LEFT}">
                           <!-- BEGIN giefmod_index1 -->
                           {giefmod_index1.MODVAR}
                           <!-- BEGIN saut -->
                           <div style="height:{SPACE_ROW}px"></div>
                           <!-- END saut -->
                           <!-- END giefmod_index1 -->
                        </div>
                     </td>
                     <td valign="top" width="100%">
                        <!-- BEGIN html_validation -->
                     </td>
                  </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>
<!-- END html_validation -->

En tout cas le problème est survenu suite à l'ajout des deux codes: celui des sous forums et celui de l'ajout de la barre de navigation dans la tooblar Very Happy
cslayers

cslayers
Nouveau membre

Messages : 17
Inscrit(e) le : 10/01/2023

https://monde-charmed.forumsactifs.com
cslayers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mon css/apparence qui s'enlève après enregistrement.

Message par Toryudo Ven 28 Avr 2023 - 16:06

Par curiosité, est-ce que vous pourriez :
- copier le CSS qui fonctionne (à la fois sur votre forum et ici) et valider
- retourner sur la page du CSS personnalisé, copier le CSS complet ici (histoire de vérifier qu'il n'a pas changé tout seul) et valider sans avoir rien changé
- ajouter votre code, copier le CSS complet ici et valider
- éventuellement reretourner sur la page ensuite et rerecopier le CSS complet

Comme ça, on compare les 3 ou 4 versions et on regarde ce qui change entre chaque !
Je ne pense pas que ça puisse venir d'un Template si vous ne faites des modifications que sur le CSS, donc on va se concentrer là-dessus dans un premier temps.
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1564
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mon css/apparence qui s'enlève après enregistrement.

Message par cslayers Ven 28 Avr 2023 - 17:22

Re-coucou I love you

- Première étape avec ton code (ça bug, le css plante)
- Deuxième étape: aucun bug alors que c'est le même css
le css copier sans modification
Code:
/*SOUS FORUM ET PASSAGE SECRETS*/
.sforum {
  margin-left:11px;
  height: 0px;
  text-align:center;
  position: relative;
  z-index: 3;
  display: block;
  width: 478px;
  overflow: hidden;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 0;
}

.sous_forum:hover .sforum {
  margin-top:-60px;
  left: -10px;
  height: 59px;
background-color :  #FFFBF7;
  overflow: auto;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 1;
}

.sous_forum a {
font-size:8px;
transition: all ease 1s;
text-transform: uppercase;
text-shadow: #FFFFFF 1px 0 3px; }

.sous_forum a:hover {
text-shadow: 0px 0px 9px #A88B74;
}

.bouton_sousforum {
  position: relative;
  z-index: 3;
  padding: 2px;
  font-family: 'montez', cursive!important;
  font-size: 8px !important;
  width: 300px !important;
  border-bottom: 1px solid #FFFBF7;
  border-right: 1px solid #FFFBF7;
  border-left: 1px solid #FFFBF7;
  background: #FFFBF7;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0px 9px #A88B74;  }

/* FUSION TOOBLAR ET NAVIGATION ET HEADER*/
#i_logo {
margin-top: -10px;
}

#navigation {
  text-align: center;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 200px;
  right: 200px;
}


#fa_toolbar {
  z-index: 998 !important;
}

/*PANNEAU AFFICHAGE INDEX*/
.panneauimg {
width: 34px;
opacity:0.7;
filter: grayscale(100%);}

.panneauimg:hover {
filter: none;
opacity:0.9;
transition: all ease 1s; }

.tableaupa5 {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
width: 760px;
padding: 3px;
font-size:11px;
line-height:11px;
text-align : justify;}

.citation3 {
font-family: 'Playfair Display SC', serif;
letter-spacing: 2px;
font-size : 9px;
text-align: center;
text-transform: uppercase;
background-color: #E8DCD3;
opacity:0.8; }

/*PA*/
.titrepa {
font-weight: lighter;
font-size: 30px;
font-family: 'stint ultra condensed', cursive;
text-transform: uppercase;
letter-spacing: 1px;
color:#66686C;
text-align : center;}

.citation1 {
font-family: 'Playfair Display SC', serif;
letter-spacing: 2px;
font-size : 9px;
text-align: center;
text-transform: uppercase;
opacity:0.8; }

.tableaupa {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
padding: 2px;
font-size:11px;
line-height:11px;
text-align : justify;}

.tableaupa3 {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
width: 760px;
padding: 3px;
font-size:11px;
line-height:11px;
text-align : justify;}

.lignepa {  border: solid 1px #E8DCD3; }

.fondlienpa {
font-size: 09px;
font-style: normal;
text-transform: uppercase;
height : 15px;
width : 235px;
padding: 6px;
background-color: #E8DCD3;
border-bottom:2px solid #FFFBF7;
text-align : center;}

.imgpa {
width: 110px;
border-radius: 5px;
background-color: #E8DCD3;
border: thick double #E8DCD3;
}

.imgpa2 {
width: 245px;
height: 154px;
opacity:0.7;
filter: grayscale(100%);}

.imgpa2:hover {
filter: none;
opacity:0.9;
transition: all ease 1s; }


/*italique et gras*/

i
{
color: #464C5D;
}

u{border-bottom: 2px solid;border-color:#659999;text-decoration: none; margin-bottom: -3px;
-moz-border-radius:10px;}

/*BORDURE DU FORUM*/
.bodyline {
-moz-box-shadow: 0px 0px 4px #FFFFFF;
box-shadow: 0px 0px 4px #FFFFFF;
-webkit-box-shadow: 0px 0px 4px #FFFFFF;}

/*BOUTON HAUT ET BAS*/
.boutonhautbas {
    bottom: 40px;
    right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}

/* Chrome, Safari SCROBALL */
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
 
::-webkit-scrollbar-track-piece  {
  background-color: #FFFBF7;
}
 
::-webkit-scrollbar-thumb:vertical {
  height: 30px;
        -webkit-border-radius: 10px;
  background-color: #E8DCD3;
}
 
::-webkit-scrollbar-thumb:horizontal{
  height: 30px;
        -webkit-border-radius: 10px;
  background-color: #E8DCD3;
}


/*AVATAR DERNIER POSTEUR*/
.lastpost-avatar {
display: block;
margin-top: 10px;
}

.lastpost-avatar img {
width: 38px;
height: 65px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #E8DCD4;
padding: 2px;
transition: all ease 1s;
}

.lastpost-avatar img:hover {
opacity:0.7;
transition: all ease 1s; }

/*chatbox*/
#fa_chat_container {
  background:#D4D6DE;
  border:1px solid #D4D6DE;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}
 
#fa_chat {
  border:none;
  width:100%;
  height:100%;
}
 
#fa_chat_button {
  color:#66686C;
  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}
 
#fa_chat_button.fa_chat_active {
  color:#66686C;
  background:#D4D6DE;
}

/*TOOBLAR*/

a#fa_hide {display: none!important;}

a#fa_welcome {display:none!important;}

div#fa_search {display:none!important;}

span#fa_share {display:none!important;}

div#fa_toolbar {
    background-color: #EBE1D9;  /* Couleur de fond */
    border-radius: 0 0 50px 50px;  /* Arrondis les bords de la toolbar */
    box-shadow: 0 0 5px #EBE1D9;  /* Affiche une ombre */
    margin: auto;  /* Centre la toolbar */
    width: 96%;  /* Modifie la longueur de la toolbar */
  font-family: 'stint ultra condensed', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  color:#66686C;
}
 
div#fa_toolbar div, div#fa_toolbar span {
    margin: 0 15px;  /* Repositionne correctement le contenu de la toolbar */
}

#fa_menulist a:link, #fa_menulist a:visited, #fa_right a, #fa_usermenu .bold, #fa_usermenu .first, a#fa_service{color:#66686C!important; font-size:11px;}

/*notifications tooblar*/
#fa_toolbar #fa_right #notif_list {background:#D4D6DE!important;border-radius:5px!important;border: solid 1px #D4D6DE!important;}
/*voir toutes les notifications*/
#fa_toolbar #fa_right #notif_list li.see_all a {background:#EBE1D9!important;border-radius:5px!important;}

#fa_toolbar #fa_right #notif_list li.see_all {background:#EBE1D9!important;border-radius:5px!important;}

/*couleur des liens tooblar*/
#fa_toolbar #fa_right #notif_list li .contentText a {color:#464C5D!important;}

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {background:#D4D6DE!important;}

/* LES MODELES*/
.fondmodèle {
border-radius: 2px;
padding: 2px;
background-color :  #D4D6DE;
border: solid 1px #C9CBD2; }

.textemodèle {
font-family: 'montez', cursive;
font-size: 28px;
color: #474C5D;
font-weight: lighter;}

.imagemodèle {
border-radius: 5px;
height:80px;
background-color: #C9CBD2;
border: thick double #C9CBD2;
}

.citationmodèle {
text-decoration: underline;
font-family: 'Stint Ultra Condensed', cursive;
font-size: 13px;
color: #474C5D;
letter-spacing: 1px;
text-transform: uppercase;}

.citationmodèle2 {
font-size: 9px;
color: #659999;
text-transform: uppercase;}

.imglien {
border-radius: 5px;
background-color: #C9CBD2;
border: thick double #C9CBD2;
}
/*BARRE DE NAVIGATION*/
.mainmenu {
transition: all ease 1s;
font-size: 19px;
word-wrap:normal;
font-style: normal;
text-shadow: #FFFFFF 1px 0 3px;
text-transform: lowercase;
padding-top: 5px;
font-family: 'montez', cursive;
margin-right:auto; }

a.mainmenu img {
display:none;}

.mainmenu[href="/calendar"]{display:none;}
.mainmenu[href="/faq"]{display:none;}

/* LES CATÉGORIES*/
.descriptioncat {
border-radius: 2px;
text-align: justify;
margin-top: -7px;
line-height: 10px;
height: 55px;
width: 480px;
overflow: auto;
display: block;
padding: 2px;
background-color :  #FFFBF7;
border: solid 1px #E8DCD3; }

.descriptioncat:hover {
height: 55px;
overflow: auto;}

.nameforum {
font-family: 'Licorice', cursive;
font-size: 26px;
text-shadow: #FFFFFF 1px 0 3px;
font-weight: lighter;}

.fonddescription {
font-family: 'Montez', cursive;
font-size: 17px;
font-weight: lighter;
text-shadow: #FFFFFF 1px 0 3px;
color: #E5A78B;
}

.derniermessage2 {
font-family: 'Stint Ultra Condensed', cursive;
font-size: 12px;
color: #66686C;
border-bottom: #E8DCD4 1px solid;
border-top: #E8DCD4 1px solid;
width: 110px;
margin-left: 40px;
letter-spacing: 1px;
margin-top: 2px;
text-transform: uppercase;}

.booh1 {
line-height: 11px;
margin-top: 20px;
}

/*titre des catégories tailles ect*/
.secondarytitle h2 {
font-size: 25px;
font-weight:normal;
}
 
/*fond des titres de catégories*/
.secondarytitle {
height:25px;
font-family: 'stint ultra condensed', cursive;
}

/*PROFIL*/
.postdetails.poster-profile a img {
-webkit-border-radius: 5px;
background-color :  #FFFBF7;
border: thick double #E8DCD3;
border-radius: 5px; }

.infoprofil {
line-height:10px;
text-align : justify;
font-size : 9px;
border-radius: 3px;
width: 182px;
background-color : #FFFBF7;
border: thick double #E8DCD3;
margin-bottom: 5px;
margin-right: 2.5px;
margin-left: 1.5px;
margin-top: -3px;
max-height: 250px !important;
overflow: auto;
padding :10px;}

.infoprofil:hover {
max-height: 250px !important;
overflow: auto; }

.profilpseudo { font-size : 14px;
font-weight: lighter;
border-spacing: 5px;
margin-left: -5px;
width: 205px; }

.fondpseudo {
font-size : 9px;
text-align: center;
font-weight: lighter;
font-family: 'aboreto', cursive;
padding: 01px;
width : 197px;
margin-top : 2px;}

.profilpresentation {
border-radius: 3px;
width: 199px;
background-color : #FFFBF7;
border: thick double #E8DCD3;
margin-bottom: 5px;
margin-right: 2.5px;
margin-left: 1.5px;
margin-top: -3px;
padding :2px;}


/*gif de profil*/
.postdetails.poster-profile img {
border-radius: 05px;
width:200px;
transition: all ease 1s; }

.postdetails.poster-profile img:hover {
border-radius: 03px;
width:200px;
opacity:0.7;
transition: all ease 1s; }

/*nom des champs de profil*/
.postdetails.poster-profile .label {
font-size : 8px;
color :  #594840;
text-transform: uppercase;
text-align: justify;
line-height:9px;}

/*GRAS DES PSEUDOS*/
a span strong {
  font-weight: 550;
}

/*LIENS NN SOULIGNES*/
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}
/*EDITION*/


/*JUSTIFIER*/
.postbody {
display: block;
font-size: 11px;
line-height: 14px;
padding-left: 15px;
padding-right: 15px;
text-align:justify;}

/*ENLEVER PARTICIPANT SUJET*/
.poster-list {
  display: none;
}

/*MISE EN FORME EDITEUR*/
.sceditor-container iframe, .sceditor-container textarea, .sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: #DFE1E6 !important;  /****couleur de fond de la zone de texte*/
border: 1px solid #DFE1E6 !important; /************bordure de la zone de texte*/
width: 95% !important; /***************************largeur de la zone de texte*/
 margin: 10px auto !important;
font-size: 11px !important;  /***********taille de la police (en mode source)*/
padding: 2px !important;
color: #66686C !important;
}

a.sceditor-button{  background-color: #D4D6DE !important;}
a.sceditor-button.hover{  background-color: #D4D6DE !important;
border: 1px dotted #BFC0DB !important;}
/*général et barre d'outils*/
.sceditor-container {
width: 100% !important;  /********************************largeur de l'édieur*/
text-align: center;}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
border: none !important;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar, .sceditor-dropdown {
background-color: #D4D6DE!important;
border : 1px solid #D4D6DE !important;  /****couleur de fond de l'éditeur*/}

.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button, .sceditor-font-option, .sceditor-fontsize-option {
color: #362D24 !important;  /*couleur de la police dans l'encadré quand on clique sur un bouton*/}
.sceditor-button.sceditor-button-source {
background-color: #DFE1E6 !important;}
 
a.sceditor-button {
    width : 15px;
background-color: #DFE1E6 !important;}

a.sceditor-button.hover {
background-color: #DFE1E6 !important;
}

html#sceditor_smilies {
background-color: #D4D6DE !important;}

/*---  Groupe de boutons ---*/
    
div.sceditor-group {
background-color : #DFE1E6 !important;}

/* bordure de l'éditeur */
div.sceditor-container {
border: none;}
    
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: none; }
    
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;}
    
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;}

/*CONNEXION AUTO*/
input,textarea, select {
width: 60px !important;
background-color : #FFFBF7 !important;
border : 1px solid #E8DCD3 !important;
border-radius:02px;
padding :02px;
}

input:hover,textarea:hover, select:hover {
width: 60px !important;
background-color : #FFFBF7 !important;
border : 1px solid #E5A78B !important;
border-radius:02px;
padding :02px;
}

/*MESSAGES CODES ET CITER*/
.code {
width: 470px;
background-color: #FFFBF7 !important;
border-right : #E8DCD3 4px solid !important;
border-left : #E8DCD3 4px solid !important;
border-radius:03px !important;
padding :03px !important;}

.quote {
background-color: #FFFBF7 !important;
border-right : #E8DCD3 4px solid !important;
border-left : #E8DCD3 4px solid !important;
border-radius:03px !important;
padding :03px !important;}

/* sélection du contenu des balises codes */
.selectCode { float:right; cursor:pointer; background-color: #F1E8DF; padding: 2px; border-radius:03px;
  font-family: 'montez', cursive;
  font-size : 15px; color:#B6754F;
}
div.cont_code { clear: right; }


/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:775px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:765px;
background:#D4D6DE; /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family: 'stint ultra condensed', cursive; font-size:16px; font-weight: lighter; letter-spacing: 1px;
background:#C9CBD2; color:#464C5D; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:145px; padding-top:10px; text-align:center;
background:#C9CBD2; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* AVATAR */
.imgLMBER{
margin:auto; margin-bottom:-55px;
width:100px; height:100px; border-radius:100px; overflow:hidden;
}
.imgLMBER img{
width:100px;
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
position:absolute; margin-top:10px; margin-left:10px;
width:80px; height:50px; padding-top:30px; border-radius:80px;
font-family:Arial; font-size:16px; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover .msgLMBER {
opacity:1;
}
/* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
.boxLMBER {
padding:45px 10px 7px;
  text-align:center;
background:#D4D6DE; /* MODIFIABLE */
font-size: 10px;
}
/* BLOC PSEUDONYME & INSCRIPTION */
.nameLMBER{
margin-top:20px; height:30px; padding:5px 0;
text-align:center; text-transform:uppercase; letter-spacing:-0.5px; font-family:Arial; font-size:12px;
background:#C9CBD2; /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER{
font-size:10px; text-align:center; letter-spacing:0;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
background:#C9CBD2; /* MODIFIABLE */
font-size: 9px; text-align:center; text-transform: uppercase!important;
}
/* IMAGES MP & WWW */
.btnLMBER {
margin-top:5px; height:15px;
}
.btnLMBER img{
max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
- Troisième étape:
Mon ancien css mit en place: aucun bug (du coup c'est encore plus bizarre)
- quatrième étape: nouveau code que tu m'as donné - aucun bug

ça plante une fois sur deux en fait peu importe le css mit  Laughing

EDIT: ça vient forcément d'ici
Code:
/*SOUS FORUM ET PASSAGE SECRETS*/
.sforum {
  margin-left:11px;
  height: 0px;
  text-align:center;
  position: relative;
  z-index: 3;
  display: block;
  width: 438px;
  overflow: hidden;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 0;
}

.sous_forum:hover .sforum {
  margin-top:-60px;
  left: -10px;
  height: 59px;
background-color :  #FFFBF7;
  overflow: auto;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 1;
}

.sous_forum a {
font-size:8px;
transition: all ease 1s;
text-transform: uppercase;
text-shadow: #FFFFFF 1px 0 3px; }

.sous_forum a:hover {
text-shadow: 0px 0px 9px #A88B74;
}

.bouton_sousforum {
  position: relative;
  z-index: 3;
  padding: 2px;
  font-size: 8px !important;
  width: 300px !important;
  border-bottom: 1px solid #FFFBF7;
  border-right: 1px solid #FFFBF7;
  border-left: 1px solid #FFFBF7;
  background: #FFFBF7;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0px 9px #A88B74;  }

/* FUSION TOOBLAR ET NAVIGATION ET HEADER*/
#i_logo {
margin-top: -10px;
}

#navigation {
  text-align: center;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 200px;
  right: 200px;
}


#fa_toolbar {
  z-index: 998 !important;
}

/*PANNEAU AFFICHAGE INDEX*/
.panneauimg {
width: 34px;
opacity:0.7;
filter: grayscale(100%);}

.panneauimg:hover {
filter: none;
opacity:0.9;
transition: all ease 1s; }

.tableaupa5 {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
padding: 3px;
font-size:11px;
line-height:11px;
text-align : justify;}

.citation3 {
font-family: 'Playfair Display SC', serif;
letter-spacing: 2px;
font-size : 9px;
text-align: center;
text-transform: uppercase;
background-color: #E8DCD3;
opacity:0.8; }

/*PA*/
.titrepa {
font-weight: lighter;
font-size: 30px;
font-family: 'stint ultra condensed', cursive;
text-transform: uppercase;
letter-spacing: 1px;
color:#66686C;
text-align : center;}

.citation1 {
font-family: 'Playfair Display SC', serif;
letter-spacing: 2px;
font-size : 9px;
text-align: center;
text-transform: uppercase;
opacity:0.8; }

.tableaupa {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
padding: 2px;
font-size:11px;
line-height:11px;
text-align : justify;}

.tableaupa3 {
background-color :  #FFFBF7;
border: solid 1px #E8DCD3;
width: 700px;
padding: 3px;
font-size:11px;
line-height:11px;
text-align : justify;}

.lignepa {  border: solid 1px #E8DCD3; }

.fondlienpa {
font-size: 09px;
font-style: normal;
text-transform: uppercase;
height : 15px;
width : 230px;
padding: 6px;
background-color: #E8DCD3;
border-bottom:2px solid #FFFBF7;
text-align : center;}

.imgpa {
width: 100px;
border-radius: 5px;
background-color: #E8DCD3;
border: thick double #E8DCD3;
}

.imgpa2 {
width: 230px;
height: 154px;
opacity:0.7;
filter: grayscale(100%);}

.imgpa2:hover {
filter: none;
opacity:0.9;
transition: all ease 1s; }


/*italique et gras*/

i
{
color: #594840;
}

u{border-bottom: 2px solid;border-color:#E5A78B;text-decoration: none; margin-bottom: -3px;
-moz-border-radius:10px;}

/*BORDURE DU FORUM*/
.bodyline {
-moz-box-shadow: 0px 0px 4px #FFFFFF;
box-shadow: 0px 0px 4px #FFFFFF;
-webkit-box-shadow: 0px 0px 4px #FFFFFF;}

/*BOUTON HAUT ET BAS*/
.boutonhautbas {
    bottom: 40px;
    right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}

/* Chrome, Safari SCROBALL */
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
 
::-webkit-scrollbar-track-piece  {
  background-color: #FFFBF7;
}
 
::-webkit-scrollbar-thumb:vertical {
  height: 30px;
        -webkit-border-radius: 10px;
  background-color: #E8DCD3;
}
 
::-webkit-scrollbar-thumb:horizontal{
  height: 30px;
        -webkit-border-radius: 10px;
  background-color: #E8DCD3;
}


/*AVATAR DERNIER POSTEUR*/
.lastpost-avatar {
display: block;
margin-top: 10px;
}

.lastpost-avatar img {
width: 38px;
height: 65px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #E8DCD4;
padding: 2px;
transition: all ease 1s;
}

.lastpost-avatar img:hover {
opacity:0.7;
transition: all ease 1s; }

/*chatbox*/
#fa_chat_container {
  background:#EBE1D9;
  border:1px solid #EBE1D9;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}
 
#fa_chat {
  border:none;
  width:100%;
  height:100%;
}
 
#fa_chat_button {
  color:#756C62;
  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}
 
#fa_chat_button.fa_chat_active {
  color:#756C62;
  background:#EBE1D9;
}

/*TOOBLAR*/

a#fa_hide {display: none!important;}

a#fa_welcome {display:none!important;}

div#fa_search {display:none!important;}

span#fa_share {display:none!important;}

div#fa_toolbar {
    background-color: #EBE1D9;  /* Couleur de fond */
    border-radius: 0 0 50px 50px;  /* Arrondis les bords de la toolbar */
    box-shadow: 0 0 5px #EBE1D9;  /* Affiche une ombre */
    margin: auto;  /* Centre la toolbar */
    width: 96%;  /* Modifie la longueur de la toolbar */
  font-family: 'stint ultra condensed', cursive;
  text-transform: uppercase;
  letter-spacing: 1px;
  color:#756C62;
}
 
div#fa_toolbar div, div#fa_toolbar span {
    margin: 0 15px;  /* Repositionne correctement le contenu de la toolbar */
}

#fa_menulist a:link, #fa_menulist a:visited, #fa_right a, #fa_usermenu .bold, #fa_usermenu .first, a#fa_service{color:#756C62!important; font-size:11px;}

/*notifications tooblar*/
#fa_toolbar #fa_right #notif_list {background:#EBE1D9!important;border-radius:5px!important;border: solid 1px #FFFBF7!important;}
/*voir toutes les notifications*/
#fa_toolbar #fa_right #notif_list li.see_all a {background:#EBE1D9!important;border-radius:5px!important;}

#fa_toolbar #fa_right #notif_list li.see_all {background:#EBE1D9!important;border-radius:5px!important;}

/*couleur des liens tooblar*/
#fa_toolbar #fa_right #notif_list li .contentText a {color:#756C62!important;}

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {background:#D4D6DE!important;}

/* LES MODELES*/
.fondmodèle {
border-radius: 2px;
padding: 2px;
background-color :  #FFFBF7;
border: solid 1px #E8DCD3; }

.textemodèle {
font-family: 'montez', cursive;
font-size: 28px;
color: #594840;
font-weight: lighter;}

.imagemodèle {
border-radius: 5px;
height:80px;
background-color: #E8DCD3;
border: thick double #E8DCD3;
}

.citationmodèle {
text-decoration: underline;
font-family: 'Stint Ultra Condensed', cursive;
font-size: 13px;
color: #594840;
letter-spacing: 1px;
text-transform: uppercase;}

.citationmodèle2 {
font-size: 9px;
color: #E5A78B;
text-transform: uppercase;}

.imglien {
border-radius: 5px;
background-color: #E8DCD3;
border: thick double #E8DCD3;
}
/*BARRE DE NAVIGATION*/
.mainmenu {
transition: all ease 1s;
font-size: 19px;
word-wrap:normal;
font-style: normal;
text-shadow: #FFFFFF 1px 0 3px;
text-transform: lowercase;
padding-top: 5px;
font-family: 'montez', cursive;
margin-right:auto; }

a.mainmenu img {
display:none;}

.mainmenu[href="/calendar"]{display:none;}
.mainmenu[href="/faq"]{display:none;}

/* LES CATÉGORIES*/
.descriptioncat {
border-radius: 2px;
text-align: justify;
margin-top: -7px;
line-height: 10px;
height: 55px;
width: 440px;
overflow: auto;
display: block;
padding: 2px;
background-color :  #FFFBF7;
border: solid 1px #E8DCD3; }

.descriptioncat:hover {
height: 55px;
overflow: auto;}

.nameforum {
font-family: 'Licorice', cursive;
font-size: 26px;
text-shadow: #FFFFFF 1px 0 3px;
font-weight: lighter;}

.fonddescription {
font-family: 'Montez', cursive;
font-size: 17px;
font-weight: lighter;
text-shadow: #FFFFFF 1px 0 3px;
color: #E5A78B;
}

.derniermessage2 {
font-family: 'Stint Ultra Condensed', cursive;
font-size: 10px;
color: #66686C;
border-bottom: #E8DCD4 1px solid;
border-top: #E8DCD4 1px solid;
width: 110px;
margin-left: 40px;
letter-spacing: 1px;
margin-top: 2px;
text-transform: uppercase;}

.booh1 {
line-height: 11px;
margin-top: 20px;
}

/*titre des catégories tailles ect*/
.secondarytitle h2 {
font-size: 25px;
font-weight:normal;
}
 
/*fond des titres de catégories*/
.secondarytitle {
height:25px;
font-family: 'stint ultra condensed', cursive;
}

/*PROFIL*/
.postdetails.poster-profile a img {
-webkit-border-radius: 5px;
background-color :  #FFFBF7;
border: thick double #E8DCD3;
border-radius: 5px; }

.infoprofil {
line-height:10px;
text-align : justify;
font-size : 9px;
border-radius: 3px;
width: 182px;
background-color : #FFFBF7;
border: thick double #E8DCD3;
margin-bottom: 5px;
margin-right: 2.5px;
margin-left: 1.5px;
margin-top: -3px;
max-height: 250px !important;
overflow: auto;
padding :10px;}

.infoprofil:hover {
max-height: 250px !important;
overflow: auto; }

.profilpseudo { font-size : 14px;
font-weight: lighter;
border-spacing: 5px;
margin-left: -5px;
width: 205px; }

.fondpseudo {
font-size : 9px;
text-align: center;
font-weight: lighter;
font-family: 'aboreto', cursive;
padding: 01px;
width : 197px;
margin-top : 2px;}

.profilpresentation {
border-radius: 3px;
width: 199px;
background-color : #FFFBF7;
border: thick double #E8DCD3;
margin-bottom: 5px;
margin-right: 2.5px;
margin-left: 1.5px;
margin-top: -3px;
padding :2px;}


/*gif de profil*/
.postdetails.poster-profile img {
border-radius: 05px;
width:200px;
transition: all ease 1s; }

.postdetails.poster-profile img:hover {
border-radius: 03px;
width:200px;
opacity:0.7;
transition: all ease 1s; }

/*nom des champs de profil*/
.postdetails.poster-profile .label {
font-size : 8px;
color :  #594840;
text-transform: uppercase;
text-align: justify;
line-height:9px;}

/*GRAS DES PSEUDOS*/
a span strong {
  font-weight: 550;
}

/*LIENS NN SOULIGNES*/
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}

/*JUSTIFIER*/
.postbody {
display: block;
font-size: 11px;
line-height: 14px;
padding-left: 15px;
padding-right: 15px;
text-align:justify;}

/*ENLEVER PARTICIPANT SUJET*/
.poster-list {
  display: none;
}

/*MISE EN FORME EDITEUR*/
.sceditor-container iframe, .sceditor-container textarea, .sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: #FFFBF7 !important;  /****couleur de fond de la zone de texte*/
border: 1px solid #E8DCD3 !important; /************bordure de la zone de texte*/
width: 95% !important; /***************************largeur de la zone de texte*/
 margin: 10px auto !important;
font-size: 11px !important;  /***********taille de la police (en mode source)*/
padding: 2px !important;
color: #66686C !important;
}

a.sceditor-button{  background-color: #E8DCD3 !important;}
a.sceditor-button.hover{  background-color: #E8DCD3 !important;
border: 1px dotted #FFFBF7 !important;}
/*général et barre d'outils*/
.sceditor-container {
width: 100% !important;  /********************************largeur de l'édieur*/
text-align: center;}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
border: none !important;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar, .sceditor-dropdown {
background-color: #E8DCD3!important;
border : 1px solid #E8DCD3 !important;  /****couleur de fond de l'éditeur*/}

.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button, .sceditor-font-option, .sceditor-fontsize-option {
color: #362D24 !important;  /*couleur de la police dans l'encadré quand on clique sur un bouton*/}
.sceditor-button.sceditor-button-source {
background-color: #FFFBF7 !important;}
 
a.sceditor-button {
    width : 15px;
background-color: #FFFBF7 !important;}

a.sceditor-button.hover {
background-color: #FFFBF7 !important;
}

html#sceditor_smilies {
background-color: #FFFBF7 !important;}

/*---  Groupe de boutons ---*/
   
div.sceditor-group {
background-color : #FFFBF7 !important;}

/* bordure de l'éditeur */
div.sceditor-container {
border: none;}
   
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: none; }
   
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;}
   
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;}

/*CONNEXION AUTO*/
input,textarea, select {
background-color : #FFFBF7 !important;
border : 1px solid #E8DCD3 !important;
border-radius:02px;
padding :02px;
}

input:hover,textarea:hover, select:hover {
background-color : #FFFBF7 !important;
border : 1px solid #E5A78B !important;
border-radius:02px;
padding :02px;
}

/*MESSAGES CODES ET CITER*/
.code {
background-color: #FFFBF7 !important;
border-right : #E8DCD3 4px solid !important;
border-left : #E8DCD3 4px solid !important;
border-radius:03px !important;
padding :03px !important;}

.quote {
background-color: #FFFBF7 !important;
border-right : #E8DCD3 4px solid !important;
border-left : #E8DCD3 4px solid !important;
border-radius:03px !important;
padding :03px !important;}

/* sélection du contenu des balises codes */
.selectCode { float:right; cursor:pointer; background-color: #FFFBF7; padding: 2px; border-radius:03px;
  font-family: 'montez', cursive;
  font-size : 15px; color:#E5A78B;
}
div.cont_code { clear: right; }


/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:750px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:750px;
background:#FFFBF7; /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family: 'stint ultra condensed', cursive; font-size:16px; font-weight: lighter; letter-spacing: 1px;
background:#FFFBF7; color:#E8DCD3; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:145px; padding-top:10px; text-align:center;
background:#E8DCD3; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* AVATAR */
.imgLMBER{
margin:auto; margin-bottom:-55px;
width:100px; height:100px; border-radius:100px; overflow:hidden;
}
.imgLMBER img{
width:100px;
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
position:absolute; margin-top:10px; margin-left:10px;
width:80px; height:50px; padding-top:30px; border-radius:80px;
font-family:Arial; font-size:16px; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover .msgLMBER {
opacity:1;
}
/* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
.boxLMBER {
padding:45px 10px 7px;
  text-align:center;
background:#FFFBF7; /* MODIFIABLE */
font-size: 10px;
}
/* BLOC PSEUDONYME & INSCRIPTION */
.nameLMBER{
margin-top:20px; height:30px; padding:5px 0;
text-align:center; text-transform:uppercase; letter-spacing:-0.5px; font-family:Arial; font-size:12px;
background:#E8DCD3; /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER{
font-size:10px; text-align:center; letter-spacing:0;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
background:#E8DCD3; /* MODIFIABLE */
font-size: 9px; text-align:center; text-transform: uppercase!important;
}
/* IMAGES MP & WWW */
.btnLMBER {
margin-top:5px; height:15px;
}
.btnLMBER img{
max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
}

Première sauvegarde ça plante - deuxième saugarde, ça fonctionne, pourtant c'est le nouveau xD

EDIT 2: ça semble un peu moins bugé même si la déforme de css se fait de temps en temps
cslayers

cslayers
Nouveau membre

Messages : 17
Inscrit(e) le : 10/01/2023

https://monde-charmed.forumsactifs.com
cslayers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mon css/apparence qui s'enlève après enregistrement.

Message par Toryudo Sam 29 Avr 2023 - 20:43

Bonjour !

Ça m'embête, parce que j'ai presque l'impression que c'est votre navigateur qui fait des choses étranges... je n'ai jamais de problème quand j'essaye de copier tous les CSS de cette page. Au cas où, j'ai fait un deuxième nettoyage du tout dernier en date (celui de votre EDIT) et je l'ai formaté différemment (retrait de la plupart des espaces, etc.) :
Code:
/*SOUS FORUM ET PASSAGE SECRETS*/
.sforum {
margin-left: 11px;
height: 0px;
text-align: center;
position: relative;
z-index: 3;
display: block;
width: 438px;
overflow: hidden;
transition: all 1s;
-webkit-transition: all 1s;
opacity: 0;
}

.sous_forum:hover .sforum {
margin-top: -60px;
left: -10px;
height: 59px;
background-color: #FFFBF7;
overflow: auto;
transition: all 1s;
-webkit-transition: all 1s;
opacity: 1;
}

.sous_forum a {
font-size: 8px;
transition: all ease 1s;
text-transform: uppercase;
text-shadow: #FFFFFF 1px 0 3px;
}

.sous_forum a:hover {
text-shadow: 0px 0px 9px #A88B74;
}

.bouton_sousforum {
position: relative;
z-index: 3;
padding: 2px;
font-size: 8px !important;
width: 300px !important;
border-bottom: 1px solid #FFFBF7;
border-right: 1px solid #FFFBF7;
border-left: 1px solid #FFFBF7;
background: #FFFBF7;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 0px 9px #A88B74;
}

/* FUSION TOOBLAR ET NAVIGATION ET HEADER*/
#i_logo {
margin-top: -10px;
}

#navigation {
text-align: center;
position: fixed;
z-index: 999;
top: 0;
left: 200px;
right: 200px;
}


#fa_toolbar {
z-index: 998 !important;
}

/*PANNEAU AFFICHAGE INDEX*/
.panneauimg {
width: 34px;
opacity: 0.7;
filter: grayscale(100%);
}

.panneauimg:hover {
filter: none;
opacity: 0.9;
transition: all ease 1s;
}

.tableaupa5 {
background-color: #FFFBF7;
border: solid 1px #E8DCD3;
padding: 3px;
font-size: 11px;
line-height: 11px;
text-align: justify;
}

.citation3 {
font-family: 'Playfair Display SC', serif;
letter-spacing: 2px;
font-size: 9px;
text-align: center;
text-transform: uppercase;
background-color: #E8DCD3;
opacity: 0.8;
}

/*PA*/
.titrepa {
font-weight: lighter;
font-size: 30px;
font-family: 'stint ultra condensed', cursive;
text-transform: uppercase;
letter-spacing: 1px;
color: #66686C;
text-align: center;
}

.citation1 {
font-family: 'Playfair Display SC', serif;
letter-spacing: 2px;
font-size: 9px;
text-align: center;
text-transform: uppercase;
opacity: 0.8;
}

.tableaupa {
background-color: #FFFBF7;
border: solid 1px #E8DCD3;
padding: 2px;
font-size: 11px;
line-height: 11px;
text-align: justify;
}

.tableaupa3 {
background-color: #FFFBF7;
border: solid 1px #E8DCD3;
width: 700px;
padding: 3px;
font-size: 11px;
line-height: 11px;
text-align: justify;
}

.lignepa {
border: solid 1px #E8DCD3;
}

.fondlienpa {
font-size: 09px;
font-style: normal;
text-transform: uppercase;
height: 15px;
width: 230px;
padding: 6px;
background-color: #E8DCD3;
border-bottom: 2px solid #FFFBF7;
text-align: center;
}

.imgpa {
width: 100px;
border-radius: 5px;
background-color: #E8DCD3;
border: thick double #E8DCD3;
}

.imgpa2 {
width: 230px;
height: 154px;
opacity: 0.7;
filter: grayscale(100%);
}

.imgpa2:hover {
filter: none;
opacity: 0.9;
transition: all ease 1s;
}


/*italique et gras*/

i {
color: #594840;
}

u {
border-bottom: 2px solid;
border-color: #E5A78B;
text-decoration: none;
margin-bottom: -3px;
-moz-border-radius: 10px;
}

/*BORDURE DU FORUM*/
.bodyline {
-moz-box-shadow: 0px 0px 4px #FFFFFF;
box-shadow: 0px 0px 4px #FFFFFF;
-webkit-box-shadow: 0px 0px 4px #FFFFFF;
}

/*BOUTON HAUT ET BAS*/
.boutonhautbas {
bottom: 40px;
right: 10px;
/* remplacez right par left pour afficher les boutons à gauche */
position: fixed;
z-index: 100;
}

/* Chrome, Safari SCROBALL */
::-webkit-scrollbar {
width: 5px;
height: 10px;
}

::-webkit-scrollbar-track-piece {
background-color: #FFFBF7;
}

::-webkit-scrollbar-thumb:vertical {
height: 30px;
-webkit-border-radius: 10px;
background-color: #E8DCD3;
}

::-webkit-scrollbar-thumb:horizontal {
height: 30px;
-webkit-border-radius: 10px;
background-color: #E8DCD3;
}


/*AVATAR DERNIER POSTEUR*/
.lastpost-avatar {
display: block;
margin-top: 10px;
}

.lastpost-avatar img {
width: 38px;
height: 65px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #E8DCD4;
padding: 2px;
transition: all ease 1s;
}

.lastpost-avatar img:hover {
opacity: 0.7;
transition: all ease 1s;
}

/*chatbox*/
#fa_chat_container {
background: #EBE1D9;
border: 1px solid #EBE1D9;
border-radius: 3px;
position: fixed;
right: 3px;
z-index: 999;
overflow: hidden;
min-width: 500px;
min-height: 250px;
transition: 300ms;
}

#fa_chat {
border: none;
width: 100%;
height: 100%;
}

#fa_chat_button {
color: #756C62;
line-height: 30px;
margin-left: 10px;
padding: 0 5px;
cursor: pointer;
}

#fa_chat_button.fa_chat_active {
color: #756C62;
background: #EBE1D9;
}

/*TOOBLAR*/

a#fa_hide {
display: none !important;
}

a#fa_welcome {
display: none !important;
}

div#fa_search {
display: none !important;
}

span#fa_share {
display: none !important;
}

div#fa_toolbar {
background-color: #EBE1D9;
/* Couleur de fond */
border-radius: 0 0 50px 50px;
/* Arrondis les bords de la toolbar */
box-shadow: 0 0 5px #EBE1D9;
/* Affiche une ombre */
margin: auto;
/* Centre la toolbar */
width: 96%;
/* Modifie la longueur de la toolbar */
font-family: 'stint ultra condensed', cursive;
text-transform: uppercase;
letter-spacing: 1px;
color: #756C62;
}

div#fa_toolbar div,
div#fa_toolbar span {
margin: 0 15px;
/* Repositionne correctement le contenu de la toolbar */
}

#fa_menulist a:link,
#fa_menulist a:visited,
#fa_right a,
#fa_usermenu .bold,
#fa_usermenu .first,
a#fa_service {
color: #756C62 !important;
font-size: 11px;
}

/*notifications tooblar*/
#fa_toolbar #fa_right #notif_list {
background: #EBE1D9 !important;
border-radius: 5px !important;
border: solid 1px #FFFBF7 !important;
}

/*voir toutes les notifications*/
#fa_toolbar #fa_right #notif_list li.see_all a {
background: #EBE1D9 !important;
border-radius: 5px !important;
}

#fa_toolbar #fa_right #notif_list li.see_all {
background: #EBE1D9 !important;
border-radius: 5px !important;
}

/*couleur des liens tooblar*/
#fa_toolbar #fa_right #notif_list li .contentText a {
color: #756C62 !important;
}

#fa_menu:hover :visited,
#fa_toolbar>#fa_right.notification>#fa_notifications {
background: #D4D6DE !important;
}

/* LES MODELES*/
.fondmodèle {
border-radius: 2px;
padding: 2px;
background-color: #FFFBF7;
border: solid 1px #E8DCD3;
}

.textemodèle {
font-family: 'montez', cursive;
font-size: 28px;
color: #594840;
font-weight: lighter;
}

.imagemodèle {
border-radius: 5px;
height: 80px;
background-color: #E8DCD3;
border: thick double #E8DCD3;
}

.citationmodèle {
text-decoration: underline;
font-family: 'Stint Ultra Condensed', cursive;
font-size: 13px;
color: #594840;
letter-spacing: 1px;
text-transform: uppercase;
}

.citationmodèle2 {
font-size: 9px;
color: #E5A78B;
text-transform: uppercase;
}

.imglien {
border-radius: 5px;
background-color: #E8DCD3;
border: thick double #E8DCD3;
}

/*BARRE DE NAVIGATION*/
.mainmenu {
transition: all ease 1s;
font-size: 19px;
word-wrap: normal;
font-style: normal;
text-shadow: #FFFFFF 1px 0 3px;
text-transform: lowercase;
padding-top: 5px;
font-family: 'montez', cursive;
margin-right: auto;
}

a.mainmenu img {
display: none;
}

.mainmenu[href="/calendar"] {
display: none;
}

.mainmenu[href="/faq"] {
display: none;
}

/* LES CATÉGORIES*/
.descriptioncat {
border-radius: 2px;
text-align: justify;
margin-top: -7px;
line-height: 10px;
height: 55px;
width: 440px;
overflow: auto;
display: block;
padding: 2px;
background-color: #FFFBF7;
border: solid 1px #E8DCD3;
}

.descriptioncat:hover {
height: 55px;
overflow: auto;
}

.nameforum {
font-family: 'Licorice', cursive;
font-size: 26px;
text-shadow: #FFFFFF 1px 0 3px;
font-weight: lighter;
}

.fonddescription {
font-family: 'Montez', cursive;
font-size: 17px;
font-weight: lighter;
text-shadow: #FFFFFF 1px 0 3px;
color: #E5A78B;
}

.derniermessage2 {
font-family: 'Stint Ultra Condensed', cursive;
font-size: 10px;
color: #66686C;
border-bottom: #E8DCD4 1px solid;
border-top: #E8DCD4 1px solid;
width: 110px;
margin-left: 40px;
letter-spacing: 1px;
margin-top: 2px;
text-transform: uppercase;
}

.booh1 {
line-height: 11px;
margin-top: 20px;
}

/*titre des catégories tailles ect*/
.secondarytitle h2 {
font-size: 25px;
font-weight: normal;
}

/*fond des titres de catégories*/
.secondarytitle {
height: 25px;
font-family: 'stint ultra condensed', cursive;
}

/*PROFIL*/
.postdetails.poster-profile a img {
-webkit-border-radius: 5px;
background-color: #FFFBF7;
border: thick double #E8DCD3;
border-radius: 5px;
}

.infoprofil {
line-height: 10px;
text-align: justify;
font-size: 9px;
border-radius: 3px;
width: 182px;
background-color: #FFFBF7;
border: thick double #E8DCD3;
margin-bottom: 5px;
margin-right: 2.5px;
margin-left: 1.5px;
margin-top: -3px;
max-height: 250px !important;
overflow: auto;
padding: 10px;
}

.infoprofil:hover {
max-height: 250px !important;
overflow: auto;
}

.profilpseudo {
font-size: 14px;
font-weight: lighter;
border-spacing: 5px;
margin-left: -5px;
width: 205px;
}

.fondpseudo {
font-size: 9px;
text-align: center;
font-weight: lighter;
font-family: 'aboreto', cursive;
padding: 01px;
width: 197px;
margin-top: 2px;
}

.profilpresentation {
border-radius: 3px;
width: 199px;
background-color: #FFFBF7;
border: thick double #E8DCD3;
margin-bottom: 5px;
margin-right: 2.5px;
margin-left: 1.5px;
margin-top: -3px;
padding: 2px;
}


/*gif de profil*/
.postdetails.poster-profile img {
border-radius: 05px;
width: 200px;
transition: all ease 1s;
}

.postdetails.poster-profile img:hover {
border-radius: 03px;
width: 200px;
opacity: 0.7;
transition: all ease 1s;
}

/*nom des champs de profil*/
.postdetails.poster-profile .label {
font-size: 8px;
color: #594840;
text-transform: uppercase;
text-align: justify;
line-height: 9px;
}

/*GRAS DES PSEUDOS*/
a span strong {
font-weight: 550;
}

/*LIENS NN SOULIGNES*/
a:hover {
text-decoration: none !important;
}

a {
text-decoration: none !important;
}

/*JUSTIFIER*/
.postbody {
display: block;
font-size: 11px;
line-height: 14px;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
}

/*ENLEVER PARTICIPANT SUJET*/
.poster-list {
display: none;
}

/*MISE EN FORME EDITEUR*/
.sceditor-container iframe,
.sceditor-container textarea,
.sceditor-dropdown textarea,
.sceditor-dropdown input {
background-color: #FFFBF7 !important;
/****couleur de fond de la zone de texte*/
border: 1px solid #E8DCD3 !important;
/************bordure de la zone de texte*/
width: 95% !important;
/***************************largeur de la zone de texte*/
margin: 10px auto !important;
font-size: 11px !important;
/***********taille de la police (en mode source)*/
padding: 2px !important;
color: #66686C !important;
}

a.sceditor-button {
background-color: #E8DCD3 !important;
}

a.sceditor-button.hover {
background-color: #E8DCD3 !important;
border: 1px dotted #FFFBF7 !important;
}

/*général et barre d'outils*/
.sceditor-container {
width: 100% !important;
/********************************largeur de l'édieur*/
text-align: center;
}

.sceditor-container.ltr.wysiwygMode,
.sceditor-container.ltr.sourceMode,
div.sceditor-toolbar {
border: none !important;
}

.sceditor-container.ltr.wysiwygMode,
.sceditor-container.ltr.sourceMode,
div.sceditor-toolbar,
.sceditor-dropdown {
background-color: #E8DCD3 !important;
border: 1px solid #E8DCD3 !important;
/****couleur de fond de l'éditeur*/
}

.sceditor-dropdown,
.sceditor-dropdown label,
.sceditor-dropdown .button,
.sceditor-font-option,
.sceditor-fontsize-option {
color: #362D24 !important;
/*couleur de la police dans l'encadré quand on clique sur un bouton*/
}

.sceditor-button.sceditor-button-source {
background-color: #FFFBF7 !important;
}

a.sceditor-button {
width: 15px;
background-color: #FFFBF7 !important;
}

a.sceditor-button.hover {
background-color: #FFFBF7 !important;
}

html#sceditor_smilies {
background-color: #FFFBF7 !important;
}

/*---  Groupe de boutons ---*/

div.sceditor-group {
background-color: #FFFBF7 !important;
}

/* bordure de l'éditeur */
div.sceditor-container {
border: none;
}

/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: none;
}

/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;
}

/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover,
a.sceditor-button.hover {
box-shadow: none;
}

/*CONNEXION AUTO*/
input,
textarea,
select {
background-color: #FFFBF7 !important;
border: 1px solid #E8DCD3 !important;
border-radius: 02px;
padding: 02px;
}

input:hover,
textarea:hover,
select:hover {
background-color: #FFFBF7 !important;
border: 1px solid #E5A78B !important;
border-radius: 02px;
padding: 02px;
}

/*MESSAGES CODES ET CITER*/
.code {
background-color: #FFFBF7 !important;
border-right: #E8DCD3 4px solid !important;
border-left: #E8DCD3 4px solid !important;
border-radius: 03px !important;
padding: 03px !important;
}

.quote {
background-color: #FFFBF7 !important;
border-right: #E8DCD3 4px solid !important;
border-left: #E8DCD3 4px solid !important;
border-radius: 03px !important;
padding: 03px !important;
}

/* sélection du contenu des balises codes */
.selectCode {
float: right;
cursor: pointer;
background-color: #FFFBF7;
padding: 2px;
border-radius: 03px;
font-family: 'montez', cursive;
font-size: 15px;
color: #E5A78B;
}

div.cont_code {
clear: right;
}


/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin: auto;
width: 750px;
}

/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin: 0 auto 5px;
width: 750px;
background: #FFFBF7;
/* MODIFIABLE */
}

/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom: 5px;
padding: 5px 0;
text-transform: uppercase;
font-family: 'stint ultra condensed', cursive;
font-size: 16px;
font-weight: lighter;
letter-spacing: 1px;
background: #FFFBF7;
color: #E8DCD3;
/* MODIFIABLE */
}

/* BLOC MEMBRE */
.MBER {
float: left;
margin: 5px;
width: 145px;
padding-top: 10px;
text-align: center;
background: #E8DCD3;
/* MODIFIABLE - COULEUR PAR DEFAUT */
}

/* AVATAR */
.imgLMBER {
margin: auto;
margin-bottom: -55px;
width: 100px;
height: 100px;
border-radius: 100px;
overflow: hidden;
}

.imgLMBER img {
width: 100px;
}

/* NOMBRE DE MESSAGES */
.msgLMBER {
position: absolute;
margin-top: 10px;
margin-left: 10px;
width: 80px;
height: 50px;
padding-top: 30px;
border-radius: 80px;
font-family: Arial;
font-size: 16px;
text-align: center;
font-weight: bold;
background: rgba(250, 250, 250, 0.7);
/* MODIFIABLE */
opacity: 0;
transition: opacity 0.45s ease;
-webkit-transition: opacity 0.45s ease;
}

.imgLMBER:hover .msgLMBER {
opacity: 1;
}

/* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
.boxLMBER {
padding: 45px 10px 7px;
text-align: center;
background: #FFFBF7;
/* MODIFIABLE */
font-size: 10px;
}

/* BLOC PSEUDONYME & INSCRIPTION */
.nameLMBER {
margin-top: 20px;
height: 30px;
padding: 5px 0;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.5px;
font-family: Arial;
font-size: 12px;
background: #E8DCD3;
/* MODIFIABLE */
}

/* DATE INSCRIPTION */
.joinLMBER {
font-size: 10px;
text-align: center;
letter-spacing: 0;
}

/* DERNIERE VISITE */
.lstvLMBER {
margin-top: 5px;
padding: 2px 0;
background: #E8DCD3;
/* MODIFIABLE */
font-size: 9px;
text-align: center;
text-transform: uppercase !important;
}

/* IMAGES MP & WWW */
.btnLMBER {
margin-top: 5px;
height: 15px;
}

.btnLMBER img {
max-height: 15px;
filter: grayscale(1);
-webkit-filter: grayscale(1);
}

Deux trois petites questions additionnelles :
- vous utilisez le navigateur Safari, c'est bien ça ?
- est-ce que vous utilisez des extentions sur votre navigateur ?
- quand vous faites une modification qui, après sauvegarde, entraine un problème... est-ce que vous copiez/collez des choses à partir d'une autre source (un blocnote, word, un autre site ?) ou est-ce que vous écrivez juste dans le champ de CSS personnalisé ce que vous voulez modifier ?

Ca pourrait être quelque chose de ce genre qui pose problème, autant avoir le maximum d'informations !
Et si c'est possible, la prochaine fois que ça recasse votre CSS, est-ce que vous pourriez laisser en état ? Comme ça, hop, je jette un petit coup d'oeil en direct, ça parlera peut-être plus.
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1564
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mon css/apparence qui s'enlève après enregistrement.

Message par cslayers Dim 30 Avr 2023 - 15:27

Bonjour Very Happy

Merci beaucoup, ça me semble plus trop faire des bugs bizarre I love you

Oui, j'utilise Safari. Non j'utilise pas des extensions I love you
Alors ça dépends, parfois je dois rectifier sur ce site: https://jsbin.com/?html,output parce que j'ai des problèmes de souris qui fait que je peux pas vraiment modifier à ma guise dans le css XD

Et aucun soucis, la prochaine fois que ça me refais ça, j'envoie direct le css et le lien du forum I love you
Merci encore I love you I love you
cslayers

cslayers
Nouveau membre

Messages : 17
Inscrit(e) le : 10/01/2023

https://monde-charmed.forumsactifs.com
cslayers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mon css/apparence qui s'enlève après enregistrement.

Message par Chacha Sam 6 Mai 2023 - 9:22

mon css/apparence qui s'enlève après enregistrement. UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 70035
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mon css/apparence qui s'enlève après enregistrement.

Message par Chacha Dim 7 Mai 2023 - 9:28

mon css/apparence qui s'enlève après enregistrement. 8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est archivé afin de ne pas perdre les réponses apportées.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 70035
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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

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