Problème de couleurs avec mon QEEL
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
Problème de couleurs avec mon QEEL
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 :
Merci à celui où celle qui pourra m'aider.
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;
}
- 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.
Dernière édition par Gwelallyn le Dim 22 Avr 2012 - 19:50, édité 1 fois
Invité- Invité
Re: Problème de couleurs avec mon QEEL
Personne pour m'aider ? :'(
Invité- Invité
Re: Problème de couleurs avec mon QEEL
Toujours personne ?
Invité- Invité
Re: Problème de couleurs avec mon QEEL
Pitiééé aidez moi. :'(
Invité- Invité
Re: Problème de couleurs avec mon QEEL
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.
Kaktus.
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.
Re: Problème de couleurs avec mon QEEL
C'est parfait Je vous remercie
Invité- Invité
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