image de fond indésirable sur le QEEL

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

Résolu image de fond indésirable sur le QEEL

Message par UsagiloveMamoru le Dim 22 Jan 2012 - 18:37

Bonjour à tous !

Bon je suis en train de travailler sur un QEEL sur mon forum de test. Mais j'ai une image qui apparait à droite au niveau de "Membres connectés au cours des 24 dernières heures" J'avais déjà eue le tour dans une ancienne version, donc j'ai refait la même chose au niveau du CSS mais ça ne change rien Sad
Quelqu'un pourrais me dire ce qui ne va pas ? Merci ^^
Spoiler:


Voilà le CSS du QEEL
Code:
/* QEEL */
.qeel {
border-radius: 14px 14px 14px 14px ;
border-bottom: 8px #c4c3c3 solid;
border-top: 6px #c4c3c3 solid;
border-right: 4px #b87849 solid;
border-left: 4px #b87849 solid;}
.qeelgauche {
padding-left : 45px;
padding-top : 135px;
text-align : justify;
width : 252px;}

.texteqeelgauche {
width : 250px;
}
.qeeldroite {
padding-left : 188px;
padding-top : 0px;
width : 320px;
background-image : none ! important;
}
.scrollgauche {
height : 146px;
overflow : auto;
padding-right : 4px;
text-align : justify;
width : 282px;
}
.scrolldroite {
height : 300px;
overflow : auto;
padding-right : 4px;
text-align : justify;
width : 180px;
text-shadow : #FFFFFF 1px 1px 1px;
}
/* Fin QEEL */

le template (au cas ou)
Code:
<!-- PARTIE QUI EST EN LIGNE MODIFIEE -->

    <!-- BEGIN disable_viewonline -->
 <center> <table border="0" width="100%" class="qeel_start" cellpadding="1" style="background-image:url('http://hitskin.com/themes/15/17/04/i_logo.png'); background-repeat:no-repeat;">
<br><br></center>
 <tr>
<td width="100%" colspan="2" align="center" valign="center" class="fondgroupes">
                            <span class="groupes"><a href="http://worldconflict.forum-canada.com/g8-kage-no-hitobito"><font color="Red">Kage no Hitobito</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g9-dechu"><font color="#FF9626">Déchus</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g4-hanyo"><font color="#FFC71F">Hanyô</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g5-humain"><font color="#9FDE18">Humains</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g10-mononoke"><font color="#5C98FF">Mononoke</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g6-reincarnation"><font color="#1F32FF">Réincarnations</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g7-youkai"><font color="#A12EFF">Youkai</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png">
                <br>
<table style="width:800px; height:432px;
background-image: url('http://img4.imageshack.us/img4/5170/qeeltest.png');">
<tbody><tr><td class="qeelgauche" valign="top">
<div class="texteqeelgauche"><span class="gensmall"><br>
<font color="black">{TOTAL_USERS_ONLINE}</font><br>
<font color="black">{NEWEST_USER}<br><script type="text/javascript">document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le petit nouveau a nous avoir rejoint est");</script><br>
<font color="black">{LOGGED_IN_USER_LIST}</font></span></span><br> </span><br><script type="text/javascript">document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Les membres  parcourant actuellement W.C");</script>
<br><br></td><td style="vertical-align: top; " width="285"> <table border="0" cellspacing="15" cellpadding="4" align="center" style="text-align: justify; margin-top:115px; margin-right:10px;" width="285 px"><tr><td class="row1"><span class="gensmall"><font color="black">{L_CONNECTED_MEMBERS}</font> <script type="text/javascript">
 document.getElementById('connmembers').innerHTML=document.getElementById('connmembers').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"Les voyageurs qui se sont fait remarqué dans les dernières 24 heures :"); </script></td></tr></table></td></tr></tbody></table>   
             

         
                    <!--close div id="page-body" -->
                  </td>
                  </tr> <!-- BEGIN switch_chatbox_activate -->
                  <tr>
                      <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
                        <span class="gensmall">Utilisateurs connectés sur la Chatbox: {CHATTERS_LIST}
             
                            <!-- 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>
                <br>
                <!-- END switch_legend -->

Edit : ah oui mon image est censé être comme ça a la base :
Spoiler:


Dernière édition par UsagiloveMamoru le Dim 22 Jan 2012 - 21:26, édité 1 fois

UsagiloveMamoru
***

Féminin
Messages : 125
Inscrit(e) le : 07/04/2008

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

Résolu Re: image de fond indésirable sur le QEEL

Message par Invité le Dim 22 Jan 2012 - 18:55

Bonjour,

Remplacez:
Code:
{L_CONNECTED_MEMBERS}
par:
Code:
<table id="connmembers">{L_CONNECTED_MEMBERS}</table>
Et ajoutez à votre CSS:
Code:
#connmembers .row1{background-color: transparent;}

Cordialement.

Invité
Invité


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

Résolu Re: image de fond indésirable sur le QEEL

Message par UsagiloveMamoru le Dim 22 Jan 2012 - 18:59

Bonjour,
Je viens d'essayer mais ça ne fonctionne pas Sad

UsagiloveMamoru
***

Féminin
Messages : 125
Inscrit(e) le : 07/04/2008

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

Résolu Re: image de fond indésirable sur le QEEL

Message par Invité le Dim 22 Jan 2012 - 19:09

Vous avez aussi une class row1 un peu avant essayez de la retirer:
<td class="row1"><span class="gensmall"><font color="black"><table id="connmembers">{L_CONNECTED_MEMBERS}</table>

Cordialement.

Invité
Invité


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

Résolu Re: image de fond indésirable sur le QEEL

Message par UsagiloveMamoru le Dim 22 Jan 2012 - 20:26

J'ai essayé en enlevant entièrement
Code:
<td class="row1">
et ça mets ma phrase "Les voyageurs qui se sont fait remarqué dans les dernières 24 heures "sur une ligne et ça n'enlève pas l'image de fond. Si je le remplace uniquement par
Code:
<td>
l'image reste toujours là aussi.

Est-ce que vous voulez le CSS en entier ?

UsagiloveMamoru
***

Féminin
Messages : 125
Inscrit(e) le : 07/04/2008

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

Résolu Re: image de fond indésirable sur le QEEL

Message par Invité le Dim 22 Jan 2012 - 20:57

scratch

Sur mon forum test, je n'ai pas de soucis, comment le voyez-vous sur mon forum test ?

La partie modifiée du template est celle-ci j'ai essayé d'enlever tout le rouge vif Wink :
Code:
    <!-- BEGIN disable_viewonline -->
 <center> <table border="0" width="100%" class="qeel_start" cellpadding="1" style="background-image:url('http://hitskin.com/themes/15/17/04/i_logo.png'); background-repeat:no-repeat;">
 <tr>
<td width="100%" colspan="2" align="center" valign="center" class="fondgroupes">
         <span class="groupes"><a href="http://worldconflict.forum-canada.com/g8-kage-no-hitobito"><font color="Red">Kage no Hitobito</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png" />
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g9-dechu"><font color="#FF9626">Déchus</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png" />
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g4-hanyo"><font color="#FFC71F">Hanyô</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png" />
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g5-humain"><font color="#9FDE18">Humains</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png" />
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g10-mononoke"><font color="#5C98FF">Mononoke</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png" />
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g6-reincarnation"><font color="#1F32FF">Réincarnations</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png" />
                        <span class="groupes"><a href="http://worldconflict.forum-canada.com/g7-youkai"><font color="#A12EFF">Youkai</font></a></span><img src="http://img4.hostingpics.net/pics/867910espacecopie.png" />
                <br />
<table style="width:800px; height:432px;background-image: url('http://img4.imageshack.us/img4/5170/qeeltest.png');">
<tbody>
  <tr>
    <td class="qeelgauche" valign="top">
<div class="texteqeelgauche"><span class="gensmall"><br />
<font color="black">{TOTAL_USERS_ONLINE}</font><br />
  <span id="newuser"><font color="black">{NEWEST_USER}<br /></font></span><script type="text/javascript">document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le petit nouveau a nous avoir rejoint est");</script><br />
<span id="connecteduser"><font color="black">{LOGGED_IN_USER_LIST}</font></span><script type="text/javascript">document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Les membres  parcourant actuellement W.C");</script>
  <br /><br /><br /><br /></span></div></td>
  <td style="vertical-align: top; " width="285">
   <table border="0" cellspacing="15" cellpadding="4" align="center" style="text-align: justify; margin-top:115px; margin-right:10px;" width="285 px">
   <tr>
   <td>
   <span class="gensmall"><font color="black"><table id="connmembers">{L_CONNECTED_MEMBERS}</table></font></span>
      <script type="text/javascript">document.getElementById('connmembers').innerHTML=document.getElementById('connmembers').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"Les voyageurs qui se sont fait remarqué dans les dernières 24 heures :"); </script>
 </td></tr></table>
 </td></tr></tbody></table> 
           
 
       
             
                  </td>
                  </tr>
              <!-- BEGIN switch_chatbox_activate -->
                  <tr>
                      <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
                        <span class="gensmall">Utilisateurs connectés sur la Chatbox: {CHATTERS_LIST}
           
                            <!-- 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></center>
                <!-- 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>
                <br>
                <!-- END switch_legend -->
Et j'ai ceci dans la feuille CSS:
Code:
#connmembers .row1{background-color: transparent;}

/* QEEL */
.qeel {
border-radius: 14px 14px 14px 14px ;
border-bottom: 8px #c4c3c3 solid;
border-top: 6px #c4c3c3 solid;
border-right: 4px #b87849 solid;
border-left: 4px #b87849 solid;}
.qeelgauche {
padding-left : 45px;
padding-top : 135px;
text-align : justify;
width : 252px;}
 
.texteqeelgauche {
width : 250px;
}
.qeeldroite {
padding-left : 188px;
padding-top : 0px;
width : 320px;
background-image : none ! important;
}
.scrollgauche {
height : 146px;
overflow : auto;
padding-right : 4px;
text-align : justify;
width : 282px;
}
.scrolldroite {
height : 300px;
overflow : auto;
padding-right : 4px;
text-align : justify;
width : 180px;
text-shadow : #FFFFFF 1px 1px 1px;
}
/* Fin QEEL */

Cordialement.

Invité
Invité


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

Résolu Re: image de fond indésirable sur le QEEL

Message par UsagiloveMamoru le Dim 22 Jan 2012 - 21:06

Sur le votre je le vois sans bug, mais lorsque je mets vos code sur mon forum de test, rien ne change. Je dois avoir quelque chose qui bug ailleurs Sad

voici mon css en entier
Code:
    .onglet{-moz-border-radius:11px;
  background-color:#f3f3f3;
  border-left:2px solid #ececec;
  border-right:2px solid #ececec;
  cursor:pointer;display:inline-block;
  margin:5px;padding:3px;width:150px}

        /* fond sous forme de couleur */
        /* ex : background : red; */
        /* ONGLETS POUR LA PAGE D'ACCUEIL */
        /* CSS FORUM DE TEST */
        /* ONGLETS POUR LA PAGE D'ACCUEIL */

        .forumline{border:1px #455E4E dashed}
        .forumline{-moz-border-radius:8px;-webkit-border-radius:10 px;
        -border-radius:10 px;
        -khtml-border-radius:10 px;}
        a:hover{text-transform:uppercase}
.forumlink
{color:#45A9BF;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  text-shadow:#fff 0 1px 1px}
a.forumlink{
  background-image:url(http://hitskin.com/themes/17/85/16/i_background.png);
  border-bottom:5px double #d3c8c6;
  display:block;
  font-weight:lighter;
  text-align:center;
  text-shadow:#fff 0 1px 1px}
a.forumlink:hover
{text-shadow:#fff 0 1px 1px}
.post .name
{text-shadow:#fff 1px 1px 1px}
.gensmall
{text-shadow:#fff 1px 1px 1px}
.montablo2
{-moz-border-radius:8px;
  -webkit-border-radius:8px;
  background-color:#01413e;
  border-radius:8px;height:100px;
  padding:10px px;width:200px}

li,ul{list-style:none}
.mon_onglet{-moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  background:#01413e;border:1px solid #000;
  border-top-left-radius:8px;border-top-right-radius:8px;
  cursor:pointer;float:left;margin-bottom:-1px;margin-right:5px;
  padding:2px 10px}
.mon_onglet:hover{-moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;-webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  background:#01413e;
  border-top-left-radius:8px;
  border-top-right-radius:8px}
.mon_onglet_selected
{-moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;-webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  background:#000;
  border-bottom:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-top:1px solid #0000000;
  border-top-left-radius:8px;border-top-right-radius:8px;
  cursor:pointer;float:left;
  margin-bottom:-1px;
  margin-right:5px;
  padding:2px 10px}
.clear
{clear:both}
.mon_contenu
{-moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  arrièreplandugrosongletborder:2px solid #64dbbe;
  background:#732626;
  border-top-left-radius:8px;
  border-top-right-radius:8px;padding:2px}
#mes_contenus,#mes_onglets{width:100%}
.cadre{-moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  background-color:#E6CEBB;
  border:1px solid #7D6654;
  padding:5px;
  text-align:justify;
  width:autopx}
a:hover
{color:#A9CC3F;
  cursor:crosshair;
  font-style:none;
  letter-spacing:1px;
  text-decoration:none!important;
  text-transform:capitalize}
body{background-attachment:fixed;
  background-image:url('http://img703.imageshack.us/img703/2523/sansre6ik.png');
  background-position:center;
  background-repeat:repeat;
  cursor:crosshair;
  margin-bottom:0;
  margin-left:0;
  margin-top:0;
  text-align:justify}
a{text-decoration:none!important;
  text-shadow:#000 0 1px 1px}
a.mainmenu{background-image:url(http://hitskin.com/themes/17/85/16/i_background.png);
  border-left:3px solid #d0d5db;
  color:#d3c8c6;
  font-family:Times new Roman;
  font-size:11px;
  margin:-6px;
  padding:2px;
  text-transform:uppercase}
        /* cadres des forums */
        .postbody{background-image:url(http://hitskin.com/themes/17/85/16/i_background.png);
  background-position:center;
  background-repeat:no-repeat}td.row1{background-image:url(http://hitskin.com/themes/17/85/16/i_background.png)}
td.row2{background-image:url(http://hitskin.com/themes/17/85/16/i_background.png)}
td.row3{background-image:url(http://hitskin.com/themes/17/85/16/i_background.png)}
td.row3Right{background:url(http://hitskin.com/themes/17/85/16/i_background.png);
  border-style:none}
a.forumlink:link,a.forumlink:visited
{-moz-border-radius:10px;
  border-bottom:5px solid;
  color:#d3c8c6;
  display:block;
  font-family:serif;
  font-size:100%;
  letter-spacing:4px;
  text-align:center;
  text-transform:uppercase}
a.forumlink:hover,a.forumlink:hover:visited{-moz-border-radius:10px;
  background-image:url('http://img231.imageshack.us/img231/6786/revisit.png');
  border-bottom:5px solid #d0d5db;
  display:block;
  text-align:center}
.infoss{background-image:url('http://hitskin.com/themes/17/85/16/i_background.png');
  padding:3px;text-align:center}
.newsbloc{background-image:url('http://hitskin.com/themes/17/85/16/i_background.png');
  height:210px;margin-left:7px;overflow:auto;padding:3px;width:360px}
.titlenews{background-image:url('http://hitskin.com/themes/17/85/16/i_background.png');
  color:#74c2c9;
  display:block;
  font-family:Times New Roman;
  font-size:12px;overflow:auto;
  padding:2px;text-align:center;
  text-transform:uppercase;vertical-align:top}
.newsmssg{background-image:url(http://hitskin.com/themes/17/85/16/i_background.png);
  border:2px solid #ececec;height:220px;padding:5px}
.TOPW{background-image:url(http://hitskin.com/themes/17/85/16/i_background.png);
  border:1px solid #d7d7d7;
  cursor:help;margin:2px;
  padding:3px}
.TOPW:hover{border:1px solid #eaeaea}
.partd{background-image:url(http://hitskin.com/themes/17/85/16/i_background.png);
  border:1px solid #d7d7d7;
  cursor:help;
  margin:2px;
  padding:2px}
.partd:hover{border:1px solid #eaeaea}
.a1{background-color:#dcdcdc;
  color:#FFF;
  display:block;
  font-family:Courier New;
  font-size:12px;
  letter-spacing:1px;
  margin:6px 6px -10px;
  padding:3px;
  text-align:center;
  text-shadow:#cacaca 1px 1px 0;
  text-transform:uppercase}
.cont2{background-color:#f8f8f9;
  border:2px solid #dcdcdc;
  margin:6px;padding:3px}
.perso{font-family:Courier New;
  font-size:14px;
  padding-top:6px;
  text-transform:uppercase}
.ligne_horizontal{border-bottom:6px dotted #d4dbde}
.liennav{text-shadow:#e1e1e1 1px 1px 0}
.liennav:hover{font-style:italic}
.arrierelien{background-color:#FFF;
  font-family:Times New Roman;
  font-size:17px;
  margin:-6px -11px 4px;
  text-transform:uppercase}
.TOPD2{background-color:#FFF;
  border:1px solid #d7d7d7;
  cursor:help;margin:1px 2px 3px;
  padding:2px}
.TOPD2:hover{border:1px solid #EAEAEA}
.textnews{color:#3ab5cf;
  font-family:Times New Roman;
  text-transform:uppercase}
.parts{background-color:#FFF;
  border:1px solid #ebeaea;
  color:#a1acad;
  height:145px;
  padding:5px;
  width:316px}
.cdc{background-color:#FFF;
  border:1px solid #ebeaea;
  color:#a1acad;
  height:90px;overflow:auto;padding:5px;width:316px}
.guidelim{background-color:#FFF;
  border:1px solid #ebeaea;
  color:#a1acad;height:145px;
  margin-left:10px;padding:5px;width:125px}
.guidelim2{background-color:#FFF;
  border:1px solid #ebeaea;
  color:#a1acad;
  height:145px;
  margin-left:10px;
  overflow:auto;
  padding:5px;
  width:200px}
.news{background-color:#FFF;
  border:1px solid #ebeaea;
  color:#a1acad;
  height:110px;
  margin:2px;
  overflow:auto;
  padding:5px;
  width:330px}
.TitlePA{color:#81a6c9;
  font-family:Times New Roman;
  font-size:14px;
  letter-spacing:-1px;
  margin-bottom:-5px;
  margin-top:-3px;
  padding-left:30px;
  text-align:left;
  text-shadow:1px 1px 0 #FFF;
  text-transform:uppercase}
.TitlePA2{color:#81a6c9;
  font-family:Times New Roman;
  font-size:14px;
  letter-spacing:-1px;
  margin-bottom:-5px;
  padding-left:30px;
  text-align:left;
  text-shadow:1px 1px 0 #FFF;
  text-transform:uppercase}
.Titledeco{color:#86aebe}
.ligne_verticale{border-left:2px solid #FFF;
  height:285px;
  width:5px}
.ligne_verticale2{border-left:2px solid #FFF;
  height:200px;
  margin:5px;
  width:5px}
.ligne_verticale3{border-left:2px solid #FFF;
  height:170px;
  margin:5px;
  width:5px}
.ligne_verticale4{border-left:2px solid #edf0f2;
  height:170px;
  margin:5px;
  width:5px}
.stats{background-color:#FFF;
  border:1px solid #ebeaea;
  color:#a1acad;
  margin:2px;
  padding:5px;
  width:385px}
.pagedaccueil{height:305px}
a.cattitle{color:#d7d7d7;
  font-family:Arial;
  font-size:11px;
  font-weight:700;
  padding-left:330px;
  text-decoration:none;
  text-transform:uppercase}
a.nav{color:#45A9BF;
  text-decoration:none}
a.topictitle:visited{color:#595959;
  text-decoration:none}
a.topictitle:hover{color:#A4B03A;
  text-decoration:none}
a.postlink{color:#45A9BF;
  text-decoration:none}
a.postlink:hover{color:#A4B03A;
  text-decoration:none}
a.gen:hover,a.genmed:hover,a.gensmall:hover{text-decoration:none}
a.copyright:hover{color:#A4B03A;text-decoration:none}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:active{text-decoration:none}
.ongletdeco{margin:3px}
.ongletdeco:hover{margin:3px}
.onglet_0{-moz-border-radius:11px;
  background-color:#f3f3f3;
  border-left:2px solid #ececec;
  border-right:2px solid #ececec;
  margin:5px;padding:3px}
.onglet_1{-moz-border-radius:11px;
  background-color:#f3f3f3;
  border-left:2px solid #e7eec9;
  border-right:2px solid #e7eec9;
  margin:5px;padding:3px}
.contenu_onglet{color:#c7c7c7;
  display:none;
  font-size:11px}.bulle{-moz-border-radius:7px 15px;
  background-image:url(http://nsa17.casimages.com/img/2010/08/08/100808051832433832.png);
  border:3px solid #fdd8dc;padding:5px}.par{-moz-border-radius:7px 15px;
  -moz-border-radius-topright:17px 4px 17px 4px;background-image:url(http://nsa17.casimages.com/img/2010/08/08/100808051832433832.png);border:3px solid #fdd8dc;padding:5px}.Titlefow{background-color:#fff;color:#6ca1ba;display:block;font-family:Times New Roman;font-size:14px;letter-spacing:-1px;line-height:4px;margin-top:13px;padding-left:26px;text-align:left;text-transform:uppercase;vertical-align:top}.soustitre{color:#bfbfbf;font-family:Courier new;padding-bottom:15px;padding-left:38px}.contforum{background-image:url(http://hitskin.com/themes/17/85/16/i_background.png);padding:5px}.Titlefow2{background-color:#eee;border:2px solid #FFF;color:#c3c3c3;display:block;font-family:Times New Roman;font-size:12px;margin-top:8px;text-align:center;text-transform:uppercase;vertical-align:top}.tutoriels{background-color:#fff;padding:5px}.Titlefow3{background-color:#eee;border:2px solid #FFF;color:#c3c3c3;display:block;font-family:Times New Roman;font-size:12px;text-align:center;text-transform:uppercase;vertical-align:top}.deco{-moz-box-shadow:#ebebeb 0 0 3px;background-image:url(http://hitskin.com/themes/17/85/16/i_background.png);font-size:11px;height:60px;margin:2px;padding:2px;width:480px}.entoure{height:97px;margin:-12px 3px -32px;padding-left:-5px;padding-top:3px}.lastmssgs{-moz-box-shadow:#ebebeb 0 0 3px;background-image:url(http://hitskin.com/themes/17/85/16/i_background.png);font-size:11px;height:60px;margin-left:4px;margin-right:4px;padding:2px;width:155px}.vignettes{color:#848484;font-family:Arial;font-size:11px;padding:2px}.vignettes:hover{color:#8dbe0a;font-weight:700}.imgfow{-moz-border-radius:2px;margin:2px;padding-left:-10px;padding-top:2px}.imgfow:hover{background-color:#FFF}.art{color:#9c9c9c;cursor:help;font-family:Times New Roman;font-size:14px;font-weight:400;letter-spacing:-1px;margin-bottom:-19px;margin-left:20px;margin-right:20px;padding-left:75px;text-transform:uppercase}.art:hover{color:#57b3cd}a.mainmenu:hover{color:#FFF;text-shadow:#b6c28c 0 0 3px;text-transform:uppercase}.arrierenav{background-color:#FFF;border-bottom:3px double #FFF;margin:-6px -10px 11px;padding-bottom:2px}.code div{width:400px!important}#i_logo{margin:-10px}.bodyline{-moz-box-shadow:#bebebe 0 0 5px;background-color:#FFF;border:none;margin-bottom:-15px;margin-top:-15px}.opacity img{-moz-opacity:.7;filter:alpha(opacity=70);opacity:.7}.opacity img:hover{-moz-opacity:1;filter:alpha(opacity=100);opacity:1}.TOP{padding:3px}.TOPD{background-color:#FFF;border:1px solid #d7d7d7;cursor:help;margin:3px 6px;padding:3px}.TOPD:hover{border:1px solid #eaeaea}a.imginfo{color:#5e5050;position:relative;text-decoration:none}a.imginfo span{display:none}a.imginfo:hover{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent none repeat scroll 0 0;cursor:help;cursor:help;cursor:help;z-index:999}a.imginfo:hover span{-moz-border-radius:21px;background:#fff none repeat scroll 0 0;background-image:url(http://shizoo-design.de/stuff/patterns/27.gif);border:3px solid #f1f5ba;border-right:7px solid #f1f5ba;display:inline;left:25px;padding:3px;position:absolute;top:15px;white-space:nowrap}.spoiler_content{background-color:#FFF;border:1px solid #FFF;color:#b4b8be;display:block}.hidden .spoiler_content{display:none}.name{font-size:13px;letter-spacing:0,5px;text-transform:uppercase}ul{margin-bottom:0;margin-left:-10px;margin-top:0}.txt{color:#bdd10b;font-family:Script MT Bold;font-size:22px;text-shadow:#f4ff8c 1px 1px 2px}.txt:hover{color:#ff8c00;text-shadow:#ffc782 1px 1px 2px}h1{margin:0;padding:0}.bodylinewidth{width:50%}a img{border:none}tr.post td{padding-left:2px;padding-right:5px}.postbody{text-align:justify}.textarea.post,input.post,textarea{background-color:#FFF;border-left:6px solid #ececec;font-size:12px;padding:3px}#text_editor_textarea{background-color:#FFF;border:none;border-left:6px solid #ececec;font-size:12px;padding:5px}input,select,textarea{-moz-border-radius:5px;background-color:#FFF;border:1px dotted teal;border-left:6px solid #ececec;margin:4px;padding:2px 2px 2px 4px}input.liteoption{-moz-border-radius:8px;background-color:#FFF;border:none;border-bottom:1px solid #ebebeb;border-left:3px double #d8d8d8;border-right:3px double #d8d8d8;margin:4px;padding:2px}input.mainoption{-moz-border-radius:8px;background-color:#FFF;border:none;border-bottom:1px solid #ebebeb;border-left:3px double #d8d8d8;border-right:3px double #d8d8d8;margin:4px;padding:2px}.present{color:#73abab;font-size:15px;text-shadow:#e2eaea 1px 1px 1px}.infobulle{position:relative;z-index:0}.infobulle:hover{background-color:transparent;z-index:50}.infobulle span{background-color:#FFF;left:-1000px;padding:1px;position:absolute;visibility:hidden}.infobulle span img{border:2px;padding:1px}.infobulle:hover span{border:2px solid #d8d8d8;color:#c3c3c3;font-size:11px;font-weight:400;left:-6px;letter-spacing:0;padding:3px;text-transform:none;top:11px;visibility:visible;width:115px}I{color:#a6c92d}u{border-bottom:2px solid #e6e6e6;text-decoration:none}.fade{-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f2f2, endColorstr=#00f2f2f2, GradientType=1)";background:-moz-linear-gradient(left,rgb(242,242,242) 0%, rgba(242,242,242,0) 100%);background-image:-webkit-gradient(linear,lefttop,righttop,color-stop(0.00,rgb(242,242,242)), color-stop(1.00,rgba(242,242,242,0)));display:inline-block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f2f2,endColorstr=#00f2f2f2,GradientType=1)}.blur{-ms-filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2);color:#ddd;display:inline-block;filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310) progid:DXImageTransform.Microsoft.Blur(pixelradius=2);text-shadow:0 0 6px #aaa}.flipH{-moz-transform:scale(-1,1);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";-o-transform:scale(-1,1);-webkit-transform:scale(-1,1);display:inline-block;filter:progid:DXImageTransform.Microsoft.Matrix(M11=-1,M12=0,M21=0,M22=1,SizingMethod="auto expand");transform:scale(-1,1)}.flipV{-moz-transform:scale(1,-1);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";-o-transform:scale(1,-1);-webkit-transform:scale(1,-1);display:inline-block;filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0,M21=0,M22=-1,SizingMethod="auto expand");transform:scale(1,-1)}
   
   
   
    /* IMAGE DE FOND POUR LA CB */
body.chatbox{background-image:url('http://hitskin.com/themes/17/85/16/i_background.png')}
  .chatbox_row_1{background-image:url('http://hitskin.com/themes/17/85/16/i_background.png')}
  .chatbox_row_2{background-image:url('http://hitskin.com/themes/17/85/16/i_background.png')}
  body.chatbox{background-image:url('http://hitskin.com/themes/17/85/16/i_background.png')}
  .connmembers .row1{background:none!important}
  .fondgroupes{background-image:url();
    background-repeat:no-repeat;
    height:200px;width:100px}
  .forum-sousforum3{-moz-border-radius-bottomleft:14px;
    -moz-border-radius-bottomright:14px;
    -moz-box-shadow:2px 2px 20px #fff;
    -webkit-border-bottom-left-radius:14px;
    -webkit-border-bottom-right-radius:14px;
    -webkit-box-shadow:0 2px 15px #FFF;
    background:#fff;
    border-bottom:3px solid #fff;
    border-bottom-left-radius:14px;
    border-bottom-right-radius:14px;
    border-left:3px solid #FFF;
    color:#1b0d0d;
    font-size:14px;
    margin:auto;opacity:.8;
    padding:4px;
    text-align:justify;
    width:280px}
  .forum-description3
    {border-bottom-left-radius:50px 100px;
    border-bottom-right-radius:50px 100px;
    border-top-left-radius:100px 50px;
    border-top-right-radius:100px 50px;
    color:#FFF;font-size:12px;
    margin-top:22px;
    opacity:.1;
    text-align:justify}

 
  .spoiler
    {background-color:#e6e6e6;
    padding:5px}
  .spoiler:hover
    {background-color:#e6e6e6;
    padding:5px}
  .spoiler_closed
    {background-color:#FFF;
    border:1px solid #FFF;color:#b4b8be}
  .spoiler_closed:hover
    {background-color:#FFF;
    border:1px solid #FFF;
    color:#b4b8be}
  .spoiler_content:hover
    {background-color:#FFF;
    border:1px solid #FFF;
    color:#b4b8be}
  .quote
    {background-color:#ececec;
    border:none;
    border-left:6px solid #dcdcdc;
    color:#a7a7a7;
    font-size:11px;letter-spacing:1px;
    padding:6px;
    width:205px}
  .code{background-color:#ececec;
    border:none;
    border-left:6px solid #dcdcdc;
    color:#a7a7a7;
    font-size:13px;
    margin:3px;
    padding:7px 7px 7px 10px;
    width:200px}
 

/* POUR LE QUI EST EN LIGNE TOUT EN BAS */

        #connmembers .row1{background-color: transparent;}
       
        /* QEEL */
        .qeel {
        border-radius: 14px 14px 14px 14px ;
        border-bottom: 8px #c4c3c3 solid;
        border-top: 6px #c4c3c3 solid;
        border-right: 4px #b87849 solid;
        border-left: 4px #b87849 solid;}
        .qeelgauche {
        padding-left : 45px;
        padding-top : 135px;
        text-align : justify;
        width : 252px;}
       
        .texteqeelgauche {
        width : 250px;
        }
        .qeeldroite {
        padding-left : 188px;
        padding-top : 0px;
        width : 320px;
        background-image : none ! important;
        }
        .scrollgauche {
        height : 146px;
        overflow : auto;
        padding-right : 4px;
        text-align : justify;
        width : 282px;
        }
        .scrolldroite {
        height : 300px;
        overflow : auto;
        padding-right : 4px;
        text-align : justify;
        width : 180px;
        text-shadow : #FFFFFF 1px 1px 1px;
        }
        /* Fin QEEL */






/* SELECTEUR DE COULEUR */
        .colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #898989;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
        }


UsagiloveMamoru
***

Féminin
Messages : 125
Inscrit(e) le : 07/04/2008

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

Résolu Re: image de fond indésirable sur le QEEL

Message par Invité le Dim 22 Jan 2012 - 21:20

Pour ôter le fond essayez ceci:
Code:
#connmembers .row1{
    background-image: none !important;
    background-color: transparent;}
à la place de :
Code:
#connmembers .row1{background-color: transparent;}

Pour les autres soucis, je ne vois vraiment pas ce qui peux poser problème.

Cordialement.

Invité
Invité


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

Résolu Re: image de fond indésirable sur le QEEL

Message par UsagiloveMamoru le Dim 22 Jan 2012 - 21:25

Ahhhhh super ça fonctionne
Merciiiii Very Happy

UsagiloveMamoru
***

Féminin
Messages : 125
Inscrit(e) le : 07/04/2008

UsagiloveMamoru 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