QEEL en image

3 participants

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

Résolu QEEL en image

Message par Nyko-neko Mar 30 Oct 2012 - 16:17

Bonjour/bonsoir, c'est ENCORE moi désolé >.<" mais aillant un mauvais niveau de codage vous êtes mes meilleur allié(tout ceux qui m'aiderons aurons bien sur leur forum en copyright Very Happy )

je voudrais un QEEL avec cette image de fond:

https://i.servimg.com/u/f41/16/61/99/22/touko11.png

bien vous voyez comment c'est déjà le positionnement c'est a dire dans les case orange foncé^^

après voici comment j'aimerais la chose:

https://i.servimg.com/u/f41/16/61/99/22/toukoo10.png


sur les coté c'est des barre qui monte et qui descendes XD(je sais plus le nom)

aucune tp modifiée et css perso mais aucun rapport avec le qeel il me semble.

phpbb2 fonda Smile

merci de vos aide
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par SoraNoHime Mar 30 Oct 2012 - 22:47

Bonsoir

Déjà dans votre template index_box, entre les codes : <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline -->. supprimez tous ce qui est class="row1" et class="forumline" afin de rendre votre QEEL transparent.

Puis commencez par changer de vous meme les phrases du QEEL. Vous trouverez sur ce post les phrases par défaut du QEEL

Commencez par effectuer ces changements. Puis revenez ici me dire ce qui marche ou ne marche pas. Par la suite nous verrons la mise en place de votre image et le reste ^^.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Mar 30 Oct 2012 - 23:46

je ne m'en sors pas avec votre tutoriel>.<

de plus je ne sais pas qu'est-ce que je dois retirer éxactement...


voici mon QEEL actuellement >.<:

https://i.servimg.com/u/f41/16/61/99/22/sans_296.jpg


voila ma TP:

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" 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>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><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" 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"><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/,"Les dresseurs ont combatuent ").replace(/messages/," fois");</script><br />
      <span id="matt">{TOTAL_USERS}</span>
          <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"il y a ")L.replace(/membres enregistrés/," Dresseurs qui ont leur pokemons");</script><br />
      <span id="yosh">{NEWEST_USER}</span>
      <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"viens de recevoir son starter:"); </script></span></td>
   </tr>
   <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/,"Il y a").replace(/utilisateur en ligne/,"dresseurs en ligne").replace(/utilisateurs en ligne/,"dresseurs en ligne").replace(/Enregistré(s?)/,"combat$1").replace(/Invisible(s?) et/,"se cache$1 et").replace(/Invité(s?)/,"arrive$1");</script><br />
      {RECORD_USERS}<br />
      <br />
      <span id="alpha">{LOGGED_IN_USER_LIST}</span>
        <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Dresseurs en ville");</script></span></td>
   </tr>{L_CONNECTED_MEMBERS}<table class="trans">
        {L_WHOSBIRTHDAY_TODAY}<span id="anniv">
        </span>{L_WHOSBIRTHDAY_WEEK}
        <script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Dresseurs souflants leurs bougies:").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Dresseurs soufflants leurs bougies dans la semaine").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Pas de gateaux aujourd'hui").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Pas de gateaux cette semaine");
        </script></table>
   <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" />
<!-- 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,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


Dernière édition par Nyko-neko le Mar 30 Oct 2012 - 23:49, édité 1 fois
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par SoraNoHime Mar 30 Oct 2012 - 23:48

^^ C'est déjà pas mal. Pouvez-vous me fournir le template actuel désormais. ?
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Mar 30 Oct 2012 - 23:49

post précédent édité Smile
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par Nyko-neko Jeu 1 Nov 2012 - 13:26

j'up!
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par SoraNoHime Jeu 1 Nov 2012 - 16:59

Bon entre <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline -->

1. Remplacez
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
par
Code:
<table class="qeel" width="100%" border="0" cellspacing="1" cellpadding="0">

2. supprimez
Code:
<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>

3. Supprimez aussi les class="row1"

ici
Code:
 <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
ici
Code:
<td class="row1" width="100%"><span class="gensmall"><span id="bert">{TOTAL_POSTS}</span>
ici
Code:
            <td class="row1"><span class="gensmall"><span id="celine">{TOTAL_USERS_ONLINE}</span>
ici
Code:
  <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
et ici
Code:
  <td class="row1">

4. Dans la css ajoutez :
Code:
 .trans .row1 { background-color : transparent;}
.qeel {background-image:url("http://i41.servimg.com/u/f41/16/61/99/22/touko11.png");
background-repeat : no-repeat;
height : 360px;
width : 800px;
);

Une fois cela effectuer, dites moi où vous en êtes. Normalement votre image apparait, mais par contre les phrases ne seront pas encore à leur place ^^
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Jeu 1 Nov 2012 - 18:06

j'ai fais ce que vous avez dis voila où j'en suis:

http://amor-ludus.forumactif.org/
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par Nyko-neko Sam 3 Nov 2012 - 0:12

up
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par Nyko-neko Lun 5 Nov 2012 - 0:14

quelqu'un?
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par Nyko-neko Mar 6 Nov 2012 - 18:03

s'il vous plais help!! il me manque que ça pour créer mon forum et deux trois bricole Q_Q
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par SoraNoHime Mer 7 Nov 2012 - 11:03

Désolé pour l'attente. Puis-je avoir votre nouveau template complet, ainsi que la css se rapportant à l'image ^^. Ainsi je vérifierai les fautes s'il y en a. Puis nous allons voir comment readrer les phrases au bon endroit
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Mer 7 Nov 2012 - 13:35

merci^^ donc pour la TP:

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" 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>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><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" 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="qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td 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/,"Les dresseurs ont combatuent ").replace(/messages/," fois");</script><br />
      <span id="matt">{TOTAL_USERS}</span>
          <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"il y a ")L.replace(/membres enregistrés/," Dresseurs qui ont leur pokemons");</script><br />
      <span id="yosh">{NEWEST_USER}</span>
      <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"viens de recevoir son starter:"); </script></span></td>
   </tr>
   <tr>
      <td><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/,"Il y a").replace(/utilisateur en ligne/,"dresseurs en ligne").replace(/utilisateurs en ligne/,"dresseurs en ligne").replace(/Enregistré(s?)/,"combat$1").replace(/Invisible(s?) et/,"se cache$1 et").replace(/Invité(s?)/,"arrive$1");</script><br />
      {RECORD_USERS}<br />
      <br />
      <span id="alpha">{LOGGED_IN_USER_LIST}</span>
        <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Dresseurs en ville");</script></span></td>
   </tr>{L_CONNECTED_MEMBERS}<table class="trans">
        {L_WHOSBIRTHDAY_TODAY}<span id="anniv">
        </span>{L_WHOSBIRTHDAY_WEEK}<script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Dresseurs souflants leurs bougies:").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Dresseurs soufflants leurs bougies dans la semaine").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Pas de gateaux aujourd'hui").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Pas de gateaux cette semaine");
        </script></table>
   <tr>
      <td><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td>
         <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" />
<!-- 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,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


et le/la CSS:

Code:
/*QEEL*/

 .trans .row1 { background-color : transparent;}
.qeel {background-image:url("http://i41.servimg.com/u/f41/16/61/99/22/touko11.png");
background-repeat : no-repeat;
height : 360px;
width : 800px;
);
}

ma css complète si besoin:

Code:

#page-footer
{
  width: 800px;
  height: 355px;
  margin: auto;
  background: url(http://i47.servimg.com/u/f47/17/87/55/98/bdp11.jpg);
  border-top: 3px solid #D7BA9D;
}
#page-footer a
{
  font-size: 10px;
  color: #545454 !important;
}
#page-footer a:hover
{
  color: #303030 !important
}
.profil
{
  width: 210px;
  margin: auto;
  padding: 2px;
  background: #FCF7EB;
  border: 1px dotted #E1AF39;
  text-align: center;
}
.name
{
  font-size: 14px;
  font-variant: small-caps;
}
.profil_avatar
{
  border: 1px solid #E1AF39;
  background: #e9e9e6;
  padding: 4px;
}

.message_contenu
{
  text-align: justify;
  font-size: 11px;
  background: #FCF7EB;
  border: 1px dotted #E1AF39;
  padding: 10px;
}

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

a.nav img
{
width: 200px;
}

.cate_titre
{
  width: 98%;
  margin: auto;
  text-align: center;
}
.categorie
{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #EFCD87;
  border-top: 3px solid #4c4842;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #FCF7EB;
  border: 1px dotted #c0c0c0;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 350px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #c0c0c0;
}
.description
{
  display: block;
  width: 465px;
  padding: 2px;
  font-size: 11px;
  text-align: justify;
  color: #a6a6a6;
}
.illu
{
  float: right;
  margin-right: 15px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #EFCD87;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 140px;
  margin-left: -25px;
  background: #FCF7EB;
  padding: 10px;
  border: 1px dotted #c0c0c0;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #a6a6a6;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 4px;
  margin-bottom: 4px;
  }
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: #EFCD87;
  padding: 2px;
  text-align: center;
}
.forumline
{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #F3E0B4;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
table
{
  width: 100%;
  margin: auto;
}

#i_logo
{
  margin-top: 22px;
}

#navig a
{
  font-weight: bold;
  color: #FAEFD8 !important;
  text-shadow: 1px 1px 0px #F5E0B4;
}
#navig a:hover
{
  color: #efefef !important;
}

#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig
{
  width: 802px;
  margin: auto;
  text-align: center;
  background: #D7BA9D;
  border-bottom: 2px solid #EECB82;
  padding-bottom: 3px;
}

a:link, a:link hover
{
  text-decoration: none !important;
}

body
{
  background:#F6E4BF ;
}

.bodyline
{
  width: 800px;
  background-attachment: fixed;
  background-image: url("http://img11.hostingpics.net/pics/685891fonddepage.png");
  background-repeat: repeat;
  background-position: top left;
  padding: 0;
  border-left: 5px solid #D7BA9D;
  border-right: 5px solid #D7BA9D;
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
}

.bodylinewidth
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}




.cate
{
  width: 400px;
  height: 120px;
  overflow: hidden;
  border: 2px solid #000000;
  background-color: #ffffff;
}
.cate_img
{
  position: relative;
  z-index: 2;
  width: 400px;
  height: 120px;
  margin-left: 0px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
  position: relative;
  z-index: 1;
  width: 400px;
  height: 120px;
  margin-top: -120px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
}

/*QEEL*/

 .trans .row1 { background-color : transparent;}
.qeel {background-image:url("http://i41.servimg.com/u/f41/16/61/99/22/touko11.png");
background-repeat : no-repeat;
height : 360px;
width : 800px;
);
}
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par SoraNoHime Mer 7 Nov 2012 - 13:43

^^ ok. Petit détail qui compte : as-tu une image dans la gestion des image pour la partie qui est en ligne ?
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Mer 7 Nov 2012 - 13:45

non je l'ai retirée, elle se voyait par dessus l'image de fond^^
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par SoraNoHime Mer 7 Nov 2012 - 13:57

Donc tu peux déja supprimé cette ligne dans ton code
Code:
<td rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>

Ensuite il va nous falloir recaler ce qu'on désire au endroits où on le désire. Pour cela faire un tableau à trois parties comme sur ton image.
Donc :
<div class="qeel"><table width="100%" border="0" cellspacing="1" cellpadding="0"><tr>
<td><div class="groupes"> les groupes </div></td>
<td><div class="annivs"> les anniversaires </div></td>
<td><div class="membres"> tout ce qui a attrait aux membres </div></td>
</tr></table></div>

^^ entre les parties <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline --> bien sûr.
Remets les parties voulues à la place de celle en gras dans ton template.
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Mer 7 Nov 2012 - 14:02

tu peux me dire où éxactement je met ce tableau? juste en dessous de <!-- BEGIN disable_viewonline -->?
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par SoraNoHime Mer 7 Nov 2012 - 14:06

Oui ^^ en fait entre <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline --> tu remplaces tout par le code que je t'ai donné

si tu y arrives tu peux aussi remplacer les termes en gras par toi même, sinon je te donnerai ce que tu dois y mettre
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Mer 7 Nov 2012 - 14:13

quand j'essaie par moi même ça me met des

"<td>"/"</td>"/"<div>"/"</div>"

en rouge

et l'image de fond se duplique et se met au dessus des truc :/
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par SoraNoHime Mer 7 Nov 2012 - 14:24

Vous pouvez voir ICI ce à quoi j'arrive déjà

Essayez de vider votre cache navigateur . Puis reprennez ce code directement entre les deux balises que je vous ai donné et à la place du tableau
Code:

<center><div class="qeel"><table width="100%" border="0" cellspacing="1" cellpadding="0"><tr>
<td><div class="groupes">
  <span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
  </div></td>
<td><div class="annivs"> <table class="trans">
        {L_WHOSBIRTHDAY_TODAY}<span id="anniv">
        </span>{L_WHOSBIRTHDAY_WEEK}<script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Dresseurs souflants leurs bougies:").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Dresseurs soufflants leurs bougies dans la semaine").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Pas de gateaux aujourd'hui").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Pas de gateaux cette semaine");
        </script></table> 
  </div></td>
<td><div class="membres">
   
  <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/,"Les dresseurs ont combatuent ").replace(/messages/," fois");</script><br />
      <span id="matt">{TOTAL_USERS}</span>
          <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"il y a ")L.replace(/membres enregistrés/," Dresseurs qui ont leur pokemons");</script><br />
      <span id="yosh">{NEWEST_USER}</span>
      <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"viens de recevoir son starter:"); </script></span>
 
 <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/,"Il y a").replace(/utilisateur en ligne/,"dresseurs en ligne").replace(/utilisateurs en ligne/,"dresseurs en ligne").replace(/Enregistré(s?)/,"combat$1").replace(/Invisible(s?) et/,"se cache$1 et").replace(/Invité(s?)/,"arrive$1");</script><br />
      {RECORD_USERS}<br />
      <br />
      <span id="alpha">{LOGGED_IN_USER_LIST}</span>
        <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Dresseurs en ville");</script></span>
 
  <table class="trans">{L_CONNECTED_MEMBERS}</table>
 
  <!-- BEGIN switch_chatbox_activate -->
  <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>
  <!-- END switch_chatbox_activate -->
 
  </div></td>
</tr></table></div></center>
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Mer 7 Nov 2012 - 14:28

http://amor-ludus.forumactif.org/


voila ce que ça me donne ^^'
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par SoraNoHime Mer 7 Nov 2012 - 14:51

Normal ^^ Il vous manque la css que je suis en train de régler.

remplacer celle du qeel par celle-ci :
Code:
 /*QEEL*/
 
.trans .row1 { background-color : transparent;}
.qeel {
background-image:url("http://i41.servimg.com/u/f41/16/61/99/22/touko11.png");
background-repeat : no-repeat;
height : 360px;
width : 800px;
padding-top : 130px;
}

.groupes {
margin-left : 55px;
width : 227px;
height : 171px;
overflow : auto;
  margin-top : 20px;
}
.annivs {
  margin-left : -40px;
  margin-top : 50px;
width : 135px;
height : 142px;
  overflow : auto;
  padding : 5px;
}
.membres {
margin-left : 50px;
width : 187px;
height : 191px;
  overflow : auto;
}
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Mer 7 Nov 2012 - 14:52

d'accord^^, j'ai vu ce que vous avez fait sur votre FT, et c'est très beau:)
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: QEEL en image

Message par SoraNoHime Mer 7 Nov 2012 - 14:56

Pour les réglages, tout se passe au niveau de la css ici :
.groupes {
margin-left : 55px;
width : 227px;
height : 171px;
overflow : auto;
margin-top : 20px;
}
.annivs {
margin-left : -40px;
margin-top : 50px;
width : 135px;
height : 142px;
overflow : auto;
padding : 5px;
}
.membres {
margin-left : 50px;
width : 187px;
height : 191px;
overflow : auto;
}

au niveau des parties en gras. A vous d'adapter selon la taille de votre forum ^^
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Mer 7 Nov 2012 - 15:03

très bien merci^^ j'ai vu sur des forum qu'on pouvais personnaliser ses scroolbarre(je crois que ça se dit comme ça), comment peut-ont faire?



edit: merci du travail si vous en avez marre je peux voir si quelqu'un peut prendre la relève, il me manque que les nom de groupe et les scroolbarre:

https://i.servimg.com/u/f41/16/61/99/22/toukoo10.png

merci infiniment de votre aide^^
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: QEEL en image

Message par SoraNoHime Mer 7 Nov 2012 - 15:12

pour le noms des groupes il faut remplacer ainsi :
Code:
<span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>

par
<span class="gensmall">

<a href="lien vers la page du groupe1">nom du groupe1</a>
<a href="lien vers la page du groupe2">nom du groupe2</a>
<a href="lien vers la page du groupe3">nom du groupe3</a>
<a href="lien vers la page du groupe4">nom du groupe4</a>

</span>
etc... en remplaçant les parties en gras. pour les scrollbarre --" j'ai la mémoire qui flanche je vois ça
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Mer 7 Nov 2012 - 19:03

merci de te donner du mal :3 c'est très gentil Very Happy
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par SoraNoHime Sam 10 Nov 2012 - 14:35

Pour coloriser les scrollbarr en fait, ce n'est plus visible que sur IE. Etes-vous toujours ok pour le faire ? http://www.startyourdev.com/css/style-css-scrollbar
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: QEEL en image

Message par Nyko-neko Sam 10 Nov 2012 - 18:13

c'est bon j'ai reussi grace à matriochka à personnalier mes Scrollbars Smile
Nyko-neko

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL en image

Message par Anzu Lun 19 Nov 2012 - 1:53

QEEL en image Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur QEEL en image Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton QEEL en image 50378

A bientôt sur ForumActif Smile
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum