Problème de couleurs avec mon QEEL

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

Résolu Problème de couleurs avec mon QEEL

Message par Invité le Jeu 19 Avr 2012 - 21:39

Bonjour,

J'ai beau chercher dans le CSS, je ne parviens pas à changer les couleurs vertes de mon QEEL (qui est un QEEL libre service).
Voici le forum : http://volate-ascendere.harrypotterrpg.fr/
Voici le CSS :
Code:
/* ------------ QEEL INFOBULLE TFA -------------- */

/* TABLE PRINCIPALE */
#tout_qeel_TFA{
width: 100%;
background: url(http://59.imagebam.com/download/HBii_3rV8PyYiBO4gX4P-g/18571/185707589/qeel.png) no-repeat top center;
}
/* INFOBULLE DES GROUPES DU HAUT ET BAS SI PRESENTS */

.group_bulle{
position: relative;
float: left;
margin: 2px 0;
padding: 0;
}
.group_bulle2 {
  position: relative;
float: left;
margin: 2px 0;
padding: 0;
}
/* STYLE BOUTON GROUPE */
.bouts_groups{
font : 11px Arial;
text-align : center;
padding: 3px;
margin: 0px 1px;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png);
border: 2px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border:2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* STYLE BOUTON GROUPE BAS */
.group_bulle2 .bouts_groups{
font : 11px Arial;
text-align : center;
padding: 3px;
margin: 0px 1px;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png);
border: 2px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border:2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* PARTIE MASQUEE DE L’INFOBULLE */

.in_bulle {
display: none;
margin: 0;
padding: 0;
}

/* INFOBULLES AU SURVOL */

.in_bulle:hover {
background: none;
z-index: 999;
}

/* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

.group_bulle:hover .in_bulle, .group_bulle2:hover .in_bulle{
position: absolute;
z-index: 999;
width:200px;
display: block;
margin: 0;
top: 10px;
left: 45px;
padding: 2px;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: url(http://i65.servimg.com/u/f65/11/95/30/70/tsom10.png);
border: 2px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border: 2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* PARAGRAPHE DE L'INFOBULLE */

.in_bulle p{
width:95%;
margin: 0 auto;
padding: 0;
font: 10px Arial;
text-align: left;
color: #FFF;
margin-top: 5px;
}

/* LIEN DANS L'INFOBULLE */

a.lien_groupe{
font: 12px Arial;
text-align: right;
color: #CC0000;
margin-top: 5px;
}

/* ROTATION DES BOUTONS AU SURVOL */

.rotation:hover{
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
}

/* PARTIE DE GAUCHE */
.gauche{
border:1px solid #BC868A;
padding: 3px;
-moz-border-radius: 20px 0px 0px 20px ;
-webkit-border-radius: 20px 0px 0px 20px ;
border-radius:20px 0px 0px 20px ;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
background:url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png) 0 0;
border: 4px solid rgba(255,185,15, 0.2) !important; /* Firefox et autres compatibles */
border: 4px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* INFOBULLE DE GAUCHE */

.info_gauche{
position: relative;
margin: 0;
padding: 0;
}

/* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

.info_gauche:hover .in_bulle{
position: absolute;
z-index: 999;
width:300px;
display: block;
margin: 0;
top: 10px;
left: 25px;
padding: 2px;
-moz-border-radius: 3px 7px 3px 7px ;
-webkit-border-radius: 3px 7px 3px 7px ;
border-radius:3px 7px 3px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: url(http://i65.servimg.com/u/f65/11/95/30/70/tsom10.png);
border: 2px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border: 2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* INFOBULLE DE DROITE */

.info_droite{
position: relative;
margin: 0;
padding: 0;
}

/* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

.info_droite:hover .in_bulle{
position: absolute;
z-index: 999;
width:300px;
display: block;
margin: 0;
top: 10px;
right: 25px;
padding: 2px;
-moz-border-radius: 3px 7px 3px 7px ;
-webkit-border-radius: 3px 7px 3px 7px ;
border-radius:3px 7px 3px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background: url(http://i65.servimg.com/u/f65/11/95/30/70/tsom10.png);
border: 2px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border: 2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}
.rotation-d:hover{
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
}

/* PARTIE DE DROITE */

.droite{
border:1px solid #BC868A;
padding: 3px;
-moz-border-radius: 0px 20px 20px 0px ;
-webkit-border-radius: 0px 20px 20px 0px ;
border-radius:0px 20px 20px 0px ;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
background: url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png);
border: 4px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border:4px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* TEXTE EN ROTATION DE GAUCHE */

.center_tfa{
position:relative;
top: 0;
right:0;
margin: 0;
padding: 0;
}

.texte_rotation{
position:absolute;
top: 30px;
right: 140px;
padding: 3px;
color: #dbff8d;
border:1px solid #BC868A;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
text-shadow: 0px 0px 3px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=2);
zoom: 1;
-moz-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
background: url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png);
border: 2px solid rgba(255,185,15, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}
/* TEXTE EN ROTATION DE GAUCHE AU SURVOL */
.texte_rotation:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
text-shadow: 0px 0px 3px #cc0000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#cc0000', Direction=140, Strength=2);
zoom: 1;
}

/* TEXTE EN ROTATION DE DROITE */


.texte_rotation_2{
position: absolute;
top: 60px;
left: 370px;
padding: 3px;
color: #dbff8d;
border:1px solid #BC868A;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
text-shadow: 0px 0px 3px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=2);
zoom: 1;
-moz-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
background: url(http://i65.servimg.com/u/f65/11/95/30/70/gf11.png);
border: 2px solid rgba(255,185,15, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* TEXTE EN ROTATION DE DROITE AU SURVOL */
.texte_rotation_2:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
text-shadow: 0px 0px 3px #cc0000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#cc0000', Direction=140, Strength=2);
zoom: 1;
}
Voici le template :
Code:
<!-- DEBUT QEEL INFOBULLE TFA -->     
  <br />
 <table id="tout_qeel_TFA">
 <!-- DEBUT MODIFICATIONS DES GROUPES -->
  <tr>
    <td  colspan="2" style="width: 100%; padding-left: 25px;">
       
    <!-- DEBUT INFOBULLE -->
               
 <div class="group_bulle">
  <span class="bouts_groups" style="color: #FFFFFF;"> Maîtres du jeu </span>
  <div class="in_bulle">
      <p>
        <b> Maîtres du jeu </b>
        <br />
        <img  style="float:left;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i52.tinypic.com/nxosco.png" />
        Les maîtres du jeu sont les membres qui peuvent créer des missions ou des intrigues.
        Ils font généralement partie du staff du forum.
        <br />
        <a class="lien_groupe" href="http://volate-ascendere.harrypotterrpg.fr/g3-maitre-du-jeu"> Voir le groupe </a>
      </p>
    </div>
  </div>

  <!-- FIN INFOBULLE -->

  <!-- DEBUT INFOBULLE -->
               
 <div class="group_bulle">
  <span class="bouts_groups" style="color: #FA7F7F;">Gryffondor</span>
  <div class="in_bulle">
      <p>
        <b>Gryffondor</b>
        <br />
        <img  style="float:left;" alt="Thèmes F.A" title="Thèmes F.A" src="http://img684.imageshack.us/img684/173/griffindor.png" />
        Les Gryffondor sont les élèves appartenant à la maison de Poudlard ayant été crée par Godric Gryffondor.
        <br />
        <a class="lien_groupe" href="http://volate-ascendere.harrypotterrpg.fr/g4-gryffondor"> Voir le groupe </a>
      </p>
    </div>
  </div>

  <!-- FIN INFOBULLE -->

  <!-- DEBUT INFOBULLE -->
               
 <div class="group_bulle">
  <span class="bouts_groups" style="color: #7DCC96;"> Serpentard </span>
  <div class="in_bulle">
      <p>
        <b> Serpentard </b>
        <br />
        <img  style="float:left;" alt="Thèmes F.A" title="Thèmes F.A" src="http://img64.imageshack.us/img64/3598/slytherinx.png" />
        Les Serpentard sont les élèves appartenant à la maison de Poudlard ayant été crée par Salazar Serpentard.
        <br />
        <a class="lien_groupe" href="http://volate-ascendere.harrypotterrpg.fr/g5-serpentard"> Voir le groupe </a>
      </p>
    </div>
  </div>

  <!-- FIN INFOBULLE -->

  <!-- DEBUT INFOBULLE -->
               
 <div class="group_bulle">
  <span class="bouts_groups" style="color: #8B88E3;"> Serdaigle</span>
  <div class="in_bulle">
      <p>
        <b> Serdaigles</b>
        <br />
        <img  style="float:left; " alt="Thèmes F.A" title="Thèmes F.A" src="http://img545.imageshack.us/img545/8002/ravenclawi.png" />
        Les Serdaigles sont les élèves appartenant à la maison de Poudlard ayant été crée par Godric Serdaigles.
        <br />
        <a class="lien_groupe" href="http://volate-ascendere.harrypotterrpg.fr/g6-serdaigle"> Voir le groupe </a>
      </p>
    </div>
  </div>

  <!-- FIN INFOBULLE -->

  <!-- DEBUT INFOBULLE -->
               
 <div class="group_bulle">
  <span class="bouts_groups" style="color: #DEE356;">Poufsouffle</span>
  <div class="in_bulle">
      <p>
        <b>Poufsouffle</b>
        <br />
        <img  style="float:left;" alt="Thèmes F.A" title="Thèmes F.A" src="http://img703.imageshack.us/img703/3607/pouffyx.png" />
        Les Pouffsoufle sont les élèves appartenant à la maison de Poudlard ayant été crée par Elga Poufsouffle.
        <br />
        <a class="lien_groupe" href="http://volate-ascendere.harrypotterrpg.fr/g8-chiroptera"> Voir le groupe </a>
      </p>
    </div>
  </div>

  <!-- FIN INFOBULLE -->
<!-- DEBUT INFOBULLE -->
               
 <div class="group_bulle">
  <span class="bouts_groups" style="color: #B27DC4;">Chiroptera</span>
  <div class="in_bulle">
      <p>
        <b>Chiroptera</b>
        <br />
        <img  style="float:left;" alt="Thèmes F.A" title="Thèmes F.A" src="http://nsa22.casimages.com/img/2012/04/15/12041502033535083.png" />
        Les Chiroptera sont les élèves vampires de Poudlard.
        <br />
        <a class="lien_groupe" href="http://volate-ascendere.harrypotterrpg.fr/g8-chiroptera"> Voir le groupe </a>
      </p>
    </div>
  </div>

  <!-- FIN INFOBULLE -->
  <!-- DEBUT INFOBULLE -->
               
 <div class="group_bulle">
  <span class="bouts_groups" style="color: #887E94;"> Poudlard</span>
  <div class="in_bulle">
      <p>
        <b> Poudlard</b>
        <br />
        <img style="float:left;" alt="Themes FA" title="Themes F.A" src="http://img84.imageshack.us/img84/6659/professeurs.png" />   
        Le groupe Poudlard réunit tous les membres faisant partie du personnel de l'école de sorcellerie. Les professeurs, etc...         
        <br />
        <a class="lien_groupe" href="http://volate-ascendere.harrypotterrpg.fr/g13-poudlard"> Voir le groupe </a>
      </p>
    </div>
  </div>

  <!-- FIN INFOBULLE -->
  <!-- DEBUT INFOBULLE -->
               
  <div class="group_bulle2">
  <span class="bouts_groups" style="color: #B8924F;"> Sorciers </span>
  <div class="in_bulle">
      <p>
        <b> Sorciers </b>
        <br />
        <img  style="float:left;" alt="Thèmes F.A" title="Thèmes F.A" src="http://img268.imageshack.us/img268/8894/autresorciers.png" />
Les sorciers sont les membres qui sont par exemple gêrants d'une boutique. Tous ceux qui ne travaillent ni à Poudlard ni au Ministère.

        <br />
        <a class="lien_groupe" href="http://volate-ascendere.harrypotterrpg.fr/g14-sorciers"> Voir le groupe </a>
      </p>
    </div>
  </div>
  <!-- FIN INFOBULLE -->

  <!-- DEBUT INFOBULLE -->
               
               
 <div class="group_bulle2">
  <span class="bouts_groups" style="color: #516B4B;">Ministère</span>
  <div class="in_bulle">
      <p>
        <b>Ministère</b>
        <br />
        <img  style="float:left;" alt="Thèmes F.A" title="Thèmes F.A" src="http://img806.imageshack.us/img806/5061/ministre.png" />
        Le groupe Ministère réunit tous les membres faisant partie du personnel du Ministère de la Magie. Le ministre, les directeurs de départements, les Auror, etc...         
        <br />
        <a class="lien_groupe" href="http://volate-ascendere.harrypotterrpg.fr/g15-ministere"> Voir le groupe </a>
      </p>
    </div>
  </div>


  <!-- FIN INFOBULLE -->

  <!-- DEBUT INFOBULLE -->
               
 <div class="group_bulle2">
  <span class="bouts_groups" style="color: #B8B2B2;"> Créatures </span>
  <div class="in_bulle">
      <p>
        <b> Créatures </b>
        <br />
        <img  style="float:left;" alt="Thèmes F.A" title="Thèmes F.A" src="http://img.podnova.com/icons_pandroid/jpg/big/91/91369.jpg" />
        Les créatures sont entre autres les fantômes, les elfes de maison, les gobelins, etc...
        <br />
        <a class="lien_groupe" href="http://volate-ascendere.harrypotterrpg.fr/g16-creatures"> Voir le groupe </a>
      </p>
    </div>
  </div>
  <!-- FIN INFOBULLE -->
 
  <div style="clear:both;"></div>   
    </td>
  </tr>

 <!-- FIN MODIFICATIONS DES GROUPES -->       

 <!-- DEBUT MODIFICATIONS DU QEEL COTE GAUCHE -->       

  <tr style=" padding:5px;">
    <td class="gauche" style="width: 50%;" valign="middle">
  <!-- TEXTE EN ROTATION DE GAUCHE --> 
   
  <!-- FIN TEXTE EN ROTATION DE GAUCHE -->   
  <div style="clear:both;"></div>   
      <table width="100%" border="0">
        <tr>
          <td >         
                       
  <!-- DEBUT INFOBULLE gauche -->               
  <div class="info_gauche">
    <img class="rotation" style="float:left;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/p510.png" />
  <div class="in_bulle">
      <p>
        {RECORD_USERS}<br />  {LOGGED_IN_USER_LIST}
      </p>
    </div>
  </div>
  <!-- FIN INFOBULLE gauche -->         
         
          </td>
        </tr> 
 
        <tr>
          <td>
         
  <!-- DEBUT INFOBULLE gauche -->               
  <div class="info_gauche">
    <img class="rotation" style="float:left" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/p114.png" />
  <div class="in_bulle">
      <div>
        <table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
      </div>
    </div>
  </div>
  <!-- FIN INFOBULLE gauche -->               
          </td>
        </tr>

        <tr>
          <td>
         
  <!-- DEBUT INFOBULLE gauche -->               
  <div class="info_gauche">
    <img class="rotation" style="float:left;" alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/p314.png" />
  <div class="in_bulle">
      <div>
        <table><td colspan="2" width="320"><div class="gd_cadreqeel" style="OVERFLOW: auto;"><table id="connmembers" border="0" cellspacing="3" cellpadding="0" align="left" style="text-align: justify">{L_CONNECTED_MEMBERS}<script type="text/javascript">document.getElementById('connmembers').innerHTML=document.getElementById('connmembers').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"Registre des sorciers ayant visité Poudlard ces dernières 24 heures :");</script></table></div></td></table>
      </div>
    </div>
  </div>
  <!-- FIN INFOBULLE gauche -->           
          </td>
        </tr>
      </table>
    </td>
 <!-- FIN MODIFICATIONS DU QEEL COTE GAUCHE -->       
    <div class="center_tfa"><span class="texte_rotation_2">Qui étudie<br>à Poudlard ?</span> </div>
 <!-- DEBUT MODIFICATIONS QEEL COTE DROIT -->       

    <td class="droite" style="width: 50%;" valign="middle">
  <!-- TEXTE EN ROTATION DE DROITE --> 
     
  <!-- FIN TEXTE EN ROTATION DE DROITE -->
  <div style="clear:both;"></div>         
      <table width="100%" border="0" valign="middle">
        <tr>
            <td>                       
  <!-- DEBUT INFOBULLE droite -->               
  <div class="info_droite">
    <img class="rotation-d" style="float:right;" alt="Stats" title="Stats"  src="http://i65.servimg.com/u/f65/11/95/30/70/k111.png" />
    <div class="in_bulle">
      <div class="gensmall">    <span class="gensmall" id="a0">{TOTAL_POSTS}.</span><script type="text/javascript">document.getElementById('a0').innerHTML=document.getElementById('a0').innerHTML.replace(/Nos membres ont posté un total de/,"Les sorciers ont envoyé ");</script><script type="text/javascript">document.getElementById('a0').innerHTML=document.getElementById('a0').innerHTML.replace(/messages./,"parchemins.");</script><br /> <span id="a1" class="gensmall">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('a1').innerHTML=document.getElementById('a1').innerHTML.replace(/Nous avons/,"Récemment, nous avons recensé ");</script><script type="text/javascript">document.getElementById('a1').innerHTML=document.getElementById('a1').innerHTML.replace(/membres enregistrés/,"sorciers sur Aragna Exumeï.");</script><script type="text/javascript">document.getElementById('a1').innerHTML=document.getElementById('a1').innerHTML.replace(/membre enregistré/,"sorcier sur Aragna Exumeï.");</script><br /></div>
    </div>
  </div>
  <!-- FIN INFOBULLE droite -->           
            </td>
        </tr>

        <tr>
            <td>
  <!-- DEBUT INFOBULLE droite -->               
  <div class="info_droite">
    <img class="rotation-d" style="float:right;" alt="dernier inscrit" src="http://i65.servimg.com/u/f65/11/95/30/70/p216.png" title="dernier inscrit" />
    <div class="in_bulle">
      <div class="gensmall"> <span id="a2" class="gensmall">{NEWEST_USER}.</span><script type="text/javascript">document.getElementById('a2').innerHTML=document.getElementById('a2').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier à être entré à Poudlard s'appelle ");</script></span></div>
    </div>
  </div>
  <!-- FIN INFOBULLE droite -->           
          </td>
        </tr>
           
        <tr>
          <td>
  <!-- DEBUT INFOBULLE droite -->               
  <div class="info_droite">
    <img  class="rotation-d" style="float:right;" alt="utilisateurs en ligne" src="http://i65.servimg.com/u/f65/11/95/30/70/v10.png" title="utilisateur en lignes" />
  <div class="in_bulle">
      <div class="gensmall"><span id="b2" class="gensmall">{TOTAL_USERS_ONLINE}</span><br>
<script type="text/javascript">document.getElementById('b2').innerHTML=document.getElementById('b2').innerHTML.replace(/utilisateur en ligne/,"personne en ligne");</script><script type="text/javascript">document.getElementById('b2').innerHTML=document.getElementById('b2').innerHTML.replace(/utilisateurs en ligne/,"personnes en ligne");</script>
<script type="text/javascript">document.getElementById('b2').innerHTML=document.getElementById('b2').innerHTML.replace(/Enregistré/,"sorcier");</script><script type="text/javascript">document.getElementById('b2').innerHTML=document.getElementById('b2').innerHTML.replace(/Enregistrés/,"sorciers");</script>
<script type="text/javascript">document.getElementById('b2').innerHTML=document.getElementById('b2').innerHTML.replace(/Invisible et/,"fantôme et");</script><script type="text/javascript">document.getElementById('b2').innerHTML=document.getElementById('b2').innerHTML.replace(/Invisibles et/,"fantômes et");</script>
<script type="text/javascript">document.getElementById('b2').innerHTML=document.getElementById('b2').innerHTML.replace(/Invité/,"moldu");</script><script type="text/javascript">document.getElementById('b2').innerHTML=document.getElementById('b2').innerHTML.replace(/Invités/,"moldus");</script></div>
    </div>
  </div>
  <!-- FIN INFOBULLE droite -->             
        </td>
      </tr>
    </table>
  </td>
  </tr>
 <!-- FIN MODIFICATIONS QEEL COTE DROIT -->

Merci à celui où celle qui pourra m'aider. Smile


Dernière édition par Gwelallyn le Dim 22 Avr 2012 - 19:50, édité 1 fois

Invité
Invité


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

Résolu Re: Problème de couleurs avec mon QEEL

Message par Invité le Ven 20 Avr 2012 - 13:53

Personne pour m'aider ? :'(

Invité
Invité


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

Résolu Re: Problème de couleurs avec mon QEEL

Message par Invité le Sam 21 Avr 2012 - 17:25

Toujours personne ? Sad

Invité
Invité


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

Résolu Re: Problème de couleurs avec mon QEEL

Message par Invité le Dim 22 Avr 2012 - 17:53

Pitiééé aidez moi. :'(

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de couleurs avec mon QEEL

Message par Kaktus le Dim 22 Avr 2012 - 19:23

Bonsoir,

J'ai regardé rapidement sans tester, mais j'ai l'impression que c'est parce qu'il y a une image de fond. J'ai donc tout changé par un background-color: white; modifiable à votre guise.
Code:
/* ------------ QEEL INFOBULLE TFA -------------- */

/* TABLE PRINCIPALE */
#tout_qeel_TFA{
width: 100%;
background: url(http://59.imagebam.com/download/HBii_3rV8PyYiBO4gX4P-g/18571/185707589/qeel.png) no-repeat top center;
}
/* INFOBULLE DES GROUPES DU HAUT ET BAS SI PRESENTS */

.group_bulle{
position: relative;
float: left;
margin: 2px 0;
padding: 0;
}
.group_bulle2 {
  position: relative;
float: left;
margin: 2px 0;
padding: 0;
}
/* STYLE BOUTON GROUPE */
.bouts_groups{
font : 11px Arial;
text-align : center;
padding: 3px;
margin: 0px 1px;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: white;
border: 2px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border:2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* STYLE BOUTON GROUPE BAS */
.group_bulle2 .bouts_groups{
font : 11px Arial;
text-align : center;
padding: 3px;
margin: 0px 1px;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: white;
border: 2px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border:2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* PARTIE MASQUEE DE L’INFOBULLE */

.in_bulle {
display: none;
margin: 0;
padding: 0;
}

/* INFOBULLES AU SURVOL */

.in_bulle:hover {
background: none;
z-index: 999;
}

/* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

.group_bulle:hover .in_bulle, .group_bulle2:hover .in_bulle{
position: absolute;
z-index: 999;
width:200px;
display: block;
margin: 0;
top: 10px;
left: 45px;
padding: 2px;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: white;;
border: 2px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border: 2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* PARAGRAPHE DE L'INFOBULLE */

.in_bulle p{
width:95%;
margin: 0 auto;
padding: 0;
font: 10px Arial;
text-align: left;
color: #FFF;
margin-top: 5px;
}

/* LIEN DANS L'INFOBULLE */

a.lien_groupe{
font: 12px Arial;
text-align: right;
color: #CC0000;
margin-top: 5px;
}

/* ROTATION DES BOUTONS AU SURVOL */

.rotation:hover{
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
}

/* PARTIE DE GAUCHE */
.gauche{
border:1px solid #BC868A;
padding: 3px;
-moz-border-radius: 20px 0px 0px 20px ;
-webkit-border-radius: 20px 0px 0px 20px ;
border-radius:20px 0px 0px 20px ;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
border: 4px solid rgba(255,185,15, 0.2) !important; /* Firefox et autres compatibles */
border: 4px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* INFOBULLE DE GAUCHE */

.info_gauche{
position: relative;
margin: 0;
padding: 0;
}

/* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

.info_gauche:hover .in_bulle{
position: absolute;
z-index: 999;
width:300px;
display: block;
margin: 0;
top: 10px;
left: 25px;
padding: 2px;
-moz-border-radius: 3px 7px 3px 7px ;
-webkit-border-radius: 3px 7px 3px 7px ;
border-radius:3px 7px 3px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: white;
border: 2px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border: 2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* INFOBULLE DE DROITE */

.info_droite{
position: relative;
margin: 0;
padding: 0;
}

/* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

.info_droite:hover .in_bulle{
position: absolute;
z-index: 999;
width:300px;
display: block;
margin: 0;
top: 10px;
right: 25px;
padding: 2px;
-moz-border-radius: 3px 7px 3px 7px ;
-webkit-border-radius: 3px 7px 3px 7px ;
border-radius:3px 7px 3px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: white;
border: 2px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border: 2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}
.rotation-d:hover{
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
}

/* PARTIE DE DROITE */

.droite{
border:1px solid #BC868A;
padding: 3px;
-moz-border-radius: 0px 20px 20px 0px ;
-webkit-border-radius: 0px 20px 20px 0px ;
border-radius:0px 20px 20px 0px ;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
border: 4px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
border:4px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* TEXTE EN ROTATION DE GAUCHE */

.center_tfa{
position:relative;
top: 0;
right:0;
margin: 0;
padding: 0;
}

.texte_rotation{
position:absolute;
top: 30px;
right: 140px;
padding: 3px;
color: #dbff8d;
border:1px solid #BC868A;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
text-shadow: 0px 0px 3px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=2);
zoom: 1;
-moz-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
background-color: white;
border: 2px solid rgba(255,185,15, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}
/* TEXTE EN ROTATION DE GAUCHE AU SURVOL */
.texte_rotation:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
text-shadow: 0px 0px 3px #cc0000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#cc0000', Direction=140, Strength=2);
zoom: 1;
}

/* TEXTE EN ROTATION DE DROITE */


.texte_rotation_2{
position: absolute;
top: 60px;
left: 370px;
padding: 3px;
color: #dbff8d;
border:1px solid #BC868A;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
text-shadow: 0px 0px 3px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=2);
zoom: 1;
-moz-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
background-color: white; 
border: 2px solid rgba(255,185,15, 0.2) !important; /* Bordure transparente pour Firefox et autres compatibles */
border: 2px solid #BC868A; /* Pour tous les navigateurs à la traine */
}

/* TEXTE EN ROTATION DE DROITE AU SURVOL */
.texte_rotation_2:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
text-shadow: 0px 0px 3px #cc0000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#cc0000', Direction=140, Strength=2);
zoom: 1;
}

Kaktus.

Kaktus
***

Féminin
Messages : 160
Inscrit(e) le : 12/12/2010

http://capharnaum.forumactif.fr/
Kaktus a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de couleurs avec mon QEEL

Message par Invité le Dim 22 Avr 2012 - 19:50

C'est parfait Smile Je vous remercie Smile

Invité
Invité


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

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum