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

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.

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

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.

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 ><

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.

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;}


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;}
       

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

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