Sujets similaires

Sujet: Problème de couleur Dim 24 Oct 2010, 10:34

Boujour ou bonsoir =)
Voilà je vient d'installer mon QEEL et de m'apercevoir que les onglets était bleu alors que je voulais qu'il soit vert, j'ai beau chercher, je ne trouve pas ou est le problème (faut dire que je suis nulle ^^)
Voici mon Css (celui pour le QUEEL):

Spoiler:

Code:: #box {width: 80%; border: 2px solid #182704;
background-color: green;
background-image: url("http://hitskin.com/themes/14/27/73/i_background.jpg");
background-repeat: repeat;
background-position: top center;
-moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;
-moz-box-shadow: 0px 0px 10px #182704;
padding: 4px;
background-color: transparent!important;
border: 5px double #182704;
border-left-width: 5px;
border-top-width: 5px;
border-right-width: 5px;
border-bottom-width: 5px;
/* border-radius: 5px 5px;
-moz-border-radius: 5px;*/
moz-border-radius:0px 0px 60px 60px;
-webkit-border-radius:0px 0px 60px 60px;
border-radius:0px 0px 60px 60px;
-moz-box-shadow: 0px 0px 4px #182704; -webkit-box-shadow: 0px 0px 4px #182704; box-shadow: 0px 0px 4px #182704; }

#box5{width: 80%; border: 2px solid #182704;
background-color: green;
background-image: url("http://hitskin.com/themes/14/27/73/i_background.jpg");
background-repeat: repeat;
background-position: top center;
-moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;
-moz-box-shadow: 0px 0px 10px #182704;
padding: 4px;
background-color: transparent!important;
border: 5px double #182704;
border-left-width: 5px;
border-top-width: 5px;
border-right-width: 5px;
border-bottom-width: 5px;

/* border-radius: 5px 5px;
-moz-border-radius: 5px;*/

moz-border-radius:60px 60px 0px 0px;
-webkit-border-radius:60px 60px 0px 0px;
border-radius:60px 60px 0px 0px;

-moz-box-shadow: 0px 0px 4px #182704; -webkit-box-shadow: 0px 0px 4px #182704; box-shadow: 0px 0px 4px #182704; }

.systeme_onglets {width: 80%; border: 2px solid #182704;
background-color: green;
background-image: url("");
background-repeat: no-repeat;
background-position: top center;
-moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;
-moz-box-shadow: 0px 0px 10px #182704;
padding: 4px;
background-color: transparent!important;
border: 5px double #182704;
border-left-width: 5px;
border-top-width: 5px;
border-right-width: 5px;
border-bottom-width: 5px;

/* border-radius: 5px 5px;
-moz-border-radius: 5px;*/

moz-border-radius:15px 15px 0px 0px;
-webkit-border-radius:15px 15px 0px 0px;
border-radius:15px 15px 0px 0px;

-moz-box-shadow: 0px 0px 4px #182704; -webkit-box-shadow: 0px 0px 4px #182704; box-shadow: 0px 0px 4px #182704; }

.group {
font-size : 11px;
text-align : center;
display: inline;
/position: relative;
text-decoration: none;
padding: 3px;
margin: 0px;
-moz-border-radius: 0px 0px 7px 7px ;
-webkit-border-radius: 0px 0px 7px 7px ;
border-radius:0px 0px 7px 7px ;
-moz-box-shadow: 0px 0px 4px #182704;
-webkit-box-shadow: 0px 0px 4px #182704;
box-shadow: 0px 0px 4px #182704;
background: transparent url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) repeat 0 0 !important; /* image transparente pour IE 7 et 8 */
background:rgba(189,220,241,0.4) !important; /* fond transparent pour Firefox et autres compatibles */
background-color: #334C10; /* couleur normale pour tous les navigateurs Ã la traine */
border: 2px solid rgba(0,74,255, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #334C10; /* Pour tous les navigateurs Ã la traine */
border-bottom: none !important;
}

.group:hover {
font-size: 10px; /*TAILLE DU TEXTE AU SURVOL*/
}
.group a:link{text-decoration:none}

Et mon template (index_body):

Spoiler:

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<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>



<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="facebook_login()" v="2" perms="{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>

</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      

<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </span>
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
         <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            

<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<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>



<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="facebook_login()" v="2" perms="{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>

</form>


<br/>
<center> <div id="box5">-• Bienvenue à vous sur Kingdoms of Heaven •-</div></center>
<br/>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un système d'onglet en javascript</title>
<script type="text/javascript">
//
</script>
<style type="text/css">

.onglet
{
display:inline-block;
margin-left:8px;
margin-right:2px;
padding:3px;
cursor:pointer;
}

/*.onglet_0
{
/*background:#182704;*/
/*border-bottom:2px solid #182704;*/
}*/
.onglet_1
{
padding-bottom:4px;
}

.contenu_onglet
{
margin-top:-1px;
padding:5px;
display:none;
}

ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
</style>
</head>
<body>

<center><div class="systeme_onglets">
<div class="onglets">
<div class="group"><span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');"><b>S</b>tatistiques</span></div>
<div class="group"><span class="onglet_0 onglet" id="onglet_connexions" onclick="javascript:change_onglet('connexions');"><b>C</b>onnexions</span></div>
<div class="group"><span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');"><b>A</b>nniversaires</span></div>
<div class="group"><span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');"><b>G</b>oogleMap</span></div>
<div class="group"><span class="onglet_0 onglet" id="onglet_groupes" onclick="javascript:change_onglet('groupes');"><b>G</b>roupes</span></div>
<div class="group"><span class="onglet_0 onglet" id="onglet_musique" onclick="javascript:change_onglet('musique');"><b>M</b>usique du forum</span></div>

</div>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_quoi">

<span class="gensmall"><font size=2>♥ {TOTAL_POSTS} ♥

♥ {TOTAL_USERS} ♥

♥ {NEWEST_USER} ♥

♥ {TOTAL_USERS_ONLINE} ♥

♥ {RECORD_USERS} ♥
</font>
</div>
<div class="contenu_onglet" id="contenu_onglet_connexions"><span class="gensmall"><h1>Qui se balade sur les 3 royaumes ?</h1>
<font size=2> {LOGGED_IN_USER_LIST}
<table style="text-align: justify" class="quierra">
{L_CONNECTED_MEMBERS}<br></table>
</font></div>
<div class="contenu_onglet" id="contenu_onglet_qui">
<h1>Champagne ?</h1>
<table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
</div>
<div class="contenu_onglet" id="contenu_onglet_pourquoi">
<h1>Dans quelle partie du monde ?</h1>
<a class="cattitle" href="/viewonline.htm" rel="nofollow">Qui est en ligne ?</a>

</div>
<div class="contenu_onglet" id="contenu_onglet_groupes"><h1>Les groupes du forum</h1>
<font size=1>{GROUP_LEGEND}</font><table class="quierra" style="text-align: justify"></table></div>
<div class="contenu_onglet" id="contenu_onglet_musique"><h1>Un peu de musique</h1><font size=1>C<iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/agu26aAl5_c?rel=0" frameborder="0"></iframe></font></div>

{CHATBOX_BOTTOM}
<br clear="all" />
<table class="quierra" style="text-align: justify"></table></div>
</div>
</div></center>
<script type="text/javascript">
//
</script>

</body>
</html>

<br/>
<center> <div id="box">-• Merci à vous tous de votre présence •-</div></center> <br/>
<br/>




<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>



{AUTO_DST}

{CHATBOX_BOTTOM}
<br clear="all" />

<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>


{AUTO_DST}


<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
});
//]]>
</script>

Aperçu de se que cela me rend:

Spoiler:

Voilà, merci à celui qui m'aideras.

Sujet: Re: Problème de couleur Lun 25 Oct 2010, 09:38

Bonjouur ^^
C'est quelle couleur exactement que tu veux modifier ?

Sujet: Re: Problème de couleur Mar 26 Oct 2010, 04:58

Hello =)
C'est le bleu des onglets que j'aimerais bien modifier parce qu'entouré de vert c'est bizarre ^^

Sujet: Re: Problème de couleur Mar 26 Oct 2010, 07:28

Je puis te conseiller alors =p

Prend ta capture d'écran sur Photofiltre, t avec la pipette magique tu prends le code héxadécimal de ta belle couleur bleue =D

Tu vas dans ton CSS, tu fais CTRL + F, et tu fais rechercher ton code couleur =D
Techniquement tu devrais pouvoir trouver ton bonheur n_n

Mais je pense plutôt que cela vient de cette partie de ton template :

Code:: /*.onglet_0
{
/*background:#182704;*/
/*border-bottom:2px solid #182704;*/
}*/

Bien que je le fait d'avoir mis les codes en commentaire CSS devrais les ... Annuler ôO"

Sujet: Re: Problème de couleur Mar 26 Oct 2010, 10:13

J'ai fait comme tu as dit, apparemment, la couleur n'est pas dans le css ^^
Sur mon template je comprend pas ce qu'il y a de louche parce que la couleur #182704 c'est du vert foncé.

Sujet: Re: Problème de couleur Mar 26 Oct 2010, 10:33

As-tu tenté de faire la recherche de ton code couleur dans ton template, aussi ^^ ?

Je re-regardé, et tadam :

Code:: .systeme_onglets {width: 80%; border: 2px solid #182704;
background-color: green;

Peut-être ce petit green ? xD

Sujet: Re: Problème de couleur Mar 26 Oct 2010, 10:34

ah non j'ai pas fait (ouh la patate)
Mais green c'est vert nan? Jsuis paumée là u.u

Sujet: Re: Problème de couleur Mer 27 Oct 2010, 16:24

Oui, green c'est vert, en anglais ^o^
C'est surement lui, qui nous pose soucis !

Sujet: Re: Problème de couleur Jeu 28 Oct 2010, 11:40

Mais pourquoi il nous poserais un soucis vu que c'est justement du vert? Donc il n'a rien avoir avec le bleu que j'essaye d'enlever non?

Sujet: Re: Problème de couleur Jeu 28 Oct 2010, 12:22

Oups x')

Un moment de fatigue, autant pour moi ^^'

Je viens de tout passer en revu, je n'ai rien trouvé x_x"

Pourrais-tu me donner l'adresse de ton forum ?

Sujet: Re: Problème de couleur Jeu 28 Oct 2010, 12:25

Ce n'est pas grave ^^
Oui, la voici: http://kingdoms-of-heaven.forumactif.info/forum.htm

Sujet: Re: Problème de couleur Ven 29 Oct 2010, 06:08

Peut-être ceci alors !

Code:: background:rgba(189,220,241,0.4) !important; /* fond transparent pour Firefox et autres compatibles */
background-color: #334C10; /* couleur normale pour tous les navigateurs Ã la traine */
border: 2px solid rgba(0,74,255, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles *

Les couleurs rgba. Je ne m'en sers jamais, et je ne saurais te dire si c 'est du bleu là xD

Sujet: Re: Problème de couleur Ven 29 Oct 2010, 11:01

Ba c'est pour firefox donc je pourrais jamais voir si quelque chose change ou pas ^^. Et puis j'ai essayé de changer mais ça fait rien.

Sujet: Re: Problème de couleur Ven 05 Nov 2010, 11:40

Bonjour,

Votre problème est-il résolu ? Si oui, merci de cocher l'icône Problème de couleur Resolu3

en éditant le premier message de ce sujet.

Merci Wink

Sujet: Re: Problème de couleur Ven 05 Nov 2010, 14:07

Non, il n'est l'est pas.

Sujet: Re: Problème de couleur Ven 05 Nov 2010, 15:54

salut essaye d'ajouter ce code css

Code:: .group{
background: none repeat scroll 0 0 rgba(59, 87, 12, 0.4) !important;
border-color: rgba(68, 112, 12, 0.2) rgba(68, 112, 12, 0.2) -moz-use-text-color !important;
}

PS: met le a la fin du code css du forum

Sujet: Re: Problème de couleur Ven 05 Nov 2010, 16:18

Bonsoir,

Moi c'est bien du vert que j'ai quand je regarde les couleurs sur photofiltre ^^
Essai donc de changer le green pour tester =)

Bonne continuation

Sujet: Re: Problème de couleur Ven 05 Nov 2010, 16:55

C'est bon =D Le code de iowan marche!
Merci beaucoup à tous, mon problème est résolu.

Problème de couleur

Problème de couleur

Sujets similaires

Sujets similaires

Partenaires Or