Modifier la couleur des textes du QEEL

3 participants

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

Résolu Modifier la couleur des textes du QEEL

Message par Hell Pix Mar 13 Mar 2012 - 13:12

Bonjour!

Je souhaiterais modifier la couleur du texte des champs suivants: {L_CONNECTED_MEMBERS}, {L_WHOSBIRTHDAY_TODAY} et {L_WHOSBIRTHDAY_WEEK} dans le test de QEEL avec onglets (le tableau à côté de la mongolfière) sur mon forum de test: http://forumtest.creationforum.net


J'ai utilisé les astuces de vos tutoriels pour modifier le QEEL, j'ai réussi à retirer le fond de ces champs mais seule la couleur fait de la résistance. J'ai tenté de passer comme pour le reste par une balise html du type:
Code:
<font color="#ecd398">{L_CONNECTED_MEMBERS}</font>
J'ai aussi tenté de passer par le CSS avec le code suivant, mais ça n'a pas fonctionné non plus:
Code:
/*Transparence QEEL*/
.trans .row1, #kaboum .row1 {
color:#d6a53b;
background-color : transparent;
}

Que faire pour mettre ces textes de la même couleur que le reste?

Voici mon template index body:
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>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </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 -->
<table width="100%" border="0" cellspacing="1" cellpadding="0" background="http://img71.xooimage.com/files/3/9/c/steam4-3284398.png">
  <tr>
    <td> <div style="background-image:url(http://img66.xooimage.com/files/5/d/2/ballon_steam2-325c02a.png); width:220px; height:252px; padding-left:2px; padding-right:2px; ">
      <center><br/><br/><br/>
        <b class="titreqeel"><a href="http://imaginarium.jdrforum.com/g1-maitres-retro-futuristes"><font color="#3D2212">  Maitres Retro-futuristes </font></a></b><br/>
        <b class="titreqeel"><a href="http://imaginarium.jdrforum.com/g2-apprentis-artilleurs"><font color="#613612"> Apprentis Artilleurs </font></a></b><br/>
        <b class="titreqeel"><a href="http://imaginarium.jdrforum.com/g3-capitaines-vaporistes"><font color="#B34A04"> Capitaines Vaporistes </font></a></b><br/>
        <b class="titreqeel"><a href="http://imaginarium.jdrforum.com/g4-pirates-de-l-air"><font color="#EBDB70"> Pirates de l'air </font></a></b></center></div></td>
   
    <td background="http://img69.xooimage.com/files/2/0/3/cadre_steam_2-328231f.png" height="218px" width="600px"><div id="accueil1"><div id="accueil2"><div id="accueil3"><div id="accueil4">
<span class="ongl1"><a href="#accueil1">Présent</a></span><span class="ongl2"><a href="#accueil2">Passé</a></span><span class="ongl3"><a href="#accueil3">Futur</a></span> 
      <div id="content1"><div id="content2"><div class="info_accueil">
        <div style="border:none ; font-size: 12px;width: 580px; height: 125px; overflow-y: scroll;"><span id="bil6"><font color="#ecd398">{RECORD_USERS}</font></span><script type="text/javascript">document.getElementById('bil6').innerHTML=document.getElementById('bil6').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de /,"Le record d'affluence est de ");</script>
          <table id="kaboum">{L_CONNECTED_MEMBERS}
            <script type="text/javascript">
            jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Memhttp://forumtest.creationforum.net/admin/index.forum?change_display&extended_admin=1&l=main&mode=edit_main&part=themes&sub=templates&t=110&tid=5013bf7a833bb02720ba068b71207dedbres connectés au cours des 48 dernières heures : ','Ils ont navigué ici ces deux derniers jours :'));
          </script></table></div>
        </div></div>
        <div id="content3">
          <div class="info_accueil">
          <table class="trans">{L_WHOSBIRTHDAY_TODAY}
                            <span id="anniv">
                </span>
                {L_WHOSBIRTHDAY_WEEK}
                <script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Ils fêtent leur anniversaire aujourd'hui").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aucun membre ne fête son anniversaire aujourd'hui, Joyeux Non - Anniversaire à tous !");
                </script></table>
        <span class="credit"><a href="http://www.never-utopia.com">Code de base onglets par Never-Utopia</a></span>
          </div></div><div id="content4"><div class="info_accueil">Ici se trouve le contenu de votre quatrième onglet.</div></div><div class="info_accueil">
        <span class="gensmall"><span id="bil1"><font color="#ecd398">{TOTAL_POSTS}</font></span><script type="text/javascript">document.getElementById('bil1').innerHTML=document.getElementById('bil1').innerHTML.replace(/Nos membres ont posté un total de/,"L'Imaginarium se compose de");</script>,
      <span id="bil2"><font color="#ecd398">{TOTAL_USERS}</font> </span><script type="text/javascript">document.getElementById('bil2').innerHTML=document.getElementById('bil2').innerHTML.replace(/membres enregistrés/,"uchronistes présents");</script>
      <span id="bil3"><font color="#ecd398">{NEWEST_USER}</font> </span><script type="text/javascript">document.getElementById('bil3').innerHTML=document.getElementById('bil3').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"et le dernier steamer débarqué en ces lieux est");</script>.<br/>
                <br/>
                <span id="bil4"><font color="#ecd398">{TOTAL_USERS_ONLINE}</font></span><script type="text/javascript">document.getElementById('bil4').innerHTML=document.getElementById('bil4').innerHTML.replace(/utilisateur en ligne :/,"membre de l'équipage sur le pont ").replace(/utilisateurs en ligne :/,"membres de l'équipage sur le pont ").replace(/Enregistré/,"Membre officiel ").replace(/Enregistrés/,"Membres officiel").replace(/Invisible/,"Clandestin").replace(/Invisibles/,"Clandestins").replace(/Moteur de recherche/,"Moteur à vapeur").replace(/Moteurs de recherche/,"Moteurs à vapeur").replace(/Invité/,"Passager").replace(/Invités/,"Passagers");</script>.
          <span id="bil5"><font color="#ecd398">{LOGGED_IN_USER_LIST}</font></span><script type="text/javascript">document.getElementById('bil5').innerHTML=document.getElementById('bil5').innerHTML.replace(/Utilisateurs enregistrés :/," Répondent en ce moment à l'appel  ")
                  </script></span> <br /></div></div>
</div></div></div></div>

</td>
  </tr>
</table>
 

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- 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 -->

Merci d'avance Smile


Dernière édition par Hell Pix le Mer 14 Mar 2012 - 0:01, édité 1 fois
avatar

Hell Pix
**

Messages : 70
Inscrit(e) le : 28/08/2011

http://hellsgate.jdrforum.com/
Hell Pix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par kheino Mar 13 Mar 2012 - 14:15

Bonjour Hell Pix,

Alors tout d'abord il faut savoir qu'un tableau (table) se compose toujours dans le l'ordre:
de ligne (tr) et de cellule ou colonne (td) et leur fermeture est à la suite inversée.
Les balises "table" sans la suite sont fausses.

Le saut à la ligne s'écrit :
Code:
<br />

Tu as certes mis une balise span id="anniv" mais qui n'entoure rien.

Une autre erreur, c'est que tu as un double QEEL et le second, par défaut, vient après celui que tu as modifié, donc hiérarchiquement il prend le dessus sur celui que tu as modifié.

Tout ça est corrigé sur mon FT.

Ensuite, pour bien voir et ne pas aller à l'aveugle, il faudrait TOUT le CSS uniquement du QEEL, ainsi que le JS du tableau dans le QEEL.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par Hell Pix Mar 13 Mar 2012 - 14:46

Dans ce cas pour être sure de ne pas parasiter le premier QEEL j'ai supprimé le second qui me servait de base.

Ensuite voici tout le CSS se rapportant au QEEL, ce système d'onglet fonctionnant sans JS je n'en ai tout simplement pas ^^

Code:
/*Onglets*/
.ongl1, .ongl2, .ongl3, .ongl4
{
display: inline-block;
width: 100px;
height: 27px;
margin-left: 40px;
background-image: url('http://img66.xooimage.com/files/2/a/a/text_bois-328072f.jpg');
border-top: 3px solid #e3c47a;
border-left: 3px solid #e3c47a;
border-right: 3px solid #e3c47a;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
text-align: center;
}
.ongl1:hover, .ongl2:hover, .ongl3:hover, .ongl4:hover
{
background-image: url('http://img66.xooimage.com/files/2/a/a/text_bois-328072f.jpg');;
}
.ongl1 a, .ongl2 a, .ongl3 a, .ongl4 a
{
display: block;
padding-top: 2px;
font-weight: bold;
text-decoration: none !important;
color: #d6a53b !important;
font-size: 18px;
}
.ongl1 a:hover, .ongl2 a:hover, .ongl3 a:hover, .ongl4 a:hover
{
color: #ecd398 !important;
}
#content1
{
display: block;
height: 150px;
width: 450px;
overflow: hidden;
border: none;
font-size: 11px;
color: #ecd398;
padding: 10px;
}
#content2, #content3, #content4
{
display: none;
}
#accueil1:target #content1
{
display: block;
height: 150px;
width: 450px;
overflow: hidden;
border: none;
font-size: 12px;
color: #ecd398;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
padding: 10px;
}
#accueil2:target #content2
{
display: block;
height: 150px;
width: 450px;
overflow: hidden;
background: none;
font-size: 12px;
color: #ecd398;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}
#accueil3:target #content3
{
display: block;
height: 150px;
width: 450px;
overflow: hidden;
background: none;
font-size: 12px;
color: #ecd398;
}
#accueil4:target #content4
{
display: block;
height: 150px;
width: 450px;
overflow: hidden;
background: none;
font-size: 12px;
color: #ecd398;
}
.info_accueil
{
padding: 10px;
text-align: justify;
}

.credit
{
display: block;
text-align: left;
margin-right: 20px;
}
.credit a
{
font-size: 9px;
text-decoration: none !important;
}

/*Transparence QEEL*/
.trans .row1, #kaboum .row1 {
color:#d6a53b;
background-color : transparent;
}
avatar

Hell Pix
**

Messages : 70
Inscrit(e) le : 28/08/2011

http://hellsgate.jdrforum.com/
Hell Pix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par kheino Mar 13 Mar 2012 - 16:29

Oui, c'est bien ce qu'il me semblait pour le tableau...

Bon, j'ai aussi essayé dans tous les sens, mais rien à faire ces trois variables sont du type mauvaises herbes, résistantes à tout traitement.
Je les déteste !
Par contre, reste à savoir si on ne peut incorporer du style dans le jQuery...
Mais je ne m'y connais pas assez en JS.

Néanmoins, le template est corrigé sur les points précités plus haut.
En bonus deux fois un espace entre le dernier guillemet et la fermeture de la balise html:
" >
Et la correction autour de ces trois variables.

Seulement la partie concernée :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="1" cellpadding="0" background="http://img71.xooimage.com/files/3/9/c/steam4-3284398.png"><tr>
<td align="center">
<div style="background-image:url(http://img66.xooimage.com/files/5/d/2/ballon_steam2-325c02a.png); width:220px; height:252px; padding-left:2px; padding-right:2px;">
<br /><br /><br />
<b class="titreqeel"><a href="http://imaginarium.jdrforum.com/g1-maitres-retro-futuristes"><font color="#3D2212">  Maitres Retro-futuristes </font></a></b>
<br />
<b class="titreqeel"><a href="http://imaginarium.jdrforum.com/g2-apprentis-artilleurs"><font color="#613612"> Apprentis Artilleurs </font></a></b>
<br />
<b class="titreqeel"><a href="http://imaginarium.jdrforum.com/g3-capitaines-vaporistes"><font color="#B34A04"> Capitaines Vaporistes </font></a></b>
<br />
<b class="titreqeel"><a href="http://imaginarium.jdrforum.com/g4-pirates-de-l-air"><font color="#EBDB70"> Pirates de l'air </font></a></b>
</div>
</td>

<td background="http://img69.xooimage.com/files/2/0/3/cadre_steam_2-328231f.png" height="218px" width="600px">
<div id="accueil1"><div id="accueil2"><div id="accueil3"><div id="accueil4">
<span class="ongl1"><a href="#accueil1">Présent</a></span>
<span class="ongl2"><a href="#accueil2">Passé</a></span>
<span class="ongl3"><a href="#accueil3">Futur</a></span>
 
<div id="content1"><div id="content2">
<div class="info_accueil">
<div style="border:none ; font-size: 12px;width: 580px; height: 125px; overflow-y: scroll;">
<span id="bil6"><font color="#ecd398">{RECORD_USERS}</font></span>
<script type="text/javascript">document.getElementById('bil6').innerHTML=document.getElementById('bil6').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de /,"Le record d'affluence est de ");</script>
<table id="kaboum"><tr><td>
<span class="anniv" style="background: grey; color: #d6a53c!important;"><font color="#613612">{L_CONNECTED_MEMBERS}</font></span>
<script type="text/javascript">jQuery('#kaboum span.anniv').html(jQuery('#kaboum span.anniv').html().replace('Memhttp://forumtest.creationforum.net/admin/index.forum?change_display&extended_admin=1&l=main&mode=edit_main&part=themes&sub=templates&t=110&tid=5013bf7a833bb02720ba068b71207dedbres connectés au cours des 48 dernières heures : ','Ils ont navigué ici ces deux derniers jours :'));</script>
</td></tr></table>
</div></div></div>
 
<div id="content3">
<div class="info_accueil">
<table class="trans"><tr><td>
<span class="anniv">
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
</span>
<script type="text/javascript">document.getElementById('annive').parentNode.innerHTML=document.getElementById('annive').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Ils fêtent leur anniversaire aujourd'hui").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aucun membre ne fête son anniversaire aujourd'hui, Joyeux Non - Anniversaire à tous !");</script>
</td></tr></table>
<span class="credit"><a href="http://www.never-utopia.com">Code de base onglets par Never-Utopia</a></span>
</div></div>
 
<div id="content4">
<div class="info_accueil">Ici se trouve le contenu de votre quatrième onglet.</div>
</div>
 
<div class="info_accueil">
<span class="gensmall"><span id="bil1"><font color="#ecd398">{TOTAL_POSTS}</font></span>
<script type="text/javascript">document.getElementById('bil1').innerHTML=document.getElementById('bil1').innerHTML.replace(/Nos membres ont posté un total de/,"L'Imaginarium se compose de");</script>,
<span id="bil2"><font color="#ecd398">{TOTAL_USERS}</font></span>
<script type="text/javascript">document.getElementById('bil2').innerHTML=document.getElementById('bil2').innerHTML.replace(/membres enregistrés/,"uchronistes présents");</script>
<span id="bil3"><font color="#ecd398">{NEWEST_USER}</font></span>
<script type="text/javascript">document.getElementById('bil3').innerHTML=document.getElementById('bil3').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"et le dernier steamer débarqué en ces lieux est");</script>.
<br /><br />
<span id="bil4"><font color="#ecd398">{TOTAL_USERS_ONLINE}</font></span>
<script type="text/javascript">document.getElementById('bil4').innerHTML=document.getElementById('bil4').innerHTML.replace(/utilisateur en ligne :/,"membre de l'équipage sur le pont ").replace(/utilisateurs en ligne :/,"membres de l'équipage sur le pont ").replace(/Enregistré/,"Membre officiel ").replace(/Enregistrés/,"Membres officiel").replace(/Invisible/,"Clandestin").replace(/Invisibles/,"Clandestins").replace(/Moteur de recherche/,"Moteur à vapeur").replace(/Moteurs de recherche/,"Moteurs à vapeur").replace(/Invité/,"Passager").replace(/Invités/,"Passagers");</script>.
<span id="bil5"><font color="#ecd398">{LOGGED_IN_USER_LIST}</font></span>
<script type="text/javascript">document.getElementById('bil5').innerHTML=document.getElementById('bil5').innerHTML.replace(/Utilisateurs enregistrés :/," Répondent en ce moment à l'appel  ")</script>
</span>
<br />
</div></div>
 
</div></div></div></div>

</td></tr></table>
 
<!-- BEGIN switch_chatbox_activate -->
<table><tr>
      <td class="row1">
        <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
J'ai un peu séparé les différents blocs afin de s'y retrouver.

Dans le CSS, en rapport aux deux scripts, il faut ajouter ces deux identifiants:
/*Transparence QEEL*/
#kaboum, .trans .row1, .row1 {
background-color : transparent;
color: #d6a53c!important;
}
span.anniv {
color: #d6a53c!important;
}
/* relatif aux anniversaires */
#annive {
color: #d6a53c!important;
}
Cela dit ça ne fonctionne pas non plus.... Gloups mais logiquement ça devrait se retrouver ainsi d'après les scripts.



EDIT : CSS édité à 16:33.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par Hell Pix Mar 13 Mar 2012 - 19:41

Alors j'ai bien appliqué la correction du template mais pas celle du CSS car avec cette version non seulement je n'ai pas le texte en couleur mais le fond n'est plus transparent pour les connectés au cours des 48 dernières heures ^^

Au final mon problème n'est toujours pas résolu, quelqu'un saurait-il comment dompter ce vilain texte et le forcer à changer de couleur?
avatar

Hell Pix
**

Messages : 70
Inscrit(e) le : 28/08/2011

http://hellsgate.jdrforum.com/
Hell Pix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par kheino Mar 13 Mar 2012 - 20:41

Oui, c'est vrai, il y a un fond qui se met mais c'est au moins c'est lisible.

Et en effet aussi, et je l'ai dit, je n'y suis pas arrivée.
La seule chose que j'ai réussie est :
Code:
<div id="content1"><div id="content2">
<div class="info_accueil">
<div style="border:none ; font-size: 12px;width: 580px; height: 125px; overflow-y: scroll;">
<span id="bil6"><font color="#ecd398">{RECORD_USERS}</font></span>
<script type="text/javascript">document.getElementById('bil6').innerHTML=document.getElementById('bil6').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de /,"Le record d'affluence est de ");</script>
<table id="kaboum"><tr><td>
<font color="#613612">{L_CONNECTED_MEMBERS}</font>
<script type="text/javascript">jQuery('#kaboum span.anniv').html(jQuery('#kaboum span.anniv').html().replace('Memhttp://forumtest.creationforum.net/admin/index.forum?change_display&extended_admin=1&l=main&mode=edit_main&part=themes&sub=templates&t=110&tid=5013bf7a833bb02720ba068b71207dedbres connectés au cours des 48 dernières heures : ','Ils ont navigué ici ces deux derniers jours :'));</script>
</td></tr></table>
</div></div></div>
 
<div id="content3">
<div class="info_accueil">
<table class="trans"><tr><td>
<font color="#d6a53b">{L_WHOSBIRTHDAY_TODAY}</font>
<font color="#d6a53c">{L_WHOSBIRTHDAY_WEEK}</font>
<script type="text/javascript">document.getElementById('annive').parentNode.innerHTML=document.getElementById('annive').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Ils fêtent leur anniversaire aujourd'hui").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aucun membre ne fête son anniversaire aujourd'hui, Joyeux Non - Anniversaire à tous !");</script>
</td></tr></table>
Avec dans le CSS à la fin de la feuille juste :
/*Transparence QEEL*/
#kaboum, .trans .row1, .row1 {
background: transparent;
color: #d6a53c!important;
}

Donc oui, au final ce n'est pas résolu, mais un codage propre et corrigé mérite aussi un simple "merci". What's happen ?!?
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par Hell Pix Mar 13 Mar 2012 - 20:47

Mais quelle malpolie je fais! Je suis désolée, on arrive en fin de journée et je fatigue un peu, en général je n'oublie pas les règles de politesse élémentaires ^^

Merci donc de t'être penché sur mon cas et de m'avoir accordé du temps surtout!
A ta connaissance est-ce que ce fameux changement de couleur est possible (est-ce que ça s'est déjà fait?) ou bien est-ce tout simplement infaisable?
avatar

Hell Pix
**

Messages : 70
Inscrit(e) le : 28/08/2011

http://hellsgate.jdrforum.com/
Hell Pix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par kheino Mar 13 Mar 2012 - 21:10

Pas de souci, il m'arrive aussi d'être très patiguée et loin de tout...


Nope, je pense que c'est faisable, certainement par le script.
Comme tu as pu le voir, déjà une des phrases a pris la couleur, je ne sais pas pourquoi l'autre ne la prend pas...
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par Hell Pix Mar 13 Mar 2012 - 21:22

C'est malheureux, la fatigue a tendance à transformer les gens en ours Razz

Chez moi aucune des phrases ne prend la couleur malheureusement, la joie du net et de ses scripts...

Si quelqu'un a une idée pour résoudre cette énigme, je suis preneuse!
avatar

Hell Pix
**

Messages : 70
Inscrit(e) le : 28/08/2011

http://hellsgate.jdrforum.com/
Hell Pix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par no_way Mar 13 Mar 2012 - 23:41

bonsoir essayez avec le CSS suivant:
Code:

.trans td[class^="row"],#kaboum  td[class^="row"]{
background-color:transparent;
}
.trans .row1 span.gensmall, #kaboum .row1 span.gensmall{
color: #D6A53C !important;
}
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par Hell Pix Mar 13 Mar 2012 - 23:48

Fantastique, ça fonctionne pour les anniversaires! Merci beaucoup Smile

S'il y avait la même chose pour les connectés au cours des... ça serait parfait ^^
avatar

Hell Pix
**

Messages : 70
Inscrit(e) le : 28/08/2011

http://hellsgate.jdrforum.com/
Hell Pix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par no_way Mar 13 Mar 2012 - 23:49

Reprenez le code du dessus je l'ai édité Wink
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par Hell Pix Mer 14 Mar 2012 - 0:01

Parfait, ça fonctionne, youpiiiiiiii

Merci beaucoup, c'est parfait Smile
avatar

Hell Pix
**

Messages : 70
Inscrit(e) le : 28/08/2011

http://hellsgate.jdrforum.com/
Hell Pix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par no_way Mer 14 Mar 2012 - 0:03

Je vous en prie, bonne continuation ;D
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par kheino Mer 14 Mar 2012 - 7:59

Yes no-way !

Peux-tu juste m'expliquer comment fonctionne ces identifiants steuplé ?
C'est très intéressant.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la couleur des textes du QEEL

Message par no_way Mer 14 Mar 2012 - 8:31

Biensûr, je te conseille de jeter un oeil ICI pour une explication sur les priorités en CSS.

Sinon pour le code en lui même:

.trans td[class^="row"],#kaboum td[class^="row"]{
background-color:transparent;
}
permet de cibler un élément du document ayant la classe <<trans>> ou l'identifiant <<kaboum>>, puis cible toute cellule <<td>> ayant une classe CSS commençant par <<row>>, ainsi que ce soit row1, row2 ou rowyoupitralala, le fond sera transparent.

.trans .row1 span.gensmall, #kaboum .row1 span.gensmall{
color: #D6A53C !important;
}
permet d'atteindre directement l'élément contenant le texte et de lui appliquer le fameux <<!important>>.

@++
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way 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