Aide pour mon Qeel

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

Résolu Aide pour mon Qeel

Message par MissantLoo le Jeu 15 Mar 2012 - 22:51

Bonjour,

A l'aide de beaucoup de recherches, j'ai réussi à changer mon qeel.

Cependant, le rendu n'est pas comme je le souhaite et je ne m'en sors plus dans les différents codes.



J'aimerai inverser les colonnes : que les membres connectés soient au milieu, de manière justifiés et non aligné a gauche, et donc la colonne qui est actuellement au milieu se retrouverait à droite, et elle aussi justifiée.

J'aimerai aussi que le tout soit centré sur la hauteur, car la, c'est assez... approximatif...

Dernière question, comment arriver a sauter une ligne entre mes phrases, j'ai beau chercher en me cassant la tête, je n'arrive pas a placer le <br> au bon endrois


Voici mon template (que j'ai bcp modifié)

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 -->
         <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">
            
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               
               <!-- 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 -->
            <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0"><tr>
            <td width="100%" colspan="2" align="center" valign="bottom">
            <!-- BEGIN switch_viewonline_link -->
          <span class="imgwio"><a class="imgqeel" href="{U_VIEWONLINE}"></a></span>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            <span></span>
            <!-- END switch_viewonline_nolink -->
            </td></tr>
         
            <tr><td width="100%" align="center" valign="middle">
            <table class="qeelcrea" width="950" align="center" border="0" cellspacing="0" cellpadding="0"><tr>
            <td class="castes" width="19%" valign="middle">
            <table><tr><td align="center">                                           
            <div class="Conseil"><a href="http://luna-nostale.forumactif.info/g3-conseil-de-famille">Conseil de famille</a></div>
        <div class="Luna"><a href="http://luna-nostale.forumactif.info/g4-luna">Luna</a></div>
        <div class="Demi-Lune"><a href="http://luna-nostale.forumactif.info/g8-demi-lune">Demi-Lune</a></div>
        <div class="Amis"><a href="http://luna-nostale.forumactif.info/g10-amis-de-luna">Amis de Luna</a></div>
        <div class="coin"><a href="http://luna-nostale.forumactif.info/g18-au-coin">Au coin</a></div>
              <div class="curieux"><a href="http://luna-nostale.forumactif.info/g16-curieux">Curieux</a></div>
            </td></tr></table>
            </td>
         
            <td align="left" width="43%" valign="middle">
            <table width="80%" align="center"><tr><td>
            <div class="mytext" align="justify">

     
            <div class="qeel_align"><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/,"Bienvenue sur le forum Luna!<br> Rejoins nous dans cette merveilleuse aventure qu'est Nostale. <br><br> Depuis peu nous avons ");
                </script>
                <script type="text/javascript">
                document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"petites histoires farfelues.");
                    </script>

                <br><br>
                              <span id="users">{TOTAL_USERS}</span>
                  <br><div style="background;>  {L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY}</div>
                <script type="text/javascript">
                  document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"Nostaliens visitant la Lune");
                  document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"Nostaliens ayant visité la Lune");
                </script>

                          <br> <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/,"Le petit nouveau à nous avoir rejoint est");
                </script>.
 <br><br>

    <span class="gensmall">
    <span id="record">{RECORD_USERS}</span><br><br><br>

         

                <script type="text/javascript"><br><br>
                  document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de Nostaliens traversant les routes lunaires à été de ");
                </script>

                <br><br>
                           
            </div>
            </td></tr></table>
            </td>
            <td width="38%" align="right" valign="middle">
            <table class="wio" width="100%" align="center"><tr>
            <td width="100%" align="left"><span class="gensmall">
    <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                <script type="text/javascript">
                  document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Les Nostaliens se promenant sur la Lune sont ");
                </script><br>
    <div style="  background;>{L_CONNECTED_MEMBERS}
                              </div>

          <span class="gensmall">  <span id="totaluser">{TOTAL_USERS_ONLINE}
              <script type="text/javascript">
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"Membres en ligne");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"Membres en ligne");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Nostaliens");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Nostaliens");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Fantome");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Fantome");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Explorateur.");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Explorateurs.");
    </script>
            </span></div>
    </span></span><br><br>
    <center>  </a></span></center><br><br>
          </td>
    </table>
    </td>
      </tr>
            </td></tr></table>
            </td></tr></table>
    <center>  </a></span></center>
            </td></tr>
            <!-- BEGIN switch_chatbox_activate -->
      <tr>
          <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
            <span class="gensmall">Utilisateurs connectés sur la Chatbox: {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>
          </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
});
//]]>
</script>
<!-- END switch_fb_index_login -->


Et mon CSS

Code:



.qeelcrea {
background: url(http://i41.servimg.com/u/f41/15/91/69/19/1301-l13.jpg) no-repeat center center;
width: 100%;
height: 500px;
border: 3px solid Black;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
padding: padding-left:120px;
margin: margin: 100px 40px 10px 70px;
z-index: 1;
}
.castes a {
display: inline;
font: bold 18px trebuchet ms; /* ordre a respecter pour les normes W3C avec le raccourci font, style variant weight size/height familly (on peut omettre toutes les propriétés sauf le size et le family dans l ordre) */

padding: padding-left:120px;
}
.Conseil a {
color: #960606!important;
}
.Luna a {
color: #566882!important;
}
.Demi-Lune a {
color: #A791AD!important;
}
.Amis a {
color: #F0DFC3!important;
}
.coin a {
color: #9E4D16!important;
}
.curieux a {
color: #595358!important;
}
.castes img {
width: 34px;
height: 34px;
-o-transition: 0.4s ease;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-htm-transition: 0.4s ease;
transition: 0.4s ease;
padding: 7px 3px 0;
margin: margin: 100px 40px 10px 70px;;
}
.castes img:hover {
-o-transition: 0.7s ease;
-webkit-transition: 0.7s ease;
-moz-transition: 0.7s ease;
-htm-transition: 0.7s ease;
transition: 0.7s ease;
-o-transform: rotate(49deg);
-moz-transform: rotate(49deg);
-webkit-transform: rotate(49deg);
-htm-transform: rotate(49deg);
transform: rotate(49deg);
}




Merci d'avance de l'aide que vous pourrez m'apporter Smile


Dernière édition par MissantLoo le Mar 20 Mar 2012 - 0:23, édité 1 fois

MissantLoo
Nouveau membre

Messages : 11
Inscrit(e) le : 19/01/2012

http://luna-nostale.forumactif.info/
MissantLoo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Aide pour mon Qeel

Message par Dr. Karlos le Ven 16 Mar 2012 - 3:20

Bonsoir,

Trouvez cette partie dans votre template:
Code:
  <td align="left" width="43%" valign="middle">
            <table width="80%" align="center"><tr><td>
            <div class="mytext" align="justify">

     
            <div class="qeel_align"><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/,"Bienvenue sur le forum Luna!<br> Rejoins nous dans cette merveilleuse aventure qu'est Nostale. <br><br> Depuis peu nous avons ");
                </script>
                <script type="text/javascript">
                document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"petites histoires farfelues.");
                    </script>

                <br><br>
                              <span id="users">{TOTAL_USERS}</span>
                  <br><div style="background;>  {L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY}</div>
                <script type="text/javascript">
                  document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"Nostaliens visitant la Lune");
                  document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"Nostaliens ayant visité la Lune");
                </script>

                          <br> <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/,"Le petit nouveau à nous avoir rejoint est");
                </script>.
 <br><br>

    <span class="gensmall">
    <span id="record">{RECORD_USERS}</span><br><br><br>

         

                <script type="text/javascript"><br><br>
                  document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de Nostaliens traversant les routes lunaires à été de ");
                </script>

                <br><br>
                           
            </div>
            </td></tr></table>
            </td>
            <td width="38%" align="right" valign="middle">
            <table class="wio" width="100%" align="center"><tr>
            <td width="100%" align="left"><span class="gensmall">
    <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                <script type="text/javascript">
                  document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Les Nostaliens se promenant sur la Lune sont ");
                </script><br>
    <div style="  background;>{L_CONNECTED_MEMBERS}
                              </div>

          <span class="gensmall">  <span id="totaluser">{TOTAL_USERS_ONLINE}
              <script type="text/javascript">
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"Membres en ligne");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"Membres en ligne");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Nostaliens");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Nostaliens");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Fantome");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Fantome");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Explorateur.");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Explorateurs.");
    </script>
            </span></div>
    </span></span><br><br>
    <center>  </a></span></center><br><br>
          </td>
    </table>
    </td>
Et remplacez-la par celle-ci:
Code:
<td width="38%" align="right" valign="middle">
            <table class="wio" width="100%" align="center"><tr>
            <td width="100%" align="left"><span class="gensmall">
    <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                <script type="text/javascript">
                  document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Les Nostaliens se promenant sur la Lune sont ");
                </script><br>
    <div style="  background;>{L_CONNECTED_MEMBERS}
                              </div>

          <span class="gensmall">  <span id="totaluser">{TOTAL_USERS_ONLINE}
              <script type="text/javascript">
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"Membres en ligne");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"Membres en ligne");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Nostaliens");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Nostaliens");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Fantome");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Fantome");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Explorateur.");
                  document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Explorateurs.");
    </script>
            </span></div>
    </span></span><br><br>
    <center>  </a></span></center><br><br>
          </td>
    </table>
    </td>
            <td align="left" width="43%" valign="middle">
            <table width="80%" align="center"><tr><td>
            <div class="mytext" align="justify">

     
            <div class="qeel_align"><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/,"Bienvenue sur le forum Luna!<br> Rejoins nous dans cette merveilleuse aventure qu'est Nostale. <br><br> Depuis peu nous avons ");
                </script>
                <script type="text/javascript">
                document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"petites histoires farfelues.");
                    </script>

                <br><br>
                              <span id="users">{TOTAL_USERS}</span>
                  <br><div style="background;>  {L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY}</div>
                <script type="text/javascript">
                  document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"Nostaliens visitant la Lune");
                  document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"Nostaliens ayant visité la Lune");
                </script>

                          <br> <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/,"Le petit nouveau à nous avoir rejoint est");
                </script>.
 <br><br>

    <span class="gensmall">
    <span id="record">{RECORD_USERS}</span><br><br><br>

         

                <script type="text/javascript"><br><br>
                  document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de Nostaliens traversant les routes lunaires à été de ");
                </script>

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


Pour le retour à la ligne, remplacez cette partie dans votre template:
Code:
<span id="users">{TOTAL_USERS}</span>
                  <br><div style="background;>  {L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY}</div>
Par celle-ci:
Code:
<span id="users">{TOTAL_USERS}</span><br /><br />
                  <div style="background;>  {L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY}</div>


Ensuite, pour le texte justifié, remplacez ce code dans votre CSS:
Code:
<td width="38%" align="right" valign="middle">
            <table class="wio" width="100%" align="center"><tr>
            <td width="100%" align="left">
Par celui-ci:
Code:
<td width="38%" align="justify" valign="middle">
            <table class="wio" width="100%" align="justify"><tr>

N'oubliez pas de publier les modifications avec ajout. Wink


Pour centrer le tout, nous devrons utiliser le CSS. Remplacez cette partie dans votre CSS:
Code:
.qeelcrea {
background: url(http://i41.servimg.com/u/f41/15/91/69/19/1301-l13.jpg) no-repeat center center;
width: 100%;
height: 500px;
border: 3px solid Black;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
padding: padding-left:120px;
margin: margin: 100px 40px 10px 70px;
z-index: 1;
}
Par celle-ci:
Code:
.qeelcrea {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 3px solid black;
border-radius: 20px;
height: 500px;
margin: margin:;
padding-top: 10px;
width: 100%;
z-index: 1;
}


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour mon Qeel

Message par MissantLoo le Ven 16 Mar 2012 - 11:42

Merci beaucoup Very Happy

Cela fonctionne très bien et je me rend compte pourquoi ma balise
ne fonctionnait pas, je n'utilisais apparemment pas la bonne ^^

J'ai fais les changements, et ajusté quelques petites choses par ci par là et c'est déjà beaucoup mieux.




Edit :

J'ai (encore) changé d'avis sur la position de mes parties, désolée.

J'aimerai en fait que les groupes soient en haut (sur une même ligne), les statistiques à gauche, au milieu, garder une place vide pour que j'y insère un texte ou une image et à droite les derniers connectés
(exemple : voir ce forum http://vampiremysticfalls.forumactif.com/)

Autre solution (si elle est plus simple pour vous) : la partie statistique (en blanc) à gauche, les groupes au milieu (centrés) et les membres connectés à droite.

J'ai passé ma journée à essayer de modifier mon template, et rien a faire, les tableaux je n'arrive pas à m'y retrouver.



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 -->
         <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">
            
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               
               <!-- 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 -->
            <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0"><tr>
            <td width="100%" colspan="2" align="center" valign="bottom">
            <!-- BEGIN switch_viewonline_link -->
          <span class="imgwio"><a class="imgqeel" href="{U_VIEWONLINE}"></a></span>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            <span></span>
            <!-- END switch_viewonline_nolink -->
            </td></tr>
         
            <tr><td width="100%" align="center" valign="middle">
            <table class="qeelcrea" width="950" align="center" border="0" cellspacing="0" cellpadding="0"><tr>
            <td class="castes" width="19%" valign="middle">
            <table><tr><td align="center">                                           
            <div class="Conseil"><a href="http://luna-nostale.forumactif.info/g3-conseil-de-famille">Conseil de famille</a></div>
        <div class="Luna"><a href="http://luna-nostale.forumactif.info/g4-luna">Luna</a></div>
        <div class="Demi-Lune"><a href="http://luna-nostale.forumactif.info/g8-demi-lune">Demi-Lune</a></div>
        <div class="Amis"><a href="http://luna-nostale.forumactif.info/g10-amis-de-luna">Amis de Luna</a></div>
        <div class="coin"><a href="http://luna-nostale.forumactif.info/g18-au-coin">Au coin</a></div>
              <div class="curieux"><a href="http://luna-nostale.forumactif.info/g16-curieux">Curieux</a></div>
            </td></tr></table>
            </td>
         
            <td align="left" width="100%" valign="middle">
            <table width="100%" align="center"><tr><td>
            <div class="mytext" align="justify">

     
                  <td width="38%" align="justify" valign="middle">
                    <table class="wio" width="100%" align="justify"><tr>
                      <span class="gensmall">
            <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                        <script type="text/javascript">
                          document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Les Nostaliens se promenant sur la Lune sont ");
                        </script><br><br /><br />
            <div style="  background;>{L_CONNECTED_MEMBERS}
                                      </div>
       
                  <span class="gensmall"><br /><br />  <span id="totaluser">{TOTAL_USERS_ONLINE}
                      <script type="text/javascript">
                          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"Membres en ligne");
                          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"Membres en ligne");
                          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Nostalien");
                          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Nostalien");
                          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Fantome");
                          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Fantome");
                          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Explorateur");
                          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Explorateur");
            </script>
                    </span></div>
            </span></span><br><br>
            <center>  </a></span></center><br><br>
                  </td>
            </table>
            </td>
                    <td align="left" width="43%" valign="middle">
                    <table width="80%" align="center"><tr><td>
                    <div class="mytext" align="justify">
       
           
                    <div class="qeel_align"><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/,"Bienvenue sur le forum Luna!<br><br /><br /> Rejoins nous dans cette merveilleuse aventure qu'est Nostale. <br><br /><br /> Depuis peu nous avons ");
                        </script>
                        <script type="text/javascript">
                        document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"petites histoires farfelues.");
                            </script>
       
                        <br><br>
                                            <span id="users">{TOTAL_USERS}</span><br /><br />
                          <div style="background;>  {L_WHOSBIRTHDAY_TODAY}

            </div>
                        <script type="text/javascript">
                          document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"Nostaliens visitant la Lune");
                          document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"Nostaliens ayant visité la Lune");
                        </script>
       
                                  <br> <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/,"Le petit nouveau à nous avoir rejoint est");
                        </script>.
        <br><br><br /><br />
       
            <span class="gensmall">
            <span id="record">{RECORD_USERS}</span><br><br><br>
       
               
       
                        <script type="text/javascript"><br><br>
                          document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de Nostaliens traversant les routes lunaires à été de ");
                        </script>
       
                        <br><br>
                                 
                    </div>
                    </td></tr></table>
                    </td>
      </tr>
            </td></tr></table>
            </td></tr></table>
    <center>  </a></span></center>
            </td></tr>
            <!-- BEGIN switch_chatbox_activate -->
      <tr>
          <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
            <span class="gensmall">Utilisateurs connectés sur la Chatbox: {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>
          </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
});
//]]>
</script>
<!-- END switch_fb_index_login -->



Merci encore d'avance a ceux qui passerons du temps sur mon problème Bizz

MissantLoo
Nouveau membre

Messages : 11
Inscrit(e) le : 19/01/2012

http://luna-nostale.forumactif.info/
MissantLoo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour mon Qeel

Message par MissantLoo le Sam 17 Mar 2012 - 12:36

up I love you

MissantLoo
Nouveau membre

Messages : 11
Inscrit(e) le : 19/01/2012

http://luna-nostale.forumactif.info/
MissantLoo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour mon Qeel

Message par MissantLoo le Mar 20 Mar 2012 - 0:23

J'ai réussis à me débrouiller autrement, merci encore pour l'aide.

J'édite en résolu.

MissantLoo
Nouveau membre

Messages : 11
Inscrit(e) le : 19/01/2012

http://luna-nostale.forumactif.info/
MissantLoo 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