css se change tout seul

[Loü]

Bonjouuuuur
C'est encore moi désolée (C'est le parcours du combattant en ce moment).

Voici mon problème : En ce moment tout va très bien sur mon forum. Néanmoins il arrive qu'une partie du css se change automatiquement pour revenir à une modif' anterieure et ce sans que nous touchions à la feuille de style. Ca finit toujours par revenir à un moment ou un autre mais ça m'inquiète un peu à l'approche de l'ouverture. C'est un peu comme si le forum revenait à une sauvegarde ancienne durant un certain laps de temps.

Merci d'avance pour vos éclairages. Je suis en Phpbb2.

[Scipion]

Bonjour

A titre de test, essayez de supprimer les cookies du forum et de vider le cache de votre navigateur internet à l'aide de ce tutoriel FA :

Vider le cache Internet

Cordialement

[Loü]

Oui je l'ai fait et en général ça marche mais je ne comprends pas pourquoi ça le refait règulièrement... (Déjà trois fois en moins de trois jours).

Pour exemple actuel le queel de mon forum : http://au-temps-des-lys.forumactif.org/

Les rectangles blancs ne sont pas censés avoir cette forme et le texte est censé être justifié puisque :

Code css :

Code:

/* conteneur du QEEL */
.QeelPerso {
  border: 5px solid #ffffff;
  padding:10px 10px 10px 10px; /* espacement du contenu par rapport à la bordure */
  background-color:#B7C4CA; /* couleur de fond */
  /* coins arrondis (tous navigateurs) */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 20px 0px 20px 0px
}
.QeelPerso:hover {
  border: 5px solid #ffffff;
  padding:10px 10px 10px 10px; /* espacement du contenu par rapport à la bordure */
  background-image:url("http://media.grahambrown.com/assets/tile/329x405/329x/grahambrown/aff61d6c-3181-4361-b164-cad07c3c5b9a.jpg");
  /* coins arrondis (tous navigateurs) */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 20px 0px 20px 0px
}
/* Centrage image du QEEL */
.ImgQeel {text-align:center;}

/* Mise en forme des liens vers les groupes */
.ListeGroupes a {
  font-size:16px; /* taille du texte */
  font-family:cinzel decorative;
  text-decoration: none!important; /* pas de soulignement du lien */
  letter-spacing:1px; /* espacement des lettres */
}

/* Couleurs des groupes */
a.groupe1 { color:#3B2E3D ; }
a.groupe2 { color:#593b5e ; }
a.groupe3 { color:#807182 ; }
a.groupe4 { color:#efdcf2 ; }
/* Mise en forme des cellules de statistiques */
.statistiques {
  background-color: #ffffff; /* couleur de fond *
  padding:10px;
  margin:10px;
 
  text-align:justify;
  border-radius : 20px 0px 20px 0px;
}
statistiques : hover {
  background-color: #B7C4CA; /* couleur de fond *
  border: 3px dotted #EDF5FA;
  padding:10px;
  margin:10px;
  text-align:justify;
 
  border-radius : 20px 0px 20px 0px;
}

/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
  overflow:auto;
  max-height: 200px; /* hauteur maxi */
}

/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }

Tout à l'heure ça marchait très bien mais là... plus rien !

[Scipion]

Merci bien. Pouvez-vous compléter en mettant également à disposition le contenu du template index_body (Page d'accueil) ?

Cordialement

[Loü]

Le voici

Spoiler:

[Scipion]

Alors voilà, le code du Qeel est parfait, cependant j'ai relevé quelques petites erreurs qui pourraient expliquer le bug mais je n'en suis pas certain :

Par exemple, au lieu d'avoir ça :

Code:

<!-- BEGIN disable_viewonline -->
Code du Qeel
<!-- END disable_viewonline -->

vous avez ceci dans votre template :

Code:

Code du Qeel
<!--

En outre, certains codes ne sont pas présents dans la partie supérieure au code du Qeel.

Faites un test avec ce template inex_body modifié :

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<div class="QeelPerso">
<div class="ImgQeel">
<!-- BEGIN switch_viewonline_link -->
<a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></a>
<!-- END switch_viewonline_link -->

<!-- BEGIN switch_viewonline_nolink -->
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
<!-- END switch_viewonline_nolink -->
</div>

<table width="100%" border="0" cellspacing="5" cellpadding="5" align="center">
<tr>
<td colspan="2" align="center" class="ListeGroupes">
<a href="http://#" class="groupe1">♔ group 1</a>
<a href="http://#" class="groupe2"> ♔ group 2</a>
<a href="http://#" class="groupe3"> ♔ group 3</a>
</td>
</tr>

<tr>
<td width="50%" valign="top" align="center" class="statistiques">
<div class="BlocStats">
<span class="gensmall">
{TOTAL_POSTS}<br />
<span class="gensmall"><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"âmes errantes dans la cour du château.");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"âmes errantes dans la cour du château.");</script>

<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"grands seigneur");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"grands seigneur");</script>

<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"suzerains en disgrâce,");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"suzerains en disgrâce,");</script>

<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"nobles en carosse");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"nobles en carosse.");</script></span><br />
{NEWEST_USER}<br /><br />
{LOGGED_IN_USER_LIST}
</span>
</div>
</td>

<td width="50%" valign="top" align="center" class="statistiques">
<div class="BlocStats">
<table class="DeBug">{L_CONNECTED_MEMBERS}</table>
</div>
</td>
</tr>
</table>
</div>

<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Cordialement

[Loü]

Merci pour votre aide mais je n'obtiens pas l'effet escompté. Les seuls changements opérés grâce à ce code sont de me remettre les statistiques que j'avais supprimé et l'image du queel.

Cela ne résolve pas mon problème. Merci quand même d'avoir tenté.
J'ai d'ailleurs un autre problème (mea culpa) qui n'a rien à voir je pense... C'est un problème au niveau des spoilers --> http://au-temps-des-lys.forumactif.org/t1-votre-1er-sujet#4

Merci à ceux qui pourront m'aiguiller pour l'une ou l'autre de mes questions.

[Scoubifitz]

bonsoir,

pour votre 2e problème , une solution vient d'être donnée ... ^^

https://forum.forumactif.com/t350083-probleme-avec-les-balises-bbcode-code-spoiler-citation-et-hide#2984293



édit : mauvais lien ..

[Loü]

Oh merci Scoubitz, quel heureux hasard ! Je suis comblée

Si quelqu'un pourrait m'aider pour résoudre le problème de mon queel ce serait génial

Je précise d'ailleurs que ça marche très bien sur mon forum test donc je ne comprends pas où est le problème.

Edit : Problème résolu. J'ai honte, j'avais simplement oublié de fermer une balise.

[Scoubifitz]

il y a une erreur dans le CSS , undeux commentaires mal fermés :

refermez les commentaires pour que le CSS en orange puisse fonctionner ...

/* conteneur du QEEL */
.QeelPerso {
border: 5px solid #ffffff;
padding:10px 10px 10px 10px; /* espacement du contenu par rapport à la bordure */
background-color:#B7C4CA; /* couleur de fond */
/* coins arrondis (tous navigateurs) */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 20px 0px 20px 0px
}
.QeelPerso:hover {
border: 5px solid #ffffff;
padding:10px 10px 10px 10px; /* espacement du contenu par rapport à la bordure */
background-image:url("http://media.grahambrown.com/assets/tile/329x405/329x/grahambrown/aff61d6c-3181-4361-b164-cad07c3c5b9a.jpg");
/* coins arrondis (tous navigateurs) */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 20px 0px 20px 0px
}
/* Centrage image du QEEL */
.ImgQeel {text-align:center;}

/* Mise en forme des liens vers les groupes */
.ListeGroupes a {
font-size:16px; /* taille du texte */
font-family:cinzel decorative;
text-decoration: none!important; /* pas de soulignement du lien */
letter-spacing:1px; /* espacement des lettres */
}

/* Couleurs des groupes */
a.groupe1 { color:#3B2E3D ; }
a.groupe2 { color:#593b5e ; }
a.groupe3 { color:#807182 ; }
a.groupe4 { color:#efdcf2 ; }
/* Mise en forme des cellules de statistiques */
.statistiques {
background-color: #ffffff; /* couleur de fond *
padding:10px;
margin:10px;

text-align:justify;
border-radius : 20px 0px 20px 0px;
}
statistiques : hover {
background-color: #B7C4CA; /* couleur de fond *
border: 3px dotted #EDF5FA;
padding:10px;
margin:10px;
text-align:justify;

border-radius : 20px 0px 20px 0px;
}

/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
overflow:auto;
max-height: 200px; /* hauteur maxi */
}

/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }

[Loü]

Oui merci, je venais tout juste de m'en rendre compte.
C'est super sympa de ta part d'avoir pris de ton temps pour m'aider, je suis désolée pour cette erreur stupide.
Merci encore et bonne continuation