Problème qeel en slider

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

Résolu Problème qeel en slider

Message par Caitlyn Gaka le Mar 21 Fév 2012 - 19:24

Bonjour,

Comme dit dans le titre, j'aimerais faire un slider en deux parties dans le qeel. (Donc deux sliders). Une partie pour les statistiques du forum et une partie pour les groupes.
Cependant, après avoir séparer les statistiques et les groupes, lorsque j'installe mon premier slide, les groupes disparaissent.

Je vous donne mon template index_body:

Spoiler:
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<center><table class="forumline" width="750px" 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></center>
<!-- END message_admin_index -->

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

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

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

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

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
   </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="slides3">
  <div>
    <img src="http://img11.hostingpics.net/pics/890355Fondqeel1.jpg"/>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- 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 -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall"><span id="bert">{TOTAL_POSTS}
                </span>
                <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Notre grande famille a posté un total de").replace(/messages/,"messages");
                </script><br />
      <span id="matt">{TOTAL_USERS}
                </span>
                <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Actuellement").replace(/membres enregistrés/,"étudiants et membres du personnel sont parmis nous");
                </script><br />
      
                       
   <tr>
      <td class="row1"><span class="gensmall">        <span id="celine">{TOTAL_USERS_ONLINE}</span>
                          <script type="text/javascript">                  document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"Arpentent les pensionnats en ce moment").replace(/utilisateur(s?) en ligne/,"personnes").replace(/::/,":").replace(/Enregistré(s?)/,"pensionnaires").replace(/Invisible(s?) et/,"voulant se cacher et").replace(/Invité(s?)/,"visiteurs");
                          </script><br />
              <span id="connectes">{RECORD_USERS}
                    </span>
                    <script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Au plus grand bonheur de la ville, le plus grand nombre de personnes ayant été apperçut est de");
                    </script><br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
       <script type="text/javascript">
    jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des * dernières heures : ','Membres présents au court des dernières 24h'));
    </script>
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- 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>
          </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 -->

Et la feuille CSS de la partie concernée:

Spoiler:
Code:

/*==================== Design Qeel ======================*/

#slides3 div {
   height: 320px; /* Égal à la hauteur de l'image */
   margin: 10px;
   overflow: hidden;
   position: relative;
   width: 374px; /* Égal à la largeur de l'image */
}

#slides3 div:hover img {
   transform: translateY(-200px); /* Valeur négative égale à la hauteur de l'image */
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -webkit-transform: translateY(-200px);
}

#slides3 div img {
   left: 0;
   position: absolute;
   top: 0;
   transition: transform 1.2s ease-in-out;
   -moz-transition: -moz-transform 1.2s ease-in-out;
   -o-transition: -o-transform 1.2s ease-in-out;
   -webkit-transition: -webkit-transform 1.2s ease-in-out;
}

#slides3 p {
        text-align: left;
        font-size: 11px;
        color: #fff;
        letter-spacing: -1px;
        border: 1px solid #c65c9d;
        background-color:#131718;
        height:200px;
        padding-left:10px;
}


Je vous remercie d'avance pour votre aide !



Dernière édition par Caitlyn Gaka le Sam 25 Fév 2012 - 17:37, édité 1 fois

Caitlyn Gaka
Nouveau membre

Messages : 6
Inscrit(e) le : 06/12/2011

http://meian.forumgratuit.org/forum
Caitlyn Gaka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème qeel en slider

Message par Caitlyn Gaka le Jeu 23 Fév 2012 - 13:12

Personne pour m'aider ?

Caitlyn Gaka
Nouveau membre

Messages : 6
Inscrit(e) le : 06/12/2011

http://meian.forumgratuit.org/forum
Caitlyn Gaka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème qeel en slider

Message par Final-Blonde le Jeu 23 Fév 2012 - 15:17

Bonjour Caitlyn Gaka.

Peux-tu fournir un schéma de ce que tu aimerais exactement atteindre ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème qeel en slider

Message par Caitlyn Gaka le Ven 24 Fév 2012 - 19:10

Merci de votre réponse, voici donc les images (j'espère que j'ai expliqué comme il faut !)

Spoiler:

Ensuite les slider remontent au passage de la souris:

Spoiler:

Et enfin:

Spoiler:

Caitlyn Gaka
Nouveau membre

Messages : 6
Inscrit(e) le : 06/12/2011

http://meian.forumgratuit.org/forum
Caitlyn Gaka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème qeel en slider

Message par Final-Blonde le Ven 24 Fév 2012 - 20:21

Ce sont les statistiques et les groupes qui sont en slide ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème qeel en slider

Message par Caitlyn Gaka le Ven 24 Fév 2012 - 20:59

Non, deux images en slide. Les statistiques et les groupes sont en dessous des images en donc ne bougent pas.

Caitlyn Gaka
Nouveau membre

Messages : 6
Inscrit(e) le : 06/12/2011

http://meian.forumgratuit.org/forum
Caitlyn Gaka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème qeel en slider

Message par Final-Blonde le Ven 24 Fév 2012 - 22:10

Aïe !
Comme tu as du rouge dans les balises, c'est que ce n'est pas bon.

Il faudrait que tu mettes ton code en ordre.
Par exemple tu as des balises ouvertes qui ne se referment pas (des span, des tr et des td), c'est rédhibitoire.

Comme je ne sais pas ce que ces balises sont sensées faire, je ne peux pas t'aider ainsi.

En revanche, je te suggère de laisser pour l'instant de côté le volet "slide", de mettre ton QEEL au prorpre (sans balise en rouge), tel quel avec tes scripts (auxquels je ne connais pas assez), et ensuite je pourrai t'aider à installer les deux slides. Wink

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème qeel en slider

Message par Caitlyn Gaka le Ven 24 Fév 2012 - 22:53

Voilà c'est fait, j'ai supprimé tout ce qui avait rapport avec le slide, normalement tout est bon.

Voici le code du template:

Spoiler:
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<center><table class="forumline" width="750px" 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></center>
<!-- END message_admin_index -->

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

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

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

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

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
   </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 -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- 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 -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- 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" />


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


Caitlyn Gaka
Nouveau membre

Messages : 6
Inscrit(e) le : 06/12/2011

http://meian.forumgratuit.org/forum
Caitlyn Gaka a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème qeel en slider

Message par Final-Blonde le Sam 25 Fév 2012 - 10:13

Salut,

Tu as remis le template par défaut en fait, et c'est aussi ainsi que j'avais fini par le faire hier.
Néanmoins, fais attention avec tes balises. Ce template par défaut n'a pas de balises en rouge (certains en ont), ce qui signifie qu'il faut aussi ne pas en créer quelques soient les modifications qu'on y apporte.

Ok, voici seulement la partie concernée du template, et tant que tu n'as pas mis en résolu ton sujet, je te demande de laisser cette partie sans indentation (espace en début de ligne), idem pour le CSS.

On commence pour changer, avec le CSS :
Spoiler:
/*------------------------------ Slide Design Qeel ---------------------------*/
/*slide up on image*/
.slides3 {
width: auto;
margin: 0px auto;
}
.slides3 div {
position: relative;
background: #fff;
width: 375px;
height: 320px;
margin: 10px;
overflow: hidden;
cursor: pointer;
}
.slides3 div table {
padding: 0 10px;
}
.slides3 div img {
position: absolute;
left: 0;
top: 0;
transition: transform 1.7s ease-in-out;
-moz-transition: -moz-transform 1.7s ease-in-out;
-o-transition: -o-transform 1.7s ease-in-out;
-webkit-transition: -webkit-transform 1.7s ease-in-out;
}
.slides3 div.slide-up:hover img {
transform: translateY(-320px);
-moz-transform: translateY(-320px);
-o-transform: translateY(-320px);
-webkit-transform: translateY(-320px);
}
.mystats {
width: auto;
height: 315px;
overflow-y: auto; /*scollbar en cas de dépassement*/
padding: 7px;
margin: 0;
}
.mygoups {
width: auto;
height: 315px;
overflow-y: auto; /*scollbar en cas de dépassement*/
padding: 7px;
margin: 0;
}

Pour ce qui est du HTML, je pense que tu comprendras aisément le principe, en suivant les balises (et les sauts de ligne),mais n'hésite pas pour les questions.
Donc remplace juste la partie donnée :
Code:
<!-- BEGIN disable_viewonline -->
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td align="center" valign="middle">
 
<div class="slides3"><div class="slide-up">
<table class="forumline mystats" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td class="catHead" align="left" colspan="2" height="28">
<!-- 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 -->
</td></tr>
<tr><td class="row1" rowspan="6" align="left" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr><td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
</table> 
<img src="http://img11.hostingpics.net/pics/890355Fondqeel1.jpg" alt="stats" />
</div></div>
 
</td>

<td align="center" valign="middle">

<div class="slides3"><div class="slide-up">
<table class="mygroups" width="100%" border="0" cellspacing="1" cellpadding="0"><tr>
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr></table>
<img src="http://img11.hostingpics.net/pics/890355Fondqeel1.jpg" alt="groups" />
</div></div>
 
</td></tr>
 
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1" colspan="2">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
<!-- 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 -->

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème qeel en slider

Message par Caitlyn Gaka le Sam 25 Fév 2012 - 16:28

Merci !

C'est génial. C'est exactement ce que je voulais !

Caitlyn Gaka
Nouveau membre

Messages : 6
Inscrit(e) le : 06/12/2011

http://meian.forumgratuit.org/forum
Caitlyn Gaka 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