[résolu] Quelques problèmes

Bonjour, je voudrais signaler que dans un QUEEL, la couleur de police ne "fonctionne" plus à un moment, et c'était déjà le cas avant que je ne modifie le code. Il faudrait régler le problème dans le sujet originel aussi du coup. ^^ Le voici:

https://www.never-utopia.com/t50150-qeel-infernal

Pour voir ce que ça donne avec mon forum, on peut voir qu'à un moment la police n'est plus rouge, mais la même couleur que celle du texte normal:

http://mondeminicreature.forumactif.org


TEMPLATES

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'" 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_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" rel="nofollow">{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" rel="nofollow">{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'" 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 --><br /><br />
<center><div class="fond_qeel"><div class="titre_qeel">Qui est en ligne ?</div>

<table style="position: relative; top: -1.5em;">
  <tr>
    <td><script type="text/javascript">
            //<!--
                    function change_paonglet(name)
                    {
                            document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                            document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                            document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                            document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                            anc_paonglet = name;
                    }
            //-->
            </script>
  <div class="paonglets" style="width: 230px;">
          <span class="paonglet_0 paonglet" id="paonglet_un" onmouseover="javascript:change_paonglet('un');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_deux" onmouseover="javascript:change_paonglet('deux');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_trois" onmouseover="javascript:change_paonglet('trois');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span>
          <span class="paonglet_0 paonglet" id="paonglet_quatre" onmouseover="javascript:change_paonglet('quatre');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_cinq" onmouseover="javascript:change_paonglet('cinq');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_six" onmouseover="javascript:change_paonglet('six');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span>
          <span class="paonglet_0 paonglet" id="paonglet_sept" onmouseover="javascript:change_paonglet('sept');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_huit" onmouseover="javascript:change_paonglet('huit');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span>
  </div></td>
    <td width="20px;"></td>
    <td><div class="contenu_paonglets">
     
      <div class="contenu_paonglet" id="contenu_paonglet_un">Clan de la Forêt ~ <br /><br />
        Les animaux de ce Clan vivent dans un environnement forestier, où de nombreuses feuilles mortes tapissent le sol. Beaucoup de membres de ce Clan savent grimper aux arbres, ceux qui ne grimpent pas aux arbres ont l'oeil pour repérer une cachette en cas d'approche de prédateur. Le camp est entièrement recouvert par un massif de ronces, ce qui leur permet de se cacher, et avec les épines de ronce, les prédateurs sont ralentis !
                </div>
<div class="contenu_paonglet" id="contenu_paonglet_deux">Clan de la Plaine ~ <br /><br />
        Les animaux de ce Clan, aussi appelé Clan de la Prairie, vivent dans un endroit découvert, avec seulement des buissons et des champs pour se cacher. Le camp est entouré de buissons, avec en plus des bout de branches déposés par les membres du Clan, pour accéder au camp, il faut franchir une sorte de voute faite avec des branchages, sinon on ne peut pas passer les broussailles trop touffues.
      </div>   
<div class="contenu_paonglet" id="contenu_paonglet_trois">Clan du Lac ~ <br /><br />
        Les animaux de ce Clan vivent près d'une étendue d'eau gigantesque comparée à leur petite taille, ils n'ont pas peur de se mouiller et savent nager. Il y a un gros rocher qui sort de l'eau près de la berge, généralement, un membre du Clan se poste dessus et guette l'arrivée d'un ennemi. Le camp est sous une sorte d'enchêvetrement de roseaux, et est situé derrière un rocher et lègèrement en hauteur par rapport au lac, pour éviter une inondation.
      </div>
<div class="contenu_paonglet" id="contenu_paonglet_quatre">Clan du Marais ~ <br /><br />
        Les animaux de ce Clan vivent dans une zone particulièrement humide, et souvent brumeuse. Pour se promener sur leur territoire, ils empruntent des "ponts": des branches solides ou des rochers pour éviter de nager dans la boue. Le camp est repérable de loin, grâce à plusieurs tronc recouverts de mousse qui l'encerclent. Le "toit" du camp et un tas de branchages.
      </div>
<div class="contenu_paonglet" id="contenu_paonglet_cinq">Clan de la Montagne ~ <br /><br />
        Les animaux de ce Clan vivent dans des Montagnes, mais pas en haute altitude. Ils doivent sans cesse être à l'écoute, car la montagne est un endroit relativement découvert, et les rapaces qui les mangent ont une vue perçante. Sans parler des renards qui peuvent surgir de derrière les pierres. Le camp est dissimulé sous un amas de rochers blanc-gris, il y a plusieures entrées, ce sont des trous qui ne sont pas trop visibles.
      </div>
<div class="contenu_paonglet" id="contenu_paonglet_six">Clan des Ruines ~ <br /><br />
        Les animaux de ce Clan vivent dans une vieille ferme abandonnée, qui tombe en ruines, d'où le nom du Clan. Le camp est la plus grande des deux salles de la ferme. L'entrée du camp est la même que l'entrée de la ferme, sauf que la grande porte est trouée, donc les petits animaux peuvent passer. L'autre salle est remplie de foin, paille et sacs de graines, le bonheur ! Dommage que le camp ne soit pas suffisamment protégé des prédateurs...
      </div>
<div class="contenu_paonglet" id="contenu_paonglet_sept">Solitaires et Prédateurs ~ <br /><br />
        Tout animal qui ne fait pas partie d'un Clan est un solitaire. Ils n'aiment pas vivent en groupes trop nombreux. Soit ils rejettent la compagnie, soit ils préfèrent vivre plus tranquillement avec leur petite famille à l'écart.
      </div>
<div class="contenu_paonglet" id="contenu_paonglet_huit">Clan des Esprits ~ <br /><br />
        Ce Clan regroupe tous les animaux défunts. Si un animal meurt, son âme monte au ciel et une nouvelle étoile apparait. Les morts sont bons conseillers et possèdent une immense sagesse. On peut communiquer avec eux plus facilement grâce à la Pierre de Lumière.
      </div>

     
  </div>
    <script type="text/javascript">
            //<!--
                    var anc_paonglet = 'un';
                    change_paonglet(anc_paonglet);
            //-->
            </script></td>
    <td width="20px;"></td>
    <td style="font-size: 11px; color: #9B1E00; text-align: justify; width: 220px; height: 250px; overflow: auto;">
      <div class="titre_qeel" style="top: 0em; font-size: 22px; color: #9B1E00;">Statistiques & Membres</div>
        {TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
    {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}<br />
      <table id="kaboum">{L_CONNECTED_MEMBERS}
  {L_WHOSBIRTHDAY_TODAY}
        {L_WHOSBIRTHDAY_WEEK}</table></td>
  </tr>
</table>
 

  </div></center>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<!-- 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> &nbsp;</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>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

CSS

Code:

    /* --------------------------------- QEEL --------------------------------- */

    /* Fond du QEEL */
    .fond_qeel {
      padding: 10px;
      width: 800px;
      position: center;
      background-image: url('http://cvincent61.free.fr/fond/Fond-Vert.jpg');
      background-color: #000000;
      background: repeat;
      box-shadow: 2px 2px 10px #4B1401;
      -moz-box-shadow: 2px 2px 10px #4B1401;
      -webkit-box-shadow: 2px 2px 10px #4B1401;
    }

    /* Titre du QEEL */
    .titre_qeel {
      font-family: 'Dancing Script', cursive;
      font-size: 40px;
      text-align: center;
      position: relative;
      top: -1.3em;
      color: #B5DEAB;
    }

    /* Transparence des 24h dernières heures et anniversaires */
    #kaboum .row1 {
      background-color: transparent;
    }

    /* Système d'onglets */
    .paonglet {
      display: inline-block;
      cursor: pointer;
    }
             
    .contenu_paonglet {
      padding: 25px;
      display: none;
      width: 150px;
      height: 150px;
      overflow: auto;
      background-color: #B5DEAB;
      border-left: 2px solid #2A0202;
      border-right: 2px solid #2A0202;
      color: #194F0C;
      text-align: justify;
      font-size: 11px;
    }

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

    /* --------------------------------- FIN QEEL --------------------------------- */

J'ai encore un autre problème qui concerne mon forum, mais celui-là je préfère le dire plus tard, je ne vois vraiment pas d'où ça peut venir. Merci de répondre !

Effectivement, petit oubli dans le libre service je crois :)

Cela se règle en ajoutant ce petit bout là dans le CSS :

Code:

/* couleur texte derniers connectés + anniv */
#kaboum .gensmall {
  color: inherit;
}

Avec la valeur "inherit", le texte prendra la même couleur de police que le bloc "parent". Donc le rouge comme le reste du texte au dessus :)

Mais si tu veux mettre une couleur différente, tu peux totalement, par exemple en blanc :

Code:

color: #ffffff;

D'accord et merci ! ^^ Il faudra penser à rectifier le LS. Il me reste encore un petit problème avec ce forum, est-ce que j'ouvre un nouveau sujet ou ce n'est pas la peine et je poste à la suite ? :3

Super, le soucis est signalé ici :)

En fait, la partie "Personnalisation" est pour demander de l'aide pour une personnalisation d'un LS existant. Concernant les problèmes, il faut aller dans Problème avec mon code ♡
A mon avis, si c'est un sujet différent, le mieux c'est de mettre ce sujet en Résolu (icone "Terminé") et d'ouvrir un nouveau topic au bon endroit. :)

OK, merci pour tout !