Balise du qeel hors de la div

2 participants

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

Résolu Balise du qeel hors de la div

Message par nyly* Mar 3 Jan 2012 - 10:13

Bonjour tout le monde. ^^

Voilà jusque là j'ai essayé de me débrouiller toute seule pour faire mon qeel, en m'aidant bien sûr de plusieurs tutos différents, mais là, je dois avouer que j'ai beau tout essayer je n'y arrive pas.

Si vous regarder mon qeel LA, vous verrez qu'en dessous de mes deux cases à droites, se trouve les connectés depuis 24h, hors dans mon template, la balise est bel et bien placée dans sa div.

Je voulais savoir si quelqu'un pouvait m'aider s'il vous plait.

Merci beaucoup ^^

voici mon template:
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" scope="{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" scope="{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 -->
            <div class="groupes">
              <a href="/g3-tokio-hotel"/><span style="color:#A62A2A;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/th10.png"/></span></a>
            <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
              <a href="/g4-proches-staff"/><span style="color:#9E5F9E;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/proche10.png"/></span></a>
            <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
            <a href="/g5-photographes-journalistes"/><span style="color:#5959AB;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/journa10.png"/></span></a>
            <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
            <br><a href="/g6-fans"/><span style="color:#31CC98;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/fans10.png"/></span></a>
            <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
            <a href="/g7-autres"/><span style="color:#FF8000;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/others10.png"/></span></a>
            <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
              <a href="/g8-gossip-girl"/><span style="color:#C900BC;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/gg10.png"/></span></a>
            <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
        </div>
              <br>
        <div style="background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
  background-repeat: repeat;"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
              <tr>   
                <td class="row1" width="50%"><img src="http://i49.servimg.com/u/f49/15/49/49/31/online10.png" alt="qui est en ligne ?"/><br>
                  <div class="infos"><div style=" font-size:10px;">Bienvenue à Los Angeles, la ville où tout est permis, où tout le monde se fiche de tout et vit sa vie comme il l'entend. Vous rêvez de voir les Tokio Hotel?? Ils sont peut-être là, entre deux chansons, deux enregistrements, et ils auront peut-être le temps de s'occuper de vous.</div><div class="gensmall">
            <span id="newestuser">{NEWEST_USER}</span>
            <script type="text/javascript">
            document.getElementById('newestuser').innerHTML=document.getElementById('newestuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"En tout cas, il y a une nouvelle personne qui s'installe dans cette blle ville, peut-être l'aimerez-vous, ou peut-être non. Mais accueillez la comme il se doit, il s'agit de");
            </script>
        <br><br>
            <span id="kumao">{TOTAL_POSTS}</span>. <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membre/,"citoyen");</script>
                <span id="kumio">{TOTAL_USERS}</span>. <script type="text/javascript">document.getElementById('kumio').innerHTML=document.getElementById('kumio').innerHTML.replace(/membre/,"citoyens");</script>

        </td>
          <td  width="50%"><table>
            <div class="connectnow">{LOGGED_IN_USER_LIST}</div><br>
            <div class="liste24h"><table>{L_CONNECTED_MEMBERS}</table></div></table></div></td>
              </tr>
          <!-- BEGIN switch_chatbox_activate -->
          <tr>
             
                    <!-- 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,
    oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Et mon CSS:
Code:
        /*TITRES ET AUTRES*/
       

 .titres
{background-color: #ffffff;
text-color: #800000;
text-align: left;
font-family: georgia;
font-size: 20px;
line-height: 15px; }

 .annonce
{width:500px;
  Height: auto;
  background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr1310.jpg');
  background-repeat: repeat;
  border-top: 3px solid white;
  border-bottom: 3px solid #333333;
  color: white;
}





body {
margin : 0px;
background-repeat: repeat;
  background-image: url('http://i49.servimg.com/u/f49/15/49/49/31/gr1310.jpg');

  { font-family:
 "Georgia";
      "Bookman Old Style";
        "Bookman";
      "New Century Schoolbook";
      "Bookman Antiqua";
        "Palatino";
      "Utopia";
      "New York";
      "Times New Roman";
"Times";
"serif";
"Garamond";
 
      }
 

}

.bodyline {
-moz-border-radius:10px;
border: 5px solid #800000;
  background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
  background-repeat: repeat;

}


a:link {color: #ffffff ;}
a:visited {color: #ffffff;}
a:hover { font-weight:bold ; font-size: 11px; color: #000000; letter-spacing: 1px;  }


.navigation{
width: 110%;
color: black;
text-align:center;
font-size: 14px;
background-image: url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
  border-top: 3px solid #800000;
  border-bottom: 3px solid #800000;
  text-shadow: #800000 1px 1px 1px ;}


/******encadrements des liens********/


.fondtitre{
display:inline;
  background-color: none;
  letter-spacing: 2px;
  width: auto;
  height: auto;
  -moz-border-radius: 8px;
  border: 1px solid  #6F86B1;
  font-family: Georgia;
  font-size: 12px;}




/******codes et citations********/


.code {
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
  background-repeat: repeat;
border:1px #000000 dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: black;
}


.quote {
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
  background-repeat: repeat;
border:1px #000000 dashed; /* bordure grise en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: #8000000; /* couleur du texte */
}



.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


/******PROFIL********/

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 5px solid #800000;
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr1310.jpg');
  background-repeat: repeat;
}


.contour nom {
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr1310.jpg');
  background-repeat: repeat;
border: 2px solid #F3F3F0;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
text-shadow: #ffffff 1px 1px 1px;
font-family: serif bold sc;
letter-spacing: -1px;
}

/*fond*/


/**************/




/**************/

a { text-decoration: none; }

body {
background-repeat : repeat;
background-position: top center;
}



/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #544E4E;
      width: 90%;
height: 30px;
overflow: auto;
      background-color: #F3F3F0;
      border: 1px dashed #E8E2DE;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 10px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid white;
      border-right: 3px solid dimgray;
      border-top: 1px solid white;
      color: black;
      background-color: none;
      font-size: 10px;
      font-style: italic;
      height: 14px;
      left: 250px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 230px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #544E4E;
      background-color: none;
      border: 1px solid dimgray;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;

      text-align: center;
      min-height: 14px;
      font-size: 10px;
}

/**************/


.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #E8E2DE;
background-color: #E8E2DE;}


.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
background-color: #F3F3F0;
border: 1px dashed #BA8283;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
height: auto;
font-size: 10px;}


/******Ascenseur********/


.kawaii
{
position: fixed;
bottom : 0px ;
margin-left : 90%;
}


/******Maj aux membres********/

a {font-variant: small-caps;
font-size: 10px;
font-family: Arial Black;}





/******SURLIGNEMENT********/

    *::-moz-selection {
        background-color:#d5d5d5;
color:#800000;
    }

/******derniere colone caté********/
/******derniere colone caté********/
.cadre1 {
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px dashed #800000;
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
  background-repeat: repeat;
font-size: 9px
}


/****** caté********/
a.forumlink {
width: 100%;
line-height: 8px;
background-repeat: repeat;
  background-image: url('http://i49.servimg.com/u/f49/15/49/49/31/gr1310.jpg');
letter-spacing:-1px;
font-family: Times new roman;
font-size: 20px;
margin-top: 8px;
text-align: center;
 display: block;
}



/******feuille perso********/
.input, textarea, select {
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
color: black;
text-shadow: 1px 1px 1px white;
font-family: courrier new;
letter-spacing:-1px;
}




.profilentour {
text-align: center;
padding: 8px;
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display:block;
border-right: 5px solid blake;
border-left: 5px solid blake;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px:;
padding: 2px;
}

.profilentinfos {
text-align: left;
padding: 8px;
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display:block;
border-right: 5px solid blake;
border-left: 5px solid blake;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px:;
padding: 2px;



}


.profiledetails {
font-family: GEORGIA;
text-align: center;
padding: 8px;
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
}


.profil1{
font-family: GEORGIA;
background-image:url('hhttp://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
-moz-border-radius:15px 15px 15px 15px;
  font-family: Trebuchet MS;
          font-size: 11px;
div style=" width: 30px;
span style="font-size: 18px;
 font-style: font-weight: font: arial black;
 color: #EB500B;
 text-shadow: 1px 1px 1px black

 
width: 130px; height:30px;
-moz-border-radius : 10px 10px 10px 10px;
border: 2px solid #FFFFFF;
padding-right: 10px; padding-left: 10px;"
text-align: center;
}





/*ACCORDEON*/


    .accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif; }
    .accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
    .accordion li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top;
      -o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
    .accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; }
    .accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
    .accordion li > h2:hover { cursor: pointer; }
    .accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
    .accordion noscript p { padding: 10px; margin: 0; background: white; }

    /****************************************** Basic */
    .basic li > h2 { background: #333; color: white; line-height: 1.8em; }
    .basic li > div h3 { margin: 15px 10px; }
    .basic li > div p { margin: 10px; font-size: 14px; }

    /****************************************** Dark */
    .dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
    .dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
    .dark li > h2 span { background: #353535; color: white; }
    .dark li > h2 b { background: #353535\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
    .dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
    .dark h2.selected b { background: #434343\9; }
    .dark li > div { background: #030303; margin-left: 5px; }

    /*************************************** Rounded */
    .rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
    .rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

    /***************************************** Light */
    /**************************************** Stitch */









 /*******TABLEAU A ONGLETS*******/


            .mon_onglet{
          display: block;
          padding: 5px;
          margin: 4px;
          color: #000;
          }
       
        .mon_onglet:hover{
          background: none;
box-shadow: 2px 2px 2px #800000;} 
         
        .mon_onglet_selected{
          display: block;
          padding: 5px;
          margin: 4px;
          background: none;
box-shadow: 2px 2px 2px #800000;}
               
        .clear{
          clear: both;}
       
        .mon_contenu{
          color: #000;
          background: #D6D6D6;
          border: 3px double #800000;
          padding: 10px;
          margin: 10 px;
          height: 120px;
          line-height: normal;
          font-size: 12px;
width: 230px;
height: 200px;}
       
        #mes_contenus, #mes_onglets{
          height: 100%;
          width:100%;}
/*INFOBULLE*/

            .lock  {
          position: relative;
          cursor: pointer;
  border: 2px solid none;
          border-radius: 15px;
        }
        .lock .lock-hidden {
          /* center */
          display: none;
          position: absolute;
          padding-left : 1px;
          padding-right : 1px;
          padding-top  : 1px;
          padding-bottom : 1px;
            top: 0px;
            left: 0px;
          /* style du bloc qui apparait */
          border: 2px solid black;
          border-radius: 15px;
          background-color: #800000;
  font-family: courrier new
          -moz-border-radius: 5px;
          text-align: center;
            visibility: visible;
  width: 110px;
  height: 90px;
        }
        .lock:hover .lock-hidden {
          display: block;
        }

/**************/

      1. .liensutiles{
      2. border-left: 3px solid #000;}
      3. .liensutiles :hover{
      4. border-left: 3px solid #fff;}



/*-----------------------QEEL by Coma-----------------------*/
.fontqeel {
  background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
  background-repeat: repeat;
  -moz-border-radius: 20px; /* Coins arrondis sous Mozilla */
  -webkit-border-radius: 20px; /* Coins arrondis sous Chrome */
  border-radius:20px; /* Coins arrondis sur les navigateurs récents */
}

.groupes {
  text-transform: uppercase;/* transforme le texte en lettres majuscules */
  font-weight : bold;/*texte en gras*/
  font-size:14px; /* Taille du texte */
}

.liste24h {
  height:40px; /* hauteur de la liste des utilisateurs connectés au cours des dernières heures */
  overflow:auto; /* scroll automatique quand la hauteur dépasse */
}

.liste24h td.row1{
  background:#D9C0A4; /*couleur de fond (la meme que celle de votre QEEL de preference) */
}


/******QEEL********/


/*partie des connectés*/
.connectnow {
WIDTH: 96%;
HEIGHT: 110px;
OVERFLOW: auto;
border-left: 4px double #800000;
  border-right: 4px double #800000;
-moz-border-radius: 10px;
font-family: Times new roman;
font-size: 12px;
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
  background-repeat: repeat;
}


/*partie des connectés depuis 24h*/
.liste24h {
WIDTH: 96%;
HEIGHT: 110px;
OVERFLOW: auto;
border-left: 4px double #333333;
  border-right: 4px double #ffffff;
-moz-border-radius: 10px;
font-family: Times new roman;
font-size: 12px;
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
  background-repeat: repeat;;
}

/*partie des stats*/
.infos {

-moz-border-radius: 0px;
text-align: justify;
font-family: Times new roman;
font-size: 16px;
  width: 400px;
  text-align:justify
    background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
  background-repeat: repeat;

}

/*cadre avec groupes*/
.groupes {

-moz-border-radius: 15px15px 0px 0px;
background-image:none;
text-align: center;
font-family: georgia;
font-size: 18px;
letter-spacing:1px;
}

/*qeel entier*/
.qeel {
border-top : 5px solid #A3C3C3;
border-bottom : 2px solid #333333;
-moz-border-radius: 15px;
background-color:#800000;
}


.cadre2 {
border-top : 5px solid #A3C3C3;
border-bottom : 4px solid #333333;
-moz-border-radius: 15px 15px 0px 0px;
background-color:none;

}





       








/*partie description de groupes*/
.descripgroupe {
border-top : 5px solid #800000;
border-bottom : 4px solid #333333;
-moz-border-radius: 15px15px 0px 0px;
background-color:none;
text-align: center;
font-family: georgia;
font-size: 16px;
letter-spacing:1px;
  width: 150px;
height: 150px;
}
/*partie des groupes*/
.groupe {
 
border : 1px solid #ff0000;
}





.secondarytitle {
    background-image: url('http://i49.servimg.com/u/f49/15/49/49/31/catabi10.png');
    background-repeat: no-repeat;
    background-color: transparent;
    height: 250px;
    width: 800px;
    }
 
    .imgbas {
    background-image: url('http://i49.servimg.com/u/f49/15/49/49/31/bas_bi10.png');
    background-repeat: no-repeat;
    background-color: transparent;
    height: 151px;
    width: 800px;
    }

        .catposition a {
position : relative;
left : 80px;
bottom : 60px;
}


Dernière édition par nyly* le Mer 4 Jan 2012 - 12:56, édité 1 fois
avatar

nyly*
***

Féminin
Messages : 126
Inscrit(e) le : 13/07/2009

http://jwrenaissance.forumactif.org/
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise du qeel hors de la div

Message par Anzu Mar 3 Jan 2012 - 10:17


Bonjour,

Le forum est en maintenance donc nous n'y avons pas accès Razz

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise du qeel hors de la div

Message par nyly* Mar 3 Jan 2012 - 15:06

oups excusez moi, j'ai oublié d'enlever çà ^^

Voilà vous avez maintenant la possibilité de voir ^^
avatar

nyly*
***

Féminin
Messages : 126
Inscrit(e) le : 13/07/2009

http://jwrenaissance.forumactif.org/
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise du qeel hors de la div

Message par Anzu Mar 3 Jan 2012 - 19:36

Remplacez votre index body par celui ci:

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" scope="{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" scope="{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 -->
                    <div class="groupes">
                      <a href="/g3-tokio-hotel"/><span style="color:#A62A2A;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/th10.png"/></span></a>
                    <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
                      <a href="/g4-proches-staff"/><span style="color:#9E5F9E;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/proche10.png"/></span></a>
                    <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
                    <a href="/g5-photographes-journalistes"/><span style="color:#5959AB;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/journa10.png"/></span></a>
                    <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
                    <br><a href="/g6-fans"/><span style="color:#31CC98;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/fans10.png"/></span></a>
                    <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
                    <a href="/g7-autres"/><span style="color:#FF8000;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/others10.png"/></span></a>
                    <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
                      <a href="/g8-gossip-girl"/><span style="color:#C900BC;"><img src="http://i49.servimg.com/u/f49/15/49/49/31/gg10.png"/></span></a>
                    <img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
                </div>
                      <br>
                <div style="background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/gr3210.jpg');
          background-repeat: repeat;"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
                      <tr> 
                        <td class="row1" width="50%"><img src="http://i49.servimg.com/u/f49/15/49/49/31/online10.png" alt="qui est en ligne ?"/><br>
                          <div class="infos"><div style=" font-size:10px;">Bienvenue à Los Angeles, la ville où tout est permis, où tout le monde se fiche de tout et vit sa vie comme il l'entend. Vous rêvez de voir les Tokio Hotel?? Ils sont peut-être là, entre deux chansons, deux enregistrements, et ils auront peut-être le temps de s'occuper de vous.</div><div class="gensmall">
                    <span id="newestuser">{NEWEST_USER}</span>
                    <script type="text/javascript">
                    document.getElementById('newestuser').innerHTML=document.getElementById('newestuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"En tout cas, il y a une nouvelle personne qui s'installe dans cette blle ville, peut-être l'aimerez-vous, ou peut-être non. Mais accueillez la comme il se doit, il s'agit de");
                    </script>
                <br><br>
                    <span id="kumao">{TOTAL_POSTS}</span>. <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membre/,"citoyen");</script>
                        <span id="kumio">{TOTAL_USERS}</span>. <script type="text/javascript">document.getElementById('kumio').innerHTML=document.getElementById('kumio').innerHTML.replace(/membre/,"citoyens");</script>
       
                </td>
                  <td  width="50%">
                    <div class="connectnow">{LOGGED_IN_USER_LIST}</div><br>
                    <div class="liste24h"><table>{L_CONNECTED_MEMBERS}</table></div>
                    </td>
                      </tr>
                            </table>
                  <!-- BEGIN switch_chatbox_activate -->
                  <tr>
                   
                            <!-- 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,
            oauth: true
        });
        //]]>
        </script>
        <!-- END switch_fb_index_login -->

Je l'ai corrigé, il y avait des erreurs de balise ^^

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise du qeel hors de la div

Message par nyly* Mer 4 Jan 2012 - 12:55

Tout marche très bien, merci beaucoup ^^

Résolu
avatar

nyly*
***

Féminin
Messages : 126
Inscrit(e) le : 13/07/2009

http://jwrenaissance.forumactif.org/
nyly* 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