Problème d'affichage de mon QEEL

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

Résolu Problème d'affichage de mon QEEL

Message par Sinavlia le Lun 10 Mar 2014 - 22:48

Bonjour à tous !

J'ai un problème avec mon QEEL : en effet, en bas de celui-ci il y a un large espace et en plus les trois variables contenues dans des <table> refusent de prendre l'apparence que je leur ai imposée avec mon ami CSS.

Je ne sais absolument pas à quoi c'est dû, c'est pour cela que je me tourne vers vous  Confused 
Voici le lien du forum : http://liberte-fruitee.faireforum.com/

Quelqu'un serait-il en mesure de m'aider ?  Embarassed 

Merci et au revoir  Cool


Dernière édition par Sinavlia le Jeu 20 Mar 2014 - 18:33, édité 1 fois

Sinavlia
***

Féminin
Messages : 101
Inscrit(e) le : 02/04/2013

http://eclectic-paradise.faireforum.com
Sinavlia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de mon QEEL

Message par Invité le Mer 12 Mar 2014 - 16:27

Yop !
Je pense pouvoir t'aider à résoudre ce problème, mais sans savoir ce que contient précisément tes codes, ce sera un peu dur xD Est-ce que je pourrais avoir le template de ta page d'accueil & ton css s'il te plaît ?

Invité
Invité


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

Résolu Re: Problème d'affichage de mon QEEL

Message par Sinavlia le Mer 12 Mar 2014 - 16:45

Oh, désolée, tête en l'air que je suis ! ><
J'y ai pensé en plus !

Voilà mon CSS :

Code:
body {
background-image:url('http://image.noelshack.com/fichiers/2014/10/1393885481-pattern-d82u.png');
background-attachment:fixed;
margin-top:0;
}

textarea, .textarea.post, input.post {
font-family:'Gafata', cursive;
}

.bodyline {
border-left:50px solid #D9589A;
border-right:50px solid #D9589A;
padding:0;
background-color:#F9EEFB;
}

#nav_bar {
margin-top:-47px;
background-color:#D9589A;
padding-top:10px;
padding-bottom:10px;
}

img#i_logo {
margin-top:-1px;
}

a {
color:#6F6FEB !important;
text-decoration:none;
}

/* LISTE DES SUJETS */

/* CHATBOX */

body.chatbox {
    background-color:#F08FE8;
}

#chatbox_header .catBottom .cattitle {
visibility : hidden;
}

#chatbox_header .chatbox-options a {
    color:#D9589A !important;
}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options, {
color:#A11E60;
}
 
.titre_cb {
font-size:80px;
color:#6F6FEB;
font-family:'Montez', cursive;
text-shadow:1px 1px 1px black;
position:relative;
top:32px;
}

/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_titre
{
  clear: both;
  height: 100px;
  margin-top:50px;
}
.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 932px;
height: 50px;
margin-top:20px;
margin-left: auto;
margin-right : auto;
background-color: #6F6FEB;
}
.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
  margin-right: auto;
  margin-top: -70px;
text-align: center;
padding: 2px;
}
.catetitre
{
color:#F7D2F2;
font-family:'Montez', cursive;
font-size: 50px;
text-shadow: 1px 1px 0px #000000;
margin-top:-10px;
}

.forum_bloc
{
  width: 948px;
  position:relative;
  left:27px;
  margin-top:-20px;
}
.forum
{
float: left;
width: 461px;
height: 250px;
margin-left: 5px;
margin-right: 7px;
margin-bottom: 50px;
}
a.forumlink
{
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height:50px;
  background-color:#F7D2F2;
  text-align: center;
  margin-top:-10px;
font-family:'Bell MT', georgia;
font-size: 25px;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
a.forumlink:hover
{
color:#F08FE8 !important;
text-decoration:none !important;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 98.4%;
  height: 90%;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  background-color:#F08FE8;
}
.description
{
  display: block;
  width: 200px;
  margin: auto;
  padding:5px;
  height: 150px;
  float:left;
  font-size:14px;
  font-family:'Bell MT';
}

.stats_lastpost
{
  display: block;
  width: 160px;
  height: 80px;
  margin-left: 10px;
  background-color:#D9589A;
  border: 1px solid #a01e5f;
  padding: 5px;
  text-align: center;
}
.stats
{
 display: block;
  font-size:20px;
  color:#F9EEFB;
  font-variant:small-caps;
  text-align:center;
  margin-left:5px;
}
.icone_stats
{
z-index:-99;
position:relative;
}

#contour_stats {
float:right;
}

.lastpost
{
  display: block;
  font-size: 11px;
}
.l_lastpost {
position:relative;
top:12px;
left:10px;
font-family:'Montez', cursive;
text-shadow:1px 1px 1px black;
font-size:25px;
color:#6F6FEB;
}
.sforum
{
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background:#D9589A;
  color:#F7D2F2;
  overflow: hidden;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum
{
  position: relative;
  z-index: 3;
  left:20px;
  display: block;
  float: right;
  width: 120px;
  margin-right: 20px;
  background:#D9589A;
  color:#F9EEFB;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
  cursor:pointer;
  height: 50px;
  background:#D9589A;
  color:#F9EEFB;
  padding: 4px;
  overflow: auto;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.sous_forum a
{
  color:#F9EEFB !important;
}

/* QEEL */

#conteneur {
font-family:'Bell MT';
width: 700px;
height: 460px;
margin: auto;
font-size:14px;
}

.contour_qeel {
display: inline-block;
vertical-align:top;
}
 
.bloc1qeel {
vertical-align:top;
display:inline-block;
height:280px;
width:200px;
padding:5px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
margin-right:10px;
}
 
.bloc2qeel {
margin-top:12px;
vertical-align:bottom;
height:120px;
width:422px;
padding:5px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
}

.bloc3qeel {
position:relative;
top:-460px;
left:600px;
display:inline-block;
height:120px;
width:200px;
padding:5px;
margin-bottom:20px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
  overflow:hidden;
}

.bloc4qeel {
position:relative;
top:-306px;
left:388px;
vertical-align:top;
display:inline-block;
margin-top:-10px;
height:280px;
width:200px;
padding:5px;
overflow-y:auto;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
margin-right:10px;
}
 
.titre1qeel {
font-family:'Montez', cursive;
color:#6F6FEB;
font-size:40px;
text-align:center;
text-shadow:1px 1px 1px black;
border-bottom:1px solid #6F6FEB;

 
.titre2qeel {
font-family:'Montez', cursive;
margin-top:38px;
margin-left:-35px;
color:#6F6FEB;
font-size:30px;
width:120px;
border-bottom:1px solid #6F6FEB;
text-shadow:1px 1px 1px black;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
}

.table_qeel {
font-family:'Bell MT', georgia;
background-color:transparent;
}

Et mon template index_body :

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td 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 rowspan="3" 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 -->
<br /><br /><br />
<span class="titre_cb">La chatbox</span>
{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></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </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 id="conteneur">
   <div class="contour_qeel">
      
      <div class="bloc1qeel">
         
         <div class="titre1qeel">
             <img src="http://www.osteo2ls.com/img/atouts/atout_4.png" style="margin-bottom:-8px;width:35px;height:35px;" /> Stat's
         </div>
                  {TOTAL_USERS}<br />
                  {TOTAL_POSTS}<br /><br />
                  {NEWEST_USER}
                </div>
      
      <div class="bloc1qeel">
         
         <div class="titre1qeel">
             <img src="http://www.donnemoilinfo.com/forums/styles/etech/theme/images/whosonline.gif" style="margin-top:6px;width:25px;height:25px;" /> Présences
         </div>
                  {TOTAL_USERS_ONLINE}<br />
                  {LOGGED_IN_USER_LIST}<br />
                  <table class="table_qeel">{L_CONNECTED_MEMBERS}</table>
                            </div>
                  </div>
      
      <div class="bloc2qeel">
         
         <div class="titre1qeel">
             <img src="http://forum.phpfrance.com/images/smilies/merci.gif" /> Crédits et mercis
         </div>
                  Catégories réalisées en partie grâce au tutoriel de Sparrow-Style de <a href="http://www.never-utopia.com/" target="_blank">Never-Utopia.</a>
      </div>
      
   </div>
   <div class="contour_qeel">
      
      <div class="bloc3qeel">
         
         <div class="titre2qeel">
             <img src="https://launchpad.net/@@/team-logo" style="width:30px;height:30px;" /> Anniv's
         </div>
                  <span style="position:relative;top:-80px;left:55px;">
                    <table class="table_qeel">{L_WHOSBIRTHDAY_TODAY}<br />
                      {L_WHOSBIRTHDAY_WEEK}</table>
                  </span>
      </div>
       
      <div class="bloc4qeel">
         
         <div class="titre1qeel">
             <img src="http://www.dimelo.fr/img/style/community-users-icon.png" style="width:30px;height:30px;margin-top:8px;" />Groupes
         </div>
GROUPES ICI
      </div>
</div>      
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
{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 -->
<link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>

Sinavlia
***

Féminin
Messages : 101
Inscrit(e) le : 02/04/2013

http://eclectic-paradise.faireforum.com
Sinavlia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de mon QEEL

Message par Invité le Mer 12 Mar 2014 - 17:17

J'ai regardé un peu ton code et le problème, c'est dans ton css, plus précisément la position des blocs 3 & 4 dans le QEEL. Le gros blanc en dessous du QEEL est en réalité la hauteur que tu as donné au bloc 4 puisque c'était sa place d'origine, et vu que tu l'as laissé là ( le code ) où il était pour le remonter, bah la taille est restée. eve

Du coup, pour régler ce problème, ce serait mieux de faire remonter le code ( et non le bloc lui-même )( et je sais pas si tu comprends ce que je veux dire xD ) au niveau des deux blocs en haut à gauche à l'aide de tableaux.

Invité
Invité


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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Problème d'affichage de mon QEEL

Message par Sinavlia le Mer 12 Mar 2014 - 18:20

Mikko, j'avoue, j'ai pas très bien compris xD
Tivia, ça ne change rien ^^

Sinavlia
***

Féminin
Messages : 101
Inscrit(e) le : 02/04/2013

http://eclectic-paradise.faireforum.com
Sinavlia a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Problème d'affichage de mon QEEL

Message par Lisouille le Mer 12 Mar 2014 - 18:38

Bonsoir Smile

Au lieu du :
Code:
margin-top: -10px;
Il est mis
Code:
margin-top: -318px;

Voilà le petit changement Wink

Lisouille
Nouveau membre

Messages : 15
Inscrit(e) le : 25/02/2014

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Problème d'affichage de mon QEEL

Message par Lisouille le Mer 12 Mar 2014 - 19:27

Ah oui  Embarassed  Autant pou moi :S

Lisouille
Nouveau membre

Messages : 15
Inscrit(e) le : 25/02/2014

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

Résolu Re: Problème d'affichage de mon QEEL

Message par MlleAlys le Mer 12 Mar 2014 - 19:36

Bonjour,
Le positionnement des éléments via les marges n'est pas l'idéal, tout comme les positions relatives sont sensées décaler légèrement les objets de leur place initiale et non de centaines de pixels Wink
Pour un codage plus correct, et un bon positionnement des blocs, le mieux serait je pense de passer par des floats, mais réagencer un peu les blocs et les mettre en display:inline; permet ici de l'améliorer de façon significative ^^

Ce template :
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td 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 rowspan="3" 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 -->
<br /><br /><br />
<span class="titre_cb">La chatbox</span>
{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></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </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 id="conteneur">
    <div class="contour_qeel">
        <div class="bloc1qeel">
            <div class="titre1qeel">
                <img src="http://www.osteo2ls.com/img/atouts/atout_4.png" style="widthpx;height:35px;" />Stat's</div>{TOTAL_USERS}
            <br />{TOTAL_POSTS}
            <br />
            <br />{NEWEST_USER}
        </div>
        <div class="bloc1qeel">
            <div class="titre1qeel">
                <img src="http://www.donnemoilinfo.com/forums/styles/etech/theme/images/whosonline.gif" style="width:25px;height:25px;" />Présences</div>{TOTAL_USERS_ONLINE}
            <br />{LOGGED_IN_USER_LIST}
            <br />
            <table class="table_qeel">{L_CONNECTED_MEMBERS}</table>
        </div>
        <div class="bloc2qeel">
            <div class="titre1qeel">
                <img src="http://forum.phpfrance.com/images/smilies/merci.gif" />Crédits et mercis</div>Catégories réalisées en partie grâce au tutoriel de Sparrow-Style de <a href="http://www.never-utopia.com/" target="_blank">Never-Utopia.</a>

        </div>
    </div>
    <div class="contour_qeel">
        <div class="bloc3qeel">
            <div class="titre2qeel">
                <img src="https://launchpad.net/@@/team-logo" style="width:30px;height:30px;" />Anniv's</div>
                    <table class="table_qeel">{L_WHOSBIRTHDAY_TODAY}<br />
                      {L_WHOSBIRTHDAY_WEEK}</table>

        </div>
        <div class="bloc4qeel">
            <div class="titre1qeel">
                <img src="http://www.dimelo.fr/img/style/community-users-icon.png" style="width:30px;height:30px;" />Groupes</div>GROUPES ICI</div>
    </div>
</div>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}
<br clear="all" />
{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 -->
<link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>

et ce css :
Code:
/* QEEL */
 #conteneur {
    font-family:'Bell MT';
    font-size:14px;
    text-align: center;
    margin:20px;
}
.contour_qeel {
    display: inline-block;
    vertical-align: top;
    text-align:left;
}
.bloc1qeel {
    display:inline-block;
    vertical-align: top;
    height:280px;
    width:200px;
    padding:5px;
    margin: 5px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    background-color:#F7D2F2;
    border:1px solid #6F6FEB;
}
.bloc2qeel {
    margin: 5px;
    height:120px;
    width:422px;
    padding:5px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    background-color:#F7D2F2;
    border:1px solid #6F6FEB;
}
.bloc3qeel {
    margin:5px;
    height:120px;
    width:200px;
    padding:5px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    background-color:#F7D2F2;
    border:1px solid #6F6FEB;
    overflow:hidden;
}
.bloc4qeel {
    margin:10px 5px 5px 5px;
    height:280px;
    width:200px;
    padding:5px;
    overflow-y:auto;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    background-color:#F7D2F2;
    border:1px solid #6F6FEB;
}
.titre1qeel {
    font-family:'Montez', cursive;
    color:#6F6FEB;
    font-size:40px;
    text-align:center;
    text-shadow:1px 1px 1px black;
    border-bottom:1px solid #6F6FEB;
}
.titre2qeel {
    font-family:'Montez', cursive;
    color:#6F6FEB;
    font-size:30px;
    width:120px;
    border-bottom:1px solid #6F6FEB;
    text-shadow:1px 1px 1px black;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
}
.table_qeel {
    font-family:'Bell MT', georgia;
    background-color:transparent;
}
permettent normalement d'obtenir un résultat correct ^^

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: Problème d'affichage de mon QEEL

Message par Sinavlia le Dim 16 Mar 2014 - 22:42

Merci MlleAlys, ça marche ! Il n'y a plus d'espace indésirable en bas !
Par contre, comment je peux personnaliser les balises <table> du qeel ?
Et il y a un défaut pour l'onglet anniv's :S

Sinavlia
***

Féminin
Messages : 101
Inscrit(e) le : 02/04/2013

http://eclectic-paradise.faireforum.com
Sinavlia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage de mon QEEL

Message par MlleAlys le Dim 16 Mar 2014 - 23:01

Pour retirer les fonds et modifier la police des éléments dans les tables, vous pouvez utiliser ce code :
Code:
.table_qeel, .table_qeel span.gensmall, .table_qeel .row1 {
    background-color: none;
    font-family: 'Bell MT', georgia;
    font-size: 12px;
}

Et pour les anniversaires, si vous souhaitez garder le titre pivoté, je pense que je mettrai le block en position relative, pour ensuite positionner le titre avec une position absolue, et enfin mettre une marge de 45ps au tableau des anniversaires ^^

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: Problème d'affichage de mon QEEL

Message par Sinavlia le Jeu 20 Mar 2014 - 18:33

Merci beaucoup, c'est résolu !!

Sinavlia
***

Féminin
Messages : 101
Inscrit(e) le : 02/04/2013

http://eclectic-paradise.faireforum.com
Sinavlia 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