Modification d'un QEEL modifié...

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

Résolu Modification d'un QEEL modifié...

Message par Aliichaa le Mer 14 Sep 2011 - 11:58

Bonjour, j'ai déjà un peu modifier mon QEEL mais, je n'arrive pas à faire vraiment ce que je veux au final, pourtant, j'ai essayer pendant des heures Crying or Very sad

Enfin euh, je pense qu'il ne faux déplacer que quelques balise...

Voici l'état actuelle de mon QEEL sur mon forum test...
Modifié comme vous pouvez le voir
Spoiler:

Moi, j'aurais voulu quelque chose comme ça, avec l'image ordinaire =/
Spoiler:



Je ne sais pas si j'aurais besoin d'un CCS...
Mais, je peux vous fournir le template indexbody modifié, le voici...
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 -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>     
      <td class="row1" width="50%"><span class="gensmall">{TOTAL_POSTS}

      {TOTAL_USERS}

      {NEWEST_USER}</span><br>
      <span class="gensmall">{TOTAL_USERS_ONLINE}

      {RECORD_USERS}

     

      {LOGGED_IN_USER_LIST}</span>
<table>{L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</td>
      <div style="font-size: 12px;margin-bottom: -4px;">{GROUP_LEGEND}</div>
</table></td>
  <td  width="50%"><table>
  </table></td>
      </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td class="row1">
        <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>
      </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 -->

Enfin, si faire cela n'est pas possible, j'aurais au moins essayé... merci...


Dernière édition par Aliichaa le Mer 21 Sep 2011 - 11:55, édité 1 fois

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification d'un QEEL modifié...

Message par Aliichaa le Jeu 15 Sep 2011 - 17:33

up ^^

J'aimerais au moins savoir comment mettre l'image D=

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification d'un QEEL modifié...

Message par Aliichaa le Ven 16 Sep 2011 - 18:21

up ^^"

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification d'un QEEL modifié...

Message par Invité le Sam 17 Sep 2011 - 11:07

Bonjour,

Je suis partir du template de base. J'ai déplacé la cellule de l'image après celle des statistiques, j'ai retiré les lignes en trop, et réorganiser l'ordre des statistiques. A noter: j'ai ajouter les balise <table> et </table> autour des variable des derniers connectés et des anniversaires, sinon elles ne restent pas dans le tableau.
La partie du template modifiée concernant le Qui est en ligne:
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
            <td class="row1" width="100%"><span class="gensmall">{LOGGED_IN_USER_LIST}</span><br />
         <table>{L_CONNECTED_MEMBERS}{L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}</table><br />
<span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span><br />
<span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td></td><td class="row1" rowspan="2" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></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 -->

Cordialement.

Invité
Invité


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

Résolu Re: Modification d'un QEEL modifié...

Message par Aliichaa le Dim 18 Sep 2011 - 15:54

C'est exactement ce que je voulais faire, merci ^^

Juste une dernière question, il ne faut pas un CCs ou quelque chose comme ça?

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification d'un QEEL modifié...

Message par Invité le Dim 18 Sep 2011 - 16:17

Bonjour,

Ajouter un code CSS permet de modifier l'apparence, on peut ajouter des cadres, changer des couleurs, mettre des images de fond. Le schéma que vous avez donné ne nécessite pas de CSS particulier, sauf si j'ai loupé quelque chose dans votre demande, c'est tout à fait possible Wink .

Cordialement.

Invité
Invité


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

Résolu Re: Modification d'un QEEL modifié...

Message par Aliichaa le Dim 18 Sep 2011 - 16:45

Spoiler:

Et pour mettre l'image dans le fond comme sur mon forum test si dessus, il ne faut vraiment pas un CCS?

edit : enfin, je ne veut pas mettre une image mais rendre le fond transparent ^^'

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification d'un QEEL modifié...

Message par Aliichaa le Lun 19 Sep 2011 - 18:06

up

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification d'un QEEL modifié...

Message par Invité le Mar 20 Sep 2011 - 19:47

Bonsoir,

Pour rendre le QEEL transparent, on retire les class "row 1" et "row2" et on ajoute une class et un code CSS en effet pour les anniversaires et les derniers connectés.
La partie du template concernée , modifiée:
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
            <td class="" width="100%"><span class="gensmall">{LOGGED_IN_USER_LIST}</span>

        <table class="Isy">{L_CONNECTED_MEMBERS}{L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</table>

<span class="gensmall">{TOTAL_USERS_ONLINE}

      {RECORD_USERS}

     

      {TOTAL_POSTS}

      {TOTAL_USERS}

      {NEWEST_USER}</span>

<span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td></td><td class="" rowspan="2" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td class="">
        <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>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

Le code à ajouter dans la feuille de style CSS:
Code:
.Isy .row1{background: transparent;}

Cordialement.

Invité
Invité


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

Résolu Re: Modification d'un QEEL modifié...

Message par Aliichaa le Mar 20 Sep 2011 - 22:32

Cela ne sembe pas marcher, voyez vous même : http://kuroshitsuji-land.forumgratuit.org/

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification d'un QEEL modifié...

Message par Invité le Mar 20 Sep 2011 - 22:50

Bonsoir,

J'avais retiré la couleur de "forumline" sur mon forum test, d'où mon erreur.
Dans votre template, cherchez ceci:
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
Si vous en voulez pas de contour, retirez simplement forumline. Si vous souhaitez conserver un contour à votre QEEL, dans ce cas remplacez forumline par le nom de votre choix et créez la class CSS dans votre feuille de style. Par exemple, choisissons, qeel pour remplacer forumline, dans la feuille de style, nous placerons:
Code:
.qeel{border: 2px solid #fff;}
Ceci est bien sur à personnaliser avec les couleurs de votre forum.

Cordialement.

Invité
Invité


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

Résolu Re: Modification d'un QEEL modifié...

Message par Aliichaa le Mer 21 Sep 2011 - 7:14

C'est parfait merci =)

http://kuroshitsuji-land.forumgratuit.org/

A part les espace qui ont disparut mais, je pense savoir le faire ^^, je le ferais ce midi et vous ferais voir le résultats dans la soirée, bonne journée.

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification d'un QEEL modifié...

Message par Invité le Mer 21 Sep 2011 - 10:06

Bonjour,

Contente de voir que ça fonctionne! Pour les espaces, les <br /> ( sauts de lignes) ont disparus quand j'ai édité mon message Razz . Il vous suffit de les replacer aux endroits désirés.

N'oubliez pas de cocher l'icone résolu lorsque tout sera bon Wink .

Cordialement.

Invité
Invité


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

Résolu Re: Modification d'un QEEL modifié...

Message par Aliichaa le Mer 21 Sep 2011 - 11:54

Code:
<!-- BEGIN disable_viewonline -->
<table class="qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
            <td class="" width="100%"><span class="gensmall">{LOGGED_IN_USER_LIST}</span>
 
        </br> <table class="Isy">{L_CONNECTED_MEMBERS}{L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</table>
</br>
 
<span class="gensmall">{TOTAL_USERS_ONLINE} </br>
 
      {RECORD_USERS} </br></br>
 
     
 
      {TOTAL_POSTS} </br>
 
      {TOTAL_USERS} </br>
 
      {NEWEST_USER}</span></br></br>
 
<span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td></td><td class="" rowspan="2" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td class="">
        <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>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->


Voila la parti du template toute modifier, je la mets au cas ou d'autre personne voudrais s'en servir ^^

Et je mets le sujet en résolu, encore merci pour l'aide =)

Aliichaa
****

Féminin
Messages : 325
Inscrit(e) le : 13/12/2010

http://touhoudessin.forumactif.com/
Aliichaa 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