Modifier la couleur des textes du QEEL
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Modifier la couleur des textes du QEEL
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:
Que faire pour mettre ces textes de la même couleur que le reste?
Voici mon template index body:
Merci d'avance
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>
- 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
Dernière édition par Hell Pix le Mer 14 Mar 2012 - 0:01, édité 1 fois
Re: Modifier la couleur des textes du QEEL
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 :
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.
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.
Re: Modifier la couleur des textes du QEEL
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 ^^
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;
}
Re: Modifier la couleur des textes du QEEL
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 :
Dans le CSS, en rapport aux deux scripts, il faut ajouter ces deux identifiants:
EDIT : CSS édité à 16:33.
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 -->
Dans le CSS, en rapport aux deux scripts, il faut ajouter ces deux identifiants:
Cela dit ça ne fonctionne pas non plus.... mais logiquement ça devrait se retrouver ainsi d'après les scripts./*Transparence QEEL*/
#kaboum, .trans .row1, .row1 {
background-color : transparent;
color: #d6a53c!important;
}
span.anniv {
color: #d6a53c!important;
}
/* relatif aux anniversaires */
#annive {
color: #d6a53c!important;
}
EDIT : CSS édité à 16:33.
Re: Modifier la couleur des textes du QEEL
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?
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?
Re: Modifier la couleur des textes du QEEL
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 :
Donc oui, au final ce n'est pas résolu, mais un codage propre et corrigé mérite aussi un simple "merci".
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>
/*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".
Re: Modifier la couleur des textes du QEEL
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?
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?
Re: Modifier la couleur des textes du QEEL
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...
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...
Re: Modifier la couleur des textes du QEEL
C'est malheureux, la fatigue a tendance à transformer les gens en ours
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!
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!
Re: Modifier la couleur des textes du QEEL
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- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Modifier la couleur des textes du QEEL
Fantastique, ça fonctionne pour les anniversaires! Merci beaucoup
S'il y avait la même chose pour les connectés au cours des... ça serait parfait ^^
S'il y avait la même chose pour les connectés au cours des... ça serait parfait ^^
Re: Modifier la couleur des textes du QEEL
Reprenez le code du dessus je l'ai édité
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Modifier la couleur des textes du QEEL
Parfait, ça fonctionne, youpiiiiiiii
Merci beaucoup, c'est parfait
Merci beaucoup, c'est parfait
Re: Modifier la couleur des textes du QEEL
Je vous en prie, bonne continuation ;D
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Modifier la couleur des textes du QEEL
Yes no-way !
Peux-tu juste m'expliquer comment fonctionne ces identifiants steuplé ?
C'est très intéressant.
Peux-tu juste m'expliquer comment fonctionne ces identifiants steuplé ?
C'est très intéressant.
Re: Modifier la couleur des textes du QEEL
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:
@++
Sinon pour le code en lui même:
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 td[class^="row"],#kaboum td[class^="row"]{
background-color:transparent;
}
permet d'atteindre directement l'élément contenant le texte et de lui appliquer le fameux <<!important>>.
.trans .row1 span.gensmall, #kaboum .row1 span.gensmall{
color: #D6A53C !important;
}
@++
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Sujets similaires
» QEEL, enlever couleur font utilisateur connecté et modifier couleur lien
» Couleur des textes
» Modifier les textes sur son forum
» Modifier la police des textes
» Modifier ou traduire les textes de la Toolbar
» Couleur des textes
» Modifier les textes sur son forum
» Modifier la police des textes
» Modifier ou traduire les textes de la Toolbar
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum