Centrer le QEEL

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

Résolu Centrer le QEEL

Message par Satsu Black le Jeu 25 Aoû 2011 - 11:06

Bonjour!
j'ai réussit a modifier mon QEEl grace a un post très bien expliquer dans forumactif.
Le seul problème : je n'arrive pas a centrer le texte dans mon qui est en ligne.
c'est peut être parce que mes template son déjà modifier?

Aperçu du probleme :


et mon template modifier
Spoiler:

Code:

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

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

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

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

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

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         
<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="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

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

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

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




        <!-- BEGIN disable_viewonline -->
        <center><div class="qeel">
           
     
     
     
              <!-- BEGIN switch_viewonline_link -->
              <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
              <!-- END switch_viewonline_link -->
     
              <!-- BEGIN switch_viewonline_nolink -->
              <span class="cattitle">{L_WHO_IS_ONLINE}</span>
              <!-- END switch_viewonline_nolink -->
           
        <br/>

<span class="gensmall">
        <span id="messages">{TOTAL_POSTS}</span>

        <script type="text/javascript">
              document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les Habitants de Destels se sont Envoyé un Total de: ");
                    </script>
     
     
        <span id="users">{TOTAL_USERS}</span>

                    <script type="text/javascript">
        document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"Destel Possède");
        document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"habitant. ");              document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"habitants. ");
                    </script>
     
                    <span id="newuser">{NEWEST_USER}</span>
                    <script type="text/javascript">            document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière Victime dans Destels est");
                    </script>.
               
     
        </span>
        <br/>
              <span class="gensmall">
     
     
        <span id="tuo"> {TOTAL_USERS_ONLINE}
        <script type="text/javascript">document.getElementById('tuo').innerHTML=document.getElementById ('tuo').innerHTML.replace(/Il y a en tout/," Se Balade(nt)");</script>
        <script type="text/javascript">document.getElementById('tuo').innerHTML=document.getElementById ('tuo').innerHTML.replace(/utilisateur en ligne :/," Etre de Destel ");</script>
        <script type="text/javascript">document.getElementById('tuo').innerHTML=document.getElementById ('tuo').innerHTML.replace(/utilisateurs en ligne :/," Etres de Destels ");</script>
     
          <script type="text/javascript">document.getElementById('tuo').innerHTML=document.getElementById('tuo').innerHTML.replace(/Enregistré/," Habitant ");</script>
        <script type="text/javascript">document.getElementById('tuo').innerHTML=document.getElementById('tuo').innerHTML.replace(/Enregistrés/," Habitants ");</script>
     
          <script type="text/javascript">document.getElementById('tuo').innerHTML=document.getElementById('tuo').innerHTML.replace(/Invisible/," Fantôme ");</script>
        <script type="text/javascript">document.getElementById('tuo').innerHTML=document.getElementById('tuo').innerHTML.replace(/Invisibles/,"Fantômes ");</script>
     
          <script type="text/javascript">document.getElementById('tuo').innerHTML=document.getElementById('tuo').innerHTML.replace(/Invité/," Voyageur");</script>
        <script type="text/javascript">document.getElementById('tuo').innerHTML=document.getElementById('tuo').innerHTML.replace(/Invités/," Voyageurs");</script></span>
     
       

     
     
     
              <span id="record">{RECORD_USERS}<script type="text/javascript">document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/," Le jour ou tout le Monde est allez au Bal est le");</script></span>
     
       

           
              <span id="connectes">{LOGGED_IN_USER_LIST}<script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Utilisateurs enregistrés/," Habitants Présents ");</script></span>
     
      <br/>
     
            <center><table id="kaboum">{L_CONNECTED_MEMBERS}</table></center>
    <script type="text/javascript">
    jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','Habitants de Destel n\'ayant pas Dormis ses dernières 24 heures :'));
    </script><br/>

 <center><table>  {L_WHOSBIRTHDAY_TODAY}
                                    <span id="anniv">
                        </span>
                        {L_WHOSBIRTHDAY_WEEK}
                        <script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aucun Habitants ne fête son Jour de Naissance").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Aucun habitant ne fête son anniversaire dans les 7 prochains jours ou nuit~");
                        </script>
     
     
        </table></center>
        <br/>
              <span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
        <br/>
          <!-- BEGIN switch_chatbox_activate -->
       
           
                <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

                    <!-- BEGIN switch_chatbox_popup -->
                    <div id="chatbox_popup"></div>
                    <script type="text/javascript">
                    //<![CDATA[
                    insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                    //]]>
                    </script>
                    <!-- END switch_chatbox_popup -->
                </span>
             
        <br/>
          <!-- END switch_chatbox_activate -->
              </div></center>
        <!-- END disable_viewonline -->










{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

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

Merci de votre aide!


Dernière édition par Satsu Black le Jeu 25 Aoû 2011 - 16:26, édité 1 fois
avatar

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le QEEL

Message par SoraNoHime le Jeu 25 Aoû 2011 - 15:15

Bonjour

dans votre css .qeel ajoutez text-align : center; avant le }

Cordialement.
avatar

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le QEEL

Message par Satsu Black le Jeu 25 Aoû 2011 - 15:26

Non ce n'est pas sa ><
j'aimerai que le texte soit plus en bas, moi coller vers le haut comme il est ><

Image explicative :


merci de votre réponse Very Happy
avatar

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le QEEL

Message par SoraNoHime le Jeu 25 Aoû 2011 - 15:37

Avez-vous essayé un padding dans ce cas ?

dans .qeel mettre padding : 20px; avant } à régler si besoin.
avatar

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le QEEL

Message par Satsu Black le Jeu 25 Aoû 2011 - 15:40

effectivement, maintenant, je peut regler la position, mais sa a un impact sur l'épaisseur de mon forum aussi ><
avatar

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le QEEL

Message par SoraNoHime le Jeu 25 Aoû 2011 - 15:42

dans ce cas diversifier plutot les padding :

padding-left : 20px;
padding-top : 20px;

à adapter et à mettre à la place de l'autre. Ainsi vous réglerez le décalage respectivement à partir de la gauche et à partir du haut. Cela devrait empecher d'agir qur la grandeur du forum.

Si ça ne fonctionne pas merci de me donner le code de votre .qeel dans la css.
avatar

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le QEEL

Message par Satsu Black le Jeu 25 Aoû 2011 - 15:50

sa ne marche pas, sa agit toujours sur le forum :/

voici le code de mon Qeel :

Code:

.qeel {
background-image : url("http://img4.hostingpics.net/pics/204895822.png");
width: 1000px;
height :500px;
background-repeat : no-repeat;
padding-left : 70px;
padding-top : 70px;}

avatar

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le QEEL

Message par SoraNoHime le Jeu 25 Aoû 2011 - 15:58

Essayez ainsi :
Code:
        .qeel {
        background-image : url("http://img4.hostingpics.net/pics/204895822.png");
        max-width: 878px;
        max-height :441px;
        background-repeat : no-repeat;
        padding-left : 500px;
        padding-top : 50px;
padding-right : 20px;
padding-bottom : 20px;}
       
avatar

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer le QEEL

Message par Satsu Black le Jeu 25 Aoû 2011 - 16:25

parfait! j'ai plus qu'a refaire une image de fond online pour qu'elle aille avec les nouveau parametres et voila ^^! merci beaucoup Very Happy
avatar

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black 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