Comment changer le fond de mon QEEL ?

[Géanpub]

Bonsoir , alors voilà j'aimerais savoir comment changer mon fond de mon QEEL ? je voudrais mettre de la couleur a la place de l'image de fond que j'ai : http://zoompubv2.forumpro.fr/forum

merci à vous

[SoraNoHime]

Bonsoir

pouvez-vous me fournir votre template index_body ainsi que la css qui y ai associée ?

Cordialement.

[Géanpub]

Coucou oui bien sur le voici :m


Index body :

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

        <!-- BEGIN disable_viewonline -->
        <table class="" width="100%" border="0" cellspacing="5" cellpadding="0">
          <tr>
              <td colspan="2" height="28" align="center"><div class="cadtqeel">
              <!-- BEGIN switch_viewonline_link -->
              <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
              <!-- END switch_viewonline_link -->
       
              <!-- BEGIN switch_viewonline_nolink -->
              <span class="cattitle">{L_WHO_IS_ONLINE}</span>
              <!-- END switch_viewonline_nolink -->
              </div></td>
          </tr>
        <tr>
              <td colspan="2" align="center"><div class="cadqeelb"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></div></td>
          </tr>
          <tr>
                  <td class="cadqeel" width="50%"><span class="gensmall">{TOTAL_POSTS}<br />
              {TOTAL_USERS}<br />
              {NEWEST_USER}</span><br />
          <span class="gensmall">{TOTAL_USERS_ONLINE}<br />
              {RECORD_USERS}<br />
              <br /></span></td>
            <td  colspan="2" class="cadqeel"><span class="gensmall">{LOGGED_IN_USER_LIST}</span></td>
          </tr>
          <tr><td  colspan="2" width="100%" class="cadqeel"><table  width="100%" class="transp"> {L_CONNECTED_MEMBERS}
        {L_WHOSBIRTHDAY_TODAY}
        {L_WHOSBIRTHDAY_WEEK}</table><br />
       
          <!-- BEGIN switch_chatbox_activate -->
       
                <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
                    <!-- BEGIN switch_chatbox_popup -->
                    <div id="chatbox_popup"></div>
                    <script type="text/javascript">
                    //<![CDATA[
                    insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                    //]]>
                    </script>
                    <!-- END switch_chatbox_popup -->
                </span>
              </td>
          </tr>
          <!-- END switch_chatbox_activate -->
        </table>
        <!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Et CSS :

Code:

body {
background-repeat: no-repeat;
}
.forumline{border:1px dotted #4A1806;
}

a:hover{letter-spacing : 1px; }

.profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
{background-color: #D2DD81;
border: 1px solid #B78295;
font-size: 12px;
letter-spacing: 1px;
-moz-border-radius: 1px 14px 14px 1px ;
border-bottom: 1px #B78295 solid;
border-top: 4px #B78295 solid;
border-right: 1px #B78295 solid;
border-left: 1px #B78295 solid;}
.profil1/*ceci s'appliquera au bouton*/
{width: 160px;
background-color: #D2DD81;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
-moz-border-radius: 1px 14px 14px 1px ;
border-bottom: 4px #B78295 solid;
border-top: 1px #B78295 solid;
border-right: 1px #B78295 solid;
border-left: 1px #B78295 solid;}

a.forumlink {
text-align: center;
text-decoration: none;
background-color: #A0C76A;
border-bottom: 3px double #ffffff;
border-top: 3px double #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
display:block;
}
a.forumlink:hover {
text-align: center;
text-decoration: none;
background-color: #DDE286;
border-bottom: 3px double #ffffff;
border-top: 3px double #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
display:block;
}

.forumline{
background-color: #A0C76A;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 8px #A0C76A solid;
border-top: 1px #A0C76A dotted;
border-right: 1px #A0C76A solid;
border-left: 1px #A0C76A dotted;}

.categorie{
margin: 12px 0px;
border-radius: 15px:
-moz-border-radius: 15px;
-webkit-border-radius: 15px;}

.titrecategorie{
margin-left: 15px;
padding: 3px;
display: block;
width: 150px;
margin-top: -15px;
border-top: 2px solid #A0C76A;
border-right: 1px solid #A0C76A;
border-left: 1px solid #A0C76A;
background-color: #CEDB7F;
color: #fff;
-moz-border-radius: 15px 15px 1px 1px;
-webkit-border-radius: 10px;
text-align: center}

.paonglet
        {
        display:inline-block;
        margin-left:10px;
        margin-right:10px;
        padding:10px;
        cursor:pointer;
        background-color: #fff;
        color: #000000;
        }
        .paonglet_0
        {
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        }
        .paonglet_1
        {
          color: #d41370;
          border-radius: 7px 1px 7px 1px;
          -moz-border-radius: 7px 1px 7px 1px;
          -webkit-border-radius: 7px 1px 7px 1px;
        }

        .contenu_paonglet
        {
                margin-top:-1px;
                padding: 2px;
                display:none;
                height: 320px;
        }

#pun-intro{
background-color: #;
background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
background-repeat: repeat;
height: 225px ;
width: 950px;
padding:0;
margin:0;
}

#pun-navlinks{
background-color: #;
background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
background-repeat: repeat;
width:950px ;
}

#page-body{
background-color: #;
background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
background-repeat: repeat;
width:950px ;
margin:0;
padding-top: 20px;
}


#i_icon_mini_index{width:151px; height:70px; background:url(http://img6.imageshack.us/img6/1926/accueil2.jpg) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://img6.imageshack.us/img6/1926/accueil2.jpg) no-repeat 0 -70px;}
#i_icon_mini_portal{width:85px; height:70px; background:url(http://img232.imageshack.us/img232/9293/portail2.jpg) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://img232.imageshack.us/img232/9293/portail2.jpg) no-repeat  0 -70px;}
#i_icon_mini_faq{width:62px; height:70px; background:url(http://img528.imageshack.us/img528/1914/faq2j.jpg) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://img528.imageshack.us/img528/1914/faq2j.jpg) no-repeat  0 -70px;}
#i_icon_mini_search{width:119px; height:70px; background:url(http://img835.imageshack.us/img835/26/recherche2q.jpg) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://img835.imageshack.us/img835/26/recherche2q.jpg) no-repeat  0 -70px;}
#i_icon_mini_members{width:112px; height:70px; background:url(http://img337.imageshack.us/img337/4270/membres2.jpg) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://img337.imageshack.us/img337/4270/membres2.jpg) no-repeat  0 -70px;}
#i_icon_mini_groups{width:97px; height:70px; background:url(http://img20.imageshack.us/img20/834/groupes2w.jpg) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://img20.imageshack.us/img20/834/groupes2w.jpg) no-repeat  0 -70px;}
#i_icon_mini_profile{width:75px; height:70px; background:url(http://img831.imageshack.us/img831/1082/profil2.jpg) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://img831.imageshack.us/img831/1082/profil2.jpg) no-repeat  0 -70px;}
#i_icon_mini_message{width:61px; height:70px; background:url(http://img146.imageshack.us/img146/7130/mp2s.jpg) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://img146.imageshack.us/img146/7130/mp2s.jpg) no-repeat 0 -70px;}
#i_icon_mini_new_message{width:61px; height:70px; background:url(http://img600.imageshack.us/img600/96/mpnew.jpg) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://img600.imageshack.us/img600/96/mpnew.jpg) no-repeat  0 -70px;}
#i_icon_mini_logout{width:186px; height:70px; background:url(http://img98.imageshack.us/img98/7603/deco2k.jpg) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://img98.imageshack.us/img98/7603/deco2k.jpg) no-repeat  0 -70px;}
#i_icon_mini_register{width:134px; height:70px; background:url(http://img101.imageshack.us/img101/6205/inscrire2.jpg) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://img101.imageshack.us/img101/6205/inscrire2.jpg) no-repeat  0 -70px;}
#i_icon_mini_login{width:187px; height:70px; background:url(http://img256.imageshack.us/img256/286/connexion2.jpg) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://img256.imageshack.us/img256/286/connexion2.jpg) no-repeat  0 -70px;}


.bodyline{
    background-color: #;
        background-image: url("http://img816.imageshack.us/img816/3143/footer2.jpg");
        background-repeat: no-repeat;
        background-position: bottom center;
    border: 1px # solid;
   }
button.button2, input.button2 {
   font-size: 0.7em;
   border: 1px solid #0050AB;
   width: auto !important;
   padding: 1px 0px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #000000;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #0050AB;
        background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
   background-position: top;
   color: #;
   background-position: 0 100%;
   }
.select button.button2 {
   border:1px solid #0050AB;
        background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
   background-position: top;
   padding: 0px;
   }
.select button.button2:hover {
   border: 1px solid #0050AB;
        background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
   background-position: top;
   color: #0ec7e8;
   background-position: 0 100%;
   }
input.mainoption {
   background-color : #d9e5f5;
        background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
   background-position: top;
   font-weight : bold;
   }
input.mainoption:hover {
   background-color : #d9e5f5;
        background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
   background-position: top;
   font-weight : bold;
   }
input.liteoption {
   background-color : #d9e5f5;
        background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
   background-position: top;
   font-weight : normal;
   }
input.liteoption:hover {
   background-color : #d9e5f5;
        background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
   background-position: top;
   font-weight : normal;
   }
input {
    background-color: #d9e5f5;
        background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
   background-position: top;
    }
input:hover {
    background-color: #d9e5f5;
        background-image: url('http://img715.imageshack.us/img715/4686/fondmosaque.jpg');
   background-position: top;
    }

/*--- Retirer le soulignement des pseudos sur vos forums ---*/

a { text-decoration: none; }


/*--- Enlever le soulignement d'absolument tous les liens ---*/

a:hover {
text-decoration: none !important;
}

/*--- Sourie en forme de croix ---*/

body{
  cursor:crosshair;
}

/*--- Qui est en ligne ---*/

.barre1{
background-color:#DDE286;border: 1px #DDE286 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:left;
text-decoration: none !important;
height:auto}

.statistiques{
border:0px;
background-repeat: no-repeat;
background-color:#DDE286 ;border: 10px #DDE286 dotted;
background-position: left;
height:200px;}

.groupes{
background-color:#A0C76A ;border: 10px #A0C76A dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:left;
text-decoration: none !important;
height:auto}
.connectanniv .row1 {
text-align : center;
}

/*--- Modifier l'organisation des sujets et messages dans un sous-forum ---*/

.mystats_fa{
    padding: 5px;
    float:right;
  font-family: verdana;
  font-size: 10px;
  font-weight: bold;
}

.mystats_fa{
    padding: 5px;
    float:right;
  font-family: verdana;
  font-size: 10px;
  font-weight: bold;
}
.titre_pa
{
padding: 5px;
font-size: 15px;
color : #ffffff;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
background-color: #56919A;
text-align: center;
display: bloc;
}

.corps_pa
{
padding: 10px;
color: #009ABD;
}

.fond_pa
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


/*--- Liens avec ombre ---*/

a {
text-shadow: 1px 1px 1px #FFFFFF;
}

/*--- Décorer les textes en gras ---*/

strong {
color:#; /*couleur du texte*/
font-variant: small-caps; /*variante du texte (ici petites majuscules)*/
font-family:Century Gothic ; /*police du texte*/
letter-spacing:1px; /*espace entre les lettres*/
}

/*--- Tableau d'accueil ---*/

.Tableau span {
  display:inline;
  float:left;
  border:1px dotted #A0C769;
  margin:0px;
  padding:3px;
  }
.Tableau p {
  clear:center;
  margin:0px;
  padding:0px;
  height:100% !important; height:1em;
  }
.Tableau p.legende {font-weight:bold}
.Tableau span.col1 {width:70px}
.Tableau span.col2 {width:120px}
.Tableau span.col3 {width:90px}


/*--- Message d'accueil ---*\

}
.titre_pa
{
padding: 5px;
font-size: 15px;
color : #A0C769;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
background-color: #A0C769;
text-align: center;
display: bloc;
}

.corps_pa
{
padding: 10px;
color: #A0C769;
}

.fond_pa
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/* INFOBULLES */

div.imginfo {
  position: relative;
  text-decoration: none;
}

div.imginfo {
  position: relative;
  text-decoration: none;
}

div.imginfo span {
  display: none; /* on masque l'infobulle */
}

div.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}

div.imginfo:hover span {
 display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 30px; /* on positionne notre infobulle */
  left: 20px;
background-color: #A0C769;
color: #995448;
  padding: 3px;
  border: 1px dotted #fff;
}

/*----------------- Ma g�n�ral ----------------- */
 

 /* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}


/*le tableau invisible */

.table25
{
border: none ;
}


/* Liens */

.a2
{
display: block;
width: 130px;
color: #A0C769;
text-align:center;
border: 1px solid black;
 -moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}


.a2:hover
{

background-color: #DDE286;
color: #A0C769;
}



#table22 /* fond du ma */
{
width: 770px;
background-color: #DDE286;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}




/*-----------------Titre----------------- */


/* Le titre special pour le texte de bienvenue */

.h2_themebienvenu
{
font-size: 14px;
background-color: #A0C769;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 367px;
}


/* le titre special pour les credits */


.h2_themecredit
{
font-size: 14px;
background-color: #A0C769;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
}

/* le titre pour les autres boites */



.h2_theme
{
font-size: 14px;
background-color: #A0C769;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;

}


/* effet de transparance FF */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------Les boites contenant les textes----------------- */





/* Navigation */

 .navi_ma
 {
  background-color:#A0C769;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #995448;
-moz-box-shadow: 4px 4px 0 #995448;
-khtml-box-shadow: 4px 4px 0 #995448;
padding-top: 20px;

}


/* News  */

 .news
 {
 background-color: #A0C769;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #000000;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #A0C769;
-moz-box-shadow: 4px 4px 0 #A0C769;
-khtml-box-shadow: 4px 4px 0 #A0C769;
}

/* Partenaires */

.partenaire_test
{
 background-color: #995448;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #FFFFFF;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #A0C769;
-moz-box-shadow: 4px 4px 0 #A0C769;
-khtml-box-shadow: 4px 4px 0 #A0C769; 
padding-top: 20px;

}


/* message de bienvenue */


#bienvenu_ma
{
 background-color: #A0C76A;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #000000;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #995448;
-moz-box-shadow: 4px 4px 0 #995448;
-khtml-box-shadow: 4px 4px 0 #995448;
width: 370px;
}
 
/* membres staffs */
 

 
 .staff
{
 background-color: #A0C76A;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #A0C76A;
-moz-box-shadow: 4px 4px 0 #A0C76A;
-khtml-box-shadow: 4px 4px 0 #A0C76A;
padding-top: 20px;
}


/*crédits */

 
 .credits
 {
 background-color: #A0C76A;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #000000;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #A0C76A;
-moz-box-shadow: 4px 4px 0 #A0C76A;
-khtml-box-shadow: 4px 4px 0 #A0C76A;
padding-top: 20px;

}




/*-----------------inffobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color: black;
}

div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: black;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #afaeae;
color: black;
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
}

/*--- Décorer les textes en gras ---*/

strong {
color:#; /*couleur du texte*/
font-variant: small-caps; /*variante du texte (ici petites majuscules)*/
font-family:Century Gothic ; /*police du texte*/
letter-spacing:1px; /*espace entre les lettres*/
}

        a.gensmall{
        text-shadow: #FFFFFF1px 1px 1px;
        }

/*--- Le QEEL de Zoompub ---*/

        /*QEEL*/
        /*titre*/
        .cadtqeel{
        width:95%;
        text-align: center;
        border: 3px solid Black;
        padding: 5px;
        margin: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;}
       
        /*contours*/
        .cadqeel{
        border: 3px solid Black;
        padding: 5px;
        margin: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;}
       
        /*contour groupes*/
        .cadqeelb{
        width: 75%;
        border: 3px solid Black;
        padding: 5px;
        margin: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;}
       
        /*Ôter le fond des anniversaire et derniers connectés*/
        .transp .row1{
        background-color: transparent;}

[SoraNoHime]

Désirez vous qu'il soit derrière tout le qeel ou seulement les cadres que vous avez fait ?

Si tout le qeel repérez dans votre template :

Code:

<!-- BEGIN disable_viewonline -->
        <table class="" width="100%" border="0" cellspacing="5" cellpadding="0">
          <tr>

remplacez le par

Code:

<!-- BEGIN disable_viewonline -->
        <table class="qeelfond" width="100%" border="0" cellspacing="5" cellpadding="0">
          <tr>

et dans la css ajoutez

.qeelfond {
background-color : #ff0000;
}

personnaliser la couleur en rouge.

Cordialement.

[Géanpub]

Coucou oui voilà c'est sa que je voulais ! Merci beaucoup.

Demande terminée

[Géanpub]

Ps : je voudrais rajouter une image a coté du Qui est en ligne comment ont fait

[Roxy.]

Bonjour,
Allez dans :
PA > Affichage > Gestion des images > Mode simple > Allez sur le QEEL.
Sinon ajouter à ce code :

Code:

        <!-- BEGIN disable_viewonline -->
                <table class="qeelfond" width="100%" border="0" cellspacing="5" cellpadding="0">
                  <tr>

Ceci :

Code:

<img href="lien de l'adresse">

Cordialement.

[Géanpub]

coucou merci beaucoup .