Problème de fond QEEL et forum Bouton_activeProblème de fond QEEL et forum Bouton_hoverProblème de fond QEEL et forum Fb-hoverProblème de fond QEEL et forum Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème de fond QEEL et forum EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème de fond QEEL et forum EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème de fond QEEL et forum EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème de fond QEEL et forum EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème de fond QEEL et forum EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème de fond QEEL et forum EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème de fond QEEL et forum EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème de fond QEEL et forum EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Problème de fond QEEL et forum

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://eclipserpg.forumactif.org
Elanor
Elanor
{ Membre }
{ Membre }

Féminin Messages : 61



Problème de fond QEEL et forum Empty
Tout d'abord, bien le bonjour, ou le bonsoir à tout le monde,

J'ai réussis à faire un QEEL moi même, qui me plait. Le problème, c'est que j'aimerai avoir un fond de la même couleur que celui de mon forum et non pas de mes catégorie. Comment faire ?

De plus, je ne sais pas comment ça se fait mais voilà mon forum à un bug et désormais le fond est répété or comme c'est en fait un header il ne le faut pas. De plus, je n'ai pas toucher au code concernant le fond de mon forum. Donc voilà un aperçu :

Problème de fond QEEL et forum Sans_t29

Voici mon template Index_body :

Code:
<center>{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="60%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle"><div style="width="50%" border="0" cellspacing="0" cellpadding="0" text-color="#7D8B84">{message_admin_index.message_admin_titre.MES_TITRE}</div></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 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="60%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="60%"  class="row1" align="center">
            <table width="60%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

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

{CHATBOX_TOP}
<table width="50%" border="0" cellspacing="0" cellpadding="0" text-color="#7D8B84">{BOARD_INDEX}</table>
<img name="accueil0" src="http://www.hostingpics.net/viewer.php?id=60989201.png" usemap="#accueil">
<map name="accueil">
<area shape="rect" coords="94,106,267,132" href="http://eclipserpg.forumactif.org/t16-reglement-d-eclipse" alt="REGLEMENT">
<area shape="rect" coords="89,147,208,168" href="http://eclipserpg.forumactif.org/t19-contexte" alt="CONTEXTE">
<area shape="rect" coords="96,185,267,209" href="http://eclipserpg.forumactif.org/f4-what-s-my-name" alt="PRESENTATION">
<area shape="rect" coords="675,6,788,101" href="http://www.youtube.com/watch?v=nyISAcwCx-E" alt="VIDEO"></map>
<table width="90%" border="0" cellspacing="0" cellpadding="0" text-color="#7D8B84">
   <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 -->
         
<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>

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

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               
<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="60%" 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="60%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="60%">
               <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"/>&nbsp;</td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
    <tr>
        <td class="row1" rowspan="4" align="center" valign="middle">
            <div class="gensmall1">
              <script type="text/javascript">
                  function patonglet1() {
                    document.getElementById('onglet1').style.display='block';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='none';
                  }
               
                  function patonglet2() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='block';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='none';
                  }
               
                  function patonglet3() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='block';
                    document.getElementById('onglet4').style.display='none';
                  }
               
                  function patonglet4() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='block';
                  }
              </script>


<!-- BARRE D'ONGLETS -->
              <table width="100%">
                  <tr><td><img src="http://i67.servimg.com/u/f67/14/97/95/83/sans_t12.png" alt="" /></td>
                <td width="20%"><div class="onglet" onmouseover="javascript:patonglet1()">Bla bla</div></td>
                    <td width="20%"><div class="onglet" onmouseover="javascript:patonglet2()">Stats</div></td>
                    <td width="20%"><div class="onglet"onmouseover="javascript:patonglet3()">Groupes</div></td>
                    <td width="20%"><div class="onglet" onmouseover="javascript:patonglet4()">Last 24</div></td>
                  </tr>
           
              <tr>
              <td colspan="4" valign="middle" align="center">
                  <!-- MODULE AJOUT -->
                <div id="onglet1">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: justify;" width="100%">
                                      <span class="gensmall1"></head>
<body>
  <p>
<span class="gensmall1">Bonjour <span class="USERNAME"></span>,<br><br>
New York regroupe aujourd'hui l'ensemble des critères caractéristiques d'une ville mondiale ; elle est même considérée parfois comme « la capitale du monde ». Si elle n'est plus la capitale fédérale des États-Unis depuis plus de deux siècle, New York n'en est pas moins la ville la plus peuplée du pays avec 8 391 881 habitants.
New York ne vous laissera pas indifférent. Elle étonne par son gigantisme et elle envoûte par sa diversité.
Trop petite pour être un pays et trop grande pour être une simple cité. C’est une mégalopole où tout se crée, où tout semble possible. Les grands mouvements, les modes, les innovations naissent et s’épanouissent ici. C’est une ville où tout va très vite, où tout est tellement démesuré que ça en devient parfois violent. Vous connaissez déjà New York. Les photos, les films sont innombrables et vous aurez certainement l’impression d’être déjà venu ici. Mais très vite, vous vous apercevrez que tout est encore plus... que vous ne l’imaginiez. Plus grand, plus haut qu’ailleurs.
C’est la ville de toutes les cultures, de toutes les ethnies, de toutes les cuisines... C’est La ville-monde. Chaque quartier a son identité propre.
Si bien que NY acceuille des personnes au dons bien étrange... s'aurez vous tentez de les connaitres ? </span>
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>
           
                 
                        <!-- PREMIER MODULE -->
                        <div id="onglet2" style="display: none;">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: justify;" width="100%">
                                      <span class="gensmall1">{TOTAL_POSTS}

                                      {TOTAL_USERS}

                                      {NEWEST_USER}

                                      {TOTAL_USERS_ONLINE}

                                      {RECORD_USERS}

                                     

                                      {LOGGED_IN_USER_LIST}</span>
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>

                        <!-- DEUXIEME MODULE -->
                    <div id="onglet3" style="display: none;">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: center;" width="100%">
<span class="groupes"> <a href="http://eclipserpg.forumactif.org/profile.forum?mode=viewprofile&u=1"><font color="#9acd32" size="2"><b>Wonder Woman</b></font></a></span>♣️       

  <span class="groupes"> <a href="http://eclipserpg.forumactif.org/profile.forum?mode=viewprofile&u=10"><font color="#6B8E23" size="2"><b> Flash Girl </b></font></a></span>♣️

<span class="groupes"><a href="http://eclipserpg.forumactif.org/profile.forum?mode=viewprofile&u=19"><font color="#919e78" size="2"><b> Bat Girl</b></font></a> </span><br> 

    <span class="groupes"> <a href="http://eclipserpg.forumactif.org/groupcp.forum?g=3&sid=a62fad130f54d5b6ef5277e093b002c5"><font color="#8FBC8F" size="2"><b> Power Boy </b></font></a></span>♣️   
     
<span class="groupes"><a href="http://eclipserpg.forumactif.org/groupcp.forum?g=15&sid=a62fad130f54d5b6ef5277e093b002c5"><font color="#2E8B57" size="2"><b> Power Girl </b></font></a> </span>♣️         

    <span class="groupes"> <a href="http://eclipserpg.forumactif.org/groupcp.forum?g=16&sid=a62fad130f54d5b6ef5277e093b002c5"><font color="#5F9EA0" size="2"><b> Human Boy </b></font></a></span>♣️   

<span class="groupes"><a href="http://eclipserpg.forumactif.org/groupcp.forum?g=4&sid=a62fad130f54d5b6ef5277e093b002c5"><font color="#7AC5CD" size="2"><b> Human Girl </b></font></a> </span>♣️   

      <span class="groupes"> <a href="http://eclipserpg.forumactif.org/gossip-girl-f72/mon-blog-t923.htm#112524"><font color="#8B3A62" size="2"><b> Gossip Girl</b></font></a></span></center>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>


                        <!-- TROISIEME MODULE -->           
                        <div id="onglet4" style="display: none;">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: justify;" width="100%">
                                    {L_CONNECTED_MEMBERS}
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>
                     
                    </td>
                  </tr>
              </table>
            </div>
        </td>
      </tr>
</table></DIV>
<!-- END disable_viewonline -->


Et mes codes CSS :

Code:
/*QEEL A ONGLET*/

.onglet{
border: 1px solid black;
-moz-border-radius: 20px 20px 20px 20px;
display: block;
background-image: url("http://i62.servimg.com/u/f62/16/12/06/88/fdqs10.png");
padding:2px;
text-align: center;
font-size: 12px;
font-variant: small-caps;
margin-top: -100px;
width: 147px;
margin-left: 11px;
}

.message{
margin-top: -175px;
margin-left: 300px;
margin-right: -150px
background-color: #e5fef1;
}

.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
}

.groupes{
font-size:12px;
font-weight: small-caps;
text-align:center;
height:20px
-moz-border-radius-BOTTOM: 16px
-moz-border-radius-TOP: 16px
text-decoration: none;
}

.qeel{
background-position: center;
background-color: #E5FEF1
text-color: #000000
background-repeat: no-repeat;
}

.coins {
    border:3px solid #373455;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding-left: 10px;
}



.gensmall{
    color: black;
    -moz-background-opacity: 0.5;
    font-size: 9px;
background-repeat: no-repeat;
}

body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}

Je vous remercie d'avance. Very Happy

Amicalement,
Eli.


Dernière édition par Elanor le Ven 04 Mar 2011, 19:50, édité 1 fois
MessageSujet: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 18:48
Revenir en haut Aller en bas
Invité
Invité




Problème de fond QEEL et forum Empty
Hop'

remplace déjà ça:

Code:
body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}

par ça:

Code:
body {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top center;
}

Bravo !
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 18:56
Revenir en haut Aller en bas
http://eclipserpg.forumactif.org
Elanor
Elanor
{ Membre }
{ Membre }

Féminin Messages : 61



Problème de fond QEEL et forum Empty
Merci de ta réponse, mais ça ne fonctionne toujours pas...
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 18:57
Revenir en haut Aller en bas
Invité
Invité




Problème de fond QEEL et forum Empty
Ce fond doit-il être un header?
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 18:58
Revenir en haut Aller en bas
http://eclipserpg.forumactif.org
Elanor
Elanor
{ Membre }
{ Membre }

Féminin Messages : 61



Problème de fond QEEL et forum Empty
Oui. Voici le lien de mon forum au cas où : http://eclipserpg.forumactif.org
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 18:59
Revenir en haut Aller en bas
Invité
Invité




Problème de fond QEEL et forum Empty
garde le code que je t'ai donner
Et il faut règler au niveau des images: Panneaux d'Administration»Affichage»Gestion des images»Mode Avancé: Et tu verra ton fond il y a un truc où tu peux cocher, beh si il est décoché, coche le :DD
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 19:05
Revenir en haut Aller en bas
http://eclipserpg.forumactif.org
Elanor
Elanor
{ Membre }
{ Membre }

Féminin Messages : 61



Problème de fond QEEL et forum Empty
Hum non c'est pas ça Laughing , cette fonction sert juste pour fixé le fond, or vu que c'est un header de fond il faut qu'il puisse bougé en même temps que la page. Le problème c'est la répétition.

EDIT : C'est bon j'ai réussi. Néanmoins il reste mon problème de QEEL...
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 19:32
Revenir en haut Aller en bas
Invité
Invité




Problème de fond QEEL et forum Empty
J'ai pas trop saisie pour le QEEL :{ (
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 19:47
Revenir en haut Aller en bas
http://eclipserpg.forumactif.org
Elanor
Elanor
{ Membre }
{ Membre }

Féminin Messages : 61



Problème de fond QEEL et forum Empty
https://i.servimg.com/u/f67/14/97/95/83/sans_t30.jpg

Le problème c'est ce que j'ai mis en rouge, je le veux pas de cette couleur là je le veux de la couleur du fond. J'ai déjà réussi la partie au centre mais ça, ça ne veux pas s'enlever;
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 19:55
Revenir en haut Aller en bas
Invité
Invité




Problème de fond QEEL et forum Empty
Bizarre... Après 10min de réflexion je trouve pas... Oo *un peu fatigué*
Désolé je verrai ça demain Bravo !
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 20:15
Revenir en haut Aller en bas
http://eclipserpg.forumactif.org
Elanor
Elanor
{ Membre }
{ Membre }

Féminin Messages : 61



Problème de fond QEEL et forum Empty
D'accord, merci quand même.
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyJeu 03 Mar 2011, 20:16
Revenir en haut Aller en bas
Kaktus
Kaktus
{ Membre }
{ Membre }

Féminin Messages : 68



Problème de fond QEEL et forum Empty
La réponse était tout simple, il suffisait d'enlever "row1", c'est ce qui donne la couleur des catégories. Et aussi j'ai remarqué des oublis de";" dans le CSS ^^ Normalement, cela devrait fonctionner :
Code:
/*QEEL A ONGLET*/

.onglet{
border: 1px solid black;
-moz-border-radius: 20px 20px 20px 20px;
display: block;
background-image: url("http://i62.servimg.com/u/f62/16/12/06/88/fdqs10.png");
padding:2px;
text-align: center;
font-size: 12px;
font-variant: small-caps;
margin-top: -100px;
width: 147px;
margin-left: 11px;
}

.message{
margin-top: -175px;
margin-left: 300px;
margin-right: -150px;
background-color: #e5fef1;
}

.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
}

.groupes{
font-size:12px;
font-weight: small-caps;
text-align:center;
height:20px;
-moz-border-radius-BOTTOM: 16px;
-moz-border-radius-TOP: 16px;
text-decoration: none;
}

.qeel{
background-position: center;
background-color: #E5FEF1;
text-color: #000000;
background-repeat: no-repeat;
}

.coins {
    border:3px solid #373455;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding-left: 10px;
}



.gensmall{
    color: black;
    -moz-background-opacity: 0.5;
    font-size: 9px;
background-repeat: no-repeat;
}

body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}

Code:
<center>{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="60%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle"><div style="width="50%" border="0" cellspacing="0" cellpadding="0" text-color="#7D8B84">{message_admin_index.message_admin_titre.MES_TITRE}</div></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 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="60%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="60%"  class="row1" align="center">
            <table width="60%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

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

{CHATBOX_TOP}
<table width="50%" border="0" cellspacing="0" cellpadding="0" text-color="#7D8B84">{BOARD_INDEX}</table>
<img name="accueil0" src="http://www.hostingpics.net/viewer.php?id=60989201.png" usemap="#accueil">
<map name="accueil">
<area shape="rect" coords="94,106,267,132" href="http://eclipserpg.forumactif.org/t16-reglement-d-eclipse" alt="REGLEMENT">
<area shape="rect" coords="89,147,208,168" href="http://eclipserpg.forumactif.org/t19-contexte" alt="CONTEXTE">
<area shape="rect" coords="96,185,267,209" href="http://eclipserpg.forumactif.org/f4-what-s-my-name" alt="PRESENTATION">
<area shape="rect" coords="675,6,788,101" href="http://www.youtube.com/watch?v=nyISAcwCx-E" alt="VIDEO"></map>
<table width="90%" border="0" cellspacing="0" cellpadding="0" text-color="#7D8B84">
  <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 -->
       
<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>

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

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
             
<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="60%" 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="60%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="60%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

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











<!-- BEGIN disable_viewonline -->
    <tr>
        <td rowspan="4" align="center" valign="middle">
            <div class="gensmall1">
              <script type="text/javascript">
                  function patonglet1() {
                    document.getElementById('onglet1').style.display='block';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='none';
                  }
               
                  function patonglet2() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='block';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='none';
                  }
               
                  function patonglet3() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='block';
                    document.getElementById('onglet4').style.display='none';
                  }
               
                  function patonglet4() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='block';
                  }
              </script>


<!-- BARRE D'ONGLETS -->
              <table width="100%">
                  <tr><td><img src="http://i67.servimg.com/u/f67/14/97/95/83/sans_t12.png" alt="" /></td>
                <td width="20%"><div class="onglet" onmouseover="javascript:patonglet1()">Bla bla</div></td>
                    <td width="20%"><div class="onglet" onmouseover="javascript:patonglet2()">Stats</div></td>
                    <td width="20%"><div class="onglet"onmouseover="javascript:patonglet3()">Groupes</div></td>
                    <td width="20%"><div class="onglet" onmouseover="javascript:patonglet4()">Last 24</div></td>
                  </tr>
           
              <tr>
              <td colspan="4" valign="middle" align="center">
                  <!-- MODULE AJOUT -->
                <div id="onglet1">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: justify;" width="100%">
                                      <span class="gensmall1"></head>
<body>
  <p>
<span class="gensmall1">Bonjour <span class="USERNAME"></span>,<br><br>
New York regroupe aujourd'hui l'ensemble des critères caractéristiques d'une ville mondiale ; elle est même considérée parfois comme « la capitale du monde ». Si elle n'est plus la capitale fédérale des États-Unis depuis plus de deux siècle, New York n'en est pas moins la ville la plus peuplée du pays avec 8 391 881 habitants.
New York ne vous laissera pas indifférent. Elle étonne par son gigantisme et elle envoûte par sa diversité.
Trop petite pour être un pays et trop grande pour être une simple cité. C’est une mégalopole où tout se crée, où tout semble possible. Les grands mouvements, les modes, les innovations naissent et s’épanouissent ici. C’est une ville où tout va très vite, où tout est tellement démesuré que ça en devient parfois violent. Vous connaissez déjà New York. Les photos, les films sont innombrables et vous aurez certainement l’impression d’être déjà venu ici. Mais très vite, vous vous apercevrez que tout est encore plus... que vous ne l’imaginiez. Plus grand, plus haut qu’ailleurs.
C’est la ville de toutes les cultures, de toutes les ethnies, de toutes les cuisines... C’est La ville-monde. Chaque quartier a son identité propre.
Si bien que NY acceuille des personnes au dons bien étrange... s'aurez vous tentez de les connaitres ? </span>
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>
           
                 
                        <!-- PREMIER MODULE -->
                        <div id="onglet2" style="display: none;">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: justify;" width="100%">
                                      <span class="gensmall1">{TOTAL_POSTS}

                                      {TOTAL_USERS}

                                      {NEWEST_USER}

                                      {TOTAL_USERS_ONLINE}

                                      {RECORD_USERS}

                                     

                                      {LOGGED_IN_USER_LIST}</span>
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>

                        <!-- DEUXIEME MODULE -->
                    <div id="onglet3" style="display: none;">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: center;" width="100%">
<span class="groupes"> <a href="http://eclipserpg.forumactif.org/profile.forum?mode=viewprofile&u=1"><font color="#9acd32" size="2"><b>Wonder Woman</b></font></a></span>♣       

  <span class="groupes"> <a href="http://eclipserpg.forumactif.org/profile.forum?mode=viewprofile&u=10"><font color="#6B8E23" size="2"><b> Flash Girl </b></font></a></span>♣

<span class="groupes"><a href="http://eclipserpg.forumactif.org/profile.forum?mode=viewprofile&u=19"><font color="#919e78" size="2"><b> Bat Girl</b></font></a> </span><br> 

    <span class="groupes"> <a href="http://eclipserpg.forumactif.org/groupcp.forum?g=3&sid=a62fad130f54d5b6ef5277e093b002c5"><font color="#8FBC8F" size="2"><b> Power Boy </b></font></a></span>♣   
     
<span class="groupes"><a href="http://eclipserpg.forumactif.org/groupcp.forum?g=15&sid=a62fad130f54d5b6ef5277e093b002c5"><font color="#2E8B57" size="2"><b> Power Girl </b></font></a> </span>♣         

    <span class="groupes"> <a href="http://eclipserpg.forumactif.org/groupcp.forum?g=16&sid=a62fad130f54d5b6ef5277e093b002c5"><font color="#5F9EA0" size="2"><b> Human Boy </b></font></a></span>♣   

<span class="groupes"><a href="http://eclipserpg.forumactif.org/groupcp.forum?g=4&sid=a62fad130f54d5b6ef5277e093b002c5"><font color="#7AC5CD" size="2"><b> Human Girl </b></font></a> </span>♣   

      <span class="groupes"> <a href="http://eclipserpg.forumactif.org/gossip-girl-f72/mon-blog-t923.htm#112524"><font color="#8B3A62" size="2"><b> Gossip Girl</b></font></a></span></center>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>


                        <!-- TROISIEME MODULE -->           
                        <div id="onglet4" style="display: none;">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: justify;" width="100%">
                                    {L_CONNECTED_MEMBERS}
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>
                     
                    </td>
                  </tr>
              </table>
            </div>
        </td>
      </tr>
</table></DIV>
<!-- END disable_viewonline -->
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyVen 04 Mar 2011, 19:43
Revenir en haut Aller en bas
http://eclipserpg.forumactif.org
Elanor
Elanor
{ Membre }
{ Membre }

Féminin Messages : 61



Problème de fond QEEL et forum Empty
Oh un grand merci ça marche !!!!!!
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyVen 04 Mar 2011, 19:50
Revenir en haut Aller en bas
Kaktus
Kaktus
{ Membre }
{ Membre }

Féminin Messages : 68



Problème de fond QEEL et forum Empty
Eh bien, de rien Very Happy
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyVen 04 Mar 2011, 19:51
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Problème de fond QEEL et forum Empty
    Hello ^^

    L'icône résolu est cochée alors, j'classe Wink
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum EmptyVen 04 Mar 2011, 20:40
Revenir en haut Aller en bas
Contenu sponsorisé




Problème de fond QEEL et forum Empty
MessageSujet: Re: Problème de fond QEEL et forum   Problème de fond QEEL et forum Empty
Revenir en haut Aller en bas
 

Problème de fond QEEL et forum

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème de largeur du forum et de bannière de fond
» [résolu] Problème avec l'alignement de l'image de fond d'un qeel
» Affichage : Fond-bannière, largeur du forum : problème.
» Probleme en tete forum et fond des sujets
» Problème avec fond dépendant du N° de Forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit