Petits changements dans le QEEL

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

Résolu Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 11:25

Bonjour à tous,

Il n'y a pas longtemps, j'ai changé mon QEEL (en onglet) sur un forum test. Tout fonctionne correctement, mais j'aimerais changer un peu l'aspect de celui-ci. Voici le forum en question : ici. Alors voici ce que j'aimerais changer :

- Je voudrais que la largeur du QEEL soit un peu plus grande, mais je n'arrive pas à trouver les champs correspondant ...
- Deuxième la chose un peu plus compliquer : Je voudrais dans l'onglet "en ligne" que les informations et les connectés au cours de 24h soit séparés en deux colonnes verticales. Je voudrais également que la deuxième colonne (les connectés de 24h) soit en scroller.

Est-ce possible ?


Dernière édition par Alexandra59 le Mar 10 Mai 2011 - 21:29, édité 1 fois

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 12:08

Bonjour.

Oui tout ceci est possible, et même simple à faire.
Est-ce que je peux avoir votre code css ainsi que le code des onglets utilisé dans votre template index_body, que je vous guide un peu dans tout ceci ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 13:00

Bonjour merci pour votre réponse. Alors pour faire mon QEEL j'ai eus besoin de faire deux page html, et effectivement de changer le template index_body. Le voici :

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}
<div id="forums-index">
{BOARD_INDEX}
</div>
<script type="text/javascript" src="/h1-"></script>
<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" 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 -->
<!-- DEBUT DU QUI EST EN LIGNE -->

<center>
<table style=" width: 600px; height:200px;border: 1px #ffffff solid; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;background: #221b11 url(http://i226.photobucket.com/albums/dd220/MissMiet/tutos/fd_tab.png);">
<tr>
<td>

<!-- LES 3 PREMIER ONGLETS -->
<script type="text/javascript" src=" http://forumtestcss.forumgratuit.org/h4-les-3-onglets-du-qeel "></script>
<center><table><tr>
<td><div class="ongleta" onmouseover="javascript:patonglet1()">En ligne</div></td>
<td><div class="ongleta" onmouseover="javascript:patonglet2()">Groupes</div></td>
<td><div class="ongleta" onmouseover="javascript:patonglet3()">Informations</div></td>
</tr></table>
</center>


<!-- CONTENU 1 ONGLET -->
<div id="onglet1" style="height:140px;">
<center>

<!-- cette ligne correspond a,il y a une personne enregistré -->

<span id="matt"><font color=#fff size="2">{TOTAL_USERS}</font></span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Il y a");</script>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById ('matt').innerHTML.replace(/membre enregistré/,"personne enregistré ");</script>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById ('matt').innerHTML.replace(/membres enregistrés/,"personnes enregistrés ");</script><br>


<!-- cette ligne correspond a, les personnes de ce forum on posté un total de -->

  <span id="bert"><font color=#fff size="2">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Les personnes de ce forum ont posté un total de ");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"messages.");</script></span><br>


<!-- cette ligne correspond a, le personnage enregistré le plus récent -->
 
  <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/," Le personnage enregistré le plus récent est ");</script></span><br>

 
<!-- cette ligne correspond a, le record du nombre de personne en ligne -->
 
  <span id="newest">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById('newest').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de personne en ligne est de");</script></span><br>



<!-- cette ligne correspond a, il y a actuellement X personne sur le fofo -->
 
  <span id="gens"> {TOTAL_USERS_ONLINE}
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/Il y a en tout/,"Il y a actuellement");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/utilisateur en ligne :/,"personne sur le fofo");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/utilisateurs en ligne :/,"personnes sur le fofo");</script></span>

  <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Enregistré/,"enregistré");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Enregistrés/,"se sont enregistrés");</script>

  <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invisible/,"fantôme");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invisibles/,"fantômes");</script>

  <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invité/,"intrus");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invités/,"intrus");</script><br>


<!-- cette ligne correspond a, la personne actuellement enregistré -->

<span id="connectes">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Utilisateurs enregistrés/,"La personne actuellement enregistré");</script></span>

<!-- cette ligne correspond a,membre connceté au court des 24 dernière heures -->

<table><font color=#fff size="2"><div style="moz-border-radius: 0px;>{L_CONNECTED_MEMBERS}</div></table>


<!-- AUTRE -->
<font color=#fff size="2">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br>

<!-- AUTRE -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
</center>
</div>


<!-- CONTENU 2 ONGLET -->

<script type="text/javascript" src=" http://forumtestcss.forumgratuit.org/h5-les-5-onglets-du-qeel "></script>
<center>
<table><tr><td>
<center>
<div id="onglet2" style="display: none;height:140px;">
<div id="mes_onglets">
<span id="o_1" class="mon_onglet" onMouseOver="changeOnglet(this);"><a bref="http://forumtestcss.forumgratuit.org/g1-administrateurs" style="color=#fff">Dieux</a></span>
<span id="o_2" class="mon_onglet" onMouseOver="changeOnglet(this);"><a bref="http://forumtestcss.forumgratuit.org/g2-demi-dieux" style="color=#fff">Demi-Dieux</a></span>
<span id="o_3" class="mon_onglet" onMouseOver="changeOnglet(this);"><a bref="http://forumtestcss.forumgratuit.org/g3-maitre" style="color=#fff">Maîtres</a></span>
<span id="o_4" class="mon_onglet" onMouseOver="changeOnglet(this);"><a bref="http://forumtestcss.forumgratuit.org/g4-esclave" style="color=#fff">Esclaves</a></span>
<span id="o_5" class="mon_onglet" onMouseOver="changeOnglet(this);"><a bref="http://forumtestcss.forumgratuit.org/g5-independant" style="color=#fff">Indépendants</a></span>
</div>

<div id="mes_contenus" style="margin-top: 10px;">
<div id="co_1" class="mon_contenu">Les Dieux créateurs de toute forme de toute vie et de ce monde en lui-même. Ce sont les êtres les plus puissants qui soient, gérant divinement bien ce monde. Ce sont eux qui créèrent les êtres supérieurs donc les maitres, et eux qui ramènent les esclaves grâce à ce qu'on appelle l'anomalie. Les habitants de ce monde leur vouent un culte polythéiste. </div>
<div id="co_2" class="mon_contenu" style="display: none;">Ils ne sont pas vraiment des Dieux à part entière, ils ne le sont qu'à demi et ceux pour diverses raisons qui leur sont propres notamment à cause de la génétique. Dans les Cieux, ce sont les subordonnés des Dieux dans le but d'acquérir plus de puissance à cause de leur statut, ils remplissent ainsi le "vide". </div>
<div id="co_3" class="mon_contenu" style="display: none;">Maitre est un statut social à ne pas négliger dans cette société, étant tout en haut de la hiérarchie. Ceux qui en ont le titre sont très puissants et surtout riche. Pouvant posséder des esclaves - ce sont les seuls qui ont ce droit particulier -, grâce à leur titre de "noblesse", ils ne se gêneront pas pour écraser les autres. </div>
<div id="co_4" class="mon_contenu" style="display: none;">Les esclaves. Les choses les plus insignifiantes de Elfheim, ce groupe réunis tous les êtres les plus faibles (démon, ange, humain ...) s'abaissant à servir docilement leur maitre ils n'ont pas d'existence propre dans cette société où régit puissance et argent. Ils n'ont absolument aucun droit ... Enfin si, un seul : assouvir les désirs de ceux les ont achetés. </div>
<div id="co_5" class="mon_contenu" style="display: none;">Ni maitre, ni esclave. Les indépendants sont ceux qui vivent paisiblement dans ce monde de brut qu'est Elfheim. Ne cherchant pas de tout à s'octroyer le droit d'avoir un esclave, ni d'arrêter ce processus malsain ils préfèrent rester à l'écart de tout ça pour leur bien-être. Ils ne s'intéressent guère à ça !</div>

</div></div>
</td></tr></table></center>


<!-- CONTENU 3 ONGLET -->

<center>
<div id="onglet3" style="display: none; height:140px;margin-top: 0px;">Votre contenu</div>
</center>

</td></tr></table></center>
<!-- fin onglets -->
</div>
</div>


<!-- END disable_viewonline -->

<!-- FIN DU QUI EST EN LIGNE -->



{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Et le CSS :

Code:
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
tr.post span.gensmall { display: none; }

a.forumlink {
display: block;
text-align: center;
border-bottom: 3px solid #000000;
background-color: #789DFA;
}

a.forumlink:hover {
background-color: #59BADE;
}

.desc {
padding: 10px;
margin: 10px;
background-color: #789DFA;
border: 1px dashed #000000;
text-align: justify;
}

/* code du conteneur des onglets */
#ongline {
  text-align: center;
  padding: 30px;
}
/* code s'appliquant a chacun des onglets */
#ongline a {
  text-decoration: none!important;
  color: green;
}
/* code s'appliquant a l'onglet selectionne et aux onglets survoles */
#ongline a.ccurrent,#ongline a:hover {
  border: none;
}
/* code s'appliquant a l'onglet selectionne */
#ongline a.ccurrent {
}

#ongline a { text-decoration: none!important; border:
none!important; }

.mon_onglet{
  width: 100px;       
  margin: 10px;
  display: inline;
  padding: 4px;
  color: #fff;
  font-family: Palatino, time new roman, serif;
  font-size: 13px;
}
.mon_onglet_selected{
  color:#ffff00;
  font-size: 13px;
  font-family: Palatino, time new roman, serif;
  padding: 4px;
  margin: 10px;
}         
.mon_contenu{
  text-align: justify;
  font-size: 13px;
  height: auto;
  color: #000000;
}
#mes_contenus, #mes_onglets{
  height: auto;
  width:550px;
}

.ongleta {         
  font-style: italic ;                    /* texte en italique */
  font-family: Papyrus, time new roman, serif;          /* police du texte onglet */
  font-size: 16px;                    /* taille du texte onglet */
  text-align: center;            /* centre le texte onglet */
  color : #ffff00;                    /* couleur onglet */
        /* onglet en gras */
  width: 100px;            /* largeur onglets */
  margin: 10px;
}
.ongleta:hover {
color : #fff;      /* couleur onglet survol */
}

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 13:28

Okay, alors le code des onglets généraux n'est pas celui que je connais bien, moi je connais bien celui que vous utilisez pour les groupes, enfin bon, ça devrait fonctionner de la même manière. ^^

Donc, à ce que j'ai compris, vous pouvez modifier la taille du contenu comme ceci :

<div id="onglet3" style="display: none; height:140px; width:600px;margin-top: 0px;">Votre contenu</div>

Code:
<div id="onglet3" style="display: none; height:140px;width:600px;margin-top: 0px;">Votre contenu</div>

Vous rajoutez ce
Code:
width:600px;

à chaque div de vos trois onglets généraux, en mettant la même valeur pour les trois si vous voulez que votre cadre ne change pas de taille au passage de la souris sur les onglets.
/!\ N'oubliez pas d'augmenter la taille de votre table, pour que le contenu puisse s'afficher correctement.

<table style=" width: 650px; height:200px;border: ...

---------------------------------------

Ensuite, pour l'onglet en ligne, il suffit de faire un tableau en deux colonnes :

Code:
<table>
<tr>
<td>Ici le contenu de votre première cellule
</td>
<td>Ici le contenu de votre deuxième cellule
</td>
</tr>
/table>


Pour le contenu en scrolling, il suffit de faire ainsi :

<table><font color=#fff size="2"><div style="moz-border-radius: 0px;height: 20px; overflow:auto;">{L_CONNECTED_MEMBERS}</div></table>

Code:
<table><font color=#fff size="2"><div style="moz-border-radius: 0px;height: 20px; overflow:auto;">{L_CONNECTED_MEMBERS}</div></table>

=> faut me dire si ça marche ou pas parce que je peux pas tester moi même étant seule sur le forum de test, je n'ai pas de liste à faire défiler. Very Happy





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 13:42

Merci de votre réponse. mais je n'ai pas bien compris. Le code pour le tableau je dois le mettre où et le scrolling ? Pourriez-vous me le faire directement sur le template s'il vous plait ?

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 14:27

On va faire autrement :

Alors voici votre template modifié. Les explications suivent en dessous.


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}
    <div id="forums-index">
    {BOARD_INDEX}
    </div>
    <script type="text/javascript" src="/h1-"></script>
    <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" 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 -->
    <!-- DEBUT DU QUI EST EN LIGNE -->

    <center>
    <table style=" width: 750px; height:200px;border: 1px #ffffff solid; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;background: #221b11 url(http://i226.photobucket.com/albums/dd220/MissMiet/tutos/fd_tab.png);">
    <tr>
    <td>

    <!-- LES 3 PREMIER ONGLETS -->
    <script type="text/javascript" src=" http://forumtestcss.forumgratuit.org/h4-les-3-onglets-du-qeel "></script>
    <center><table><tr>
    <td><div class="ongleta" onmouseover="javascript:patonglet1()">En ligne</div></td>
    <td><div class="ongleta" onmouseover="javascript:patonglet2()">Groupes</div></td>
    <td><div class="ongleta" onmouseover="javascript:patonglet3()">Informations</div></td>
    </tr></table>
    </center>


    <!-- CONTENU 1 ONGLET -->
    <div id="onglet1" style="height:150px;">
    <center>
<table><tr><td>
    <!-- cette ligne correspond a,il y a une personne enregistré -->

    <span id="matt"><font color=#fff size="2">{TOTAL_USERS}</font></span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Il y a");</script>
    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById ('matt').innerHTML.replace(/membre enregistré/,"personne enregistré ");</script>
    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById ('matt').innerHTML.replace(/membres enregistrés/,"personnes enregistrés ");</script><br>


    <!-- cette ligne correspond a, les personnes de ce forum on posté un total de -->

      <span id="bert"><font color=#fff size="2">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Les personnes de ce forum ont posté un total de ");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"messages.");</script></span><br>


    <!-- cette ligne correspond a, le personnage enregistré le plus récent -->
   
      <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/," Le personnage enregistré le plus récent est ");</script></span><br>

   
    <!-- cette ligne correspond a, le record du nombre de personne en ligne -->
   
      <span id="newest">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById('newest').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de personne en ligne est de");</script></span><br>



    <!-- cette ligne correspond a, il y a actuellement X personne sur le fofo -->
   
      <span id="gens"> {TOTAL_USERS_ONLINE}
    <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/Il y a en tout/,"Il y a actuellement");</script>
    <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/utilisateur en ligne :/,"personne sur le fofo");</script>
    <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/utilisateurs en ligne :/,"personnes sur le fofo");</script></span>

      <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Enregistré/,"enregistré");</script>
    <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Enregistrés/,"se sont enregistrés");</script>

      <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invisible/,"fantôme");</script>
    <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invisibles/,"fantômes");</script>

      <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invité/,"intrus");</script>
    <script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invités/,"intrus");</script><br>


    <!-- cette ligne correspond a, la personne actuellement enregistré -->

    <span id="connectes">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Utilisateurs enregistrés/,"La personne actuellement enregistré");</script></span>


</td><td>

    <!-- cette ligne correspond a,membre connceté au court des 24 dernière heures -->

    <table class="scroll"><div style="moz-border-radius: 0px;">{L_CONNECTED_MEMBERS}</div></table>


    <!-- AUTRE -->
    {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br>

    <!-- AUTRE -->
    <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>

</td></tr></table>

    </center>
    </div>


    <!-- CONTENU 2 ONGLET -->

    <script type="text/javascript" src=" http://forumtestcss.forumgratuit.org/h5-les-5-onglets-du-qeel "></script>
    <center>
    <table><tr><td>
    <center>
    <div id="onglet2" style="display: none;height:150px;">
    <div id="mes_onglets">
    <span id="o_1" class="mon_onglet" onMouseOver="changeOnglet(this);"><a bref="http://forumtestcss.forumgratuit.org/g1-administrateurs" style="color=#fff">Dieux</a></span>
    <span id="o_2" class="mon_onglet" onMouseOver="changeOnglet(this);"><a bref="http://forumtestcss.forumgratuit.org/g2-demi-dieux" style="color=#fff">Demi-Dieux</a></span>
    <span id="o_3" class="mon_onglet" onMouseOver="changeOnglet(this);"><a bref="http://forumtestcss.forumgratuit.org/g3-maitre" style="color=#fff">Maîtres</a></span>
    <span id="o_4" class="mon_onglet" onMouseOver="changeOnglet(this);"><a bref="http://forumtestcss.forumgratuit.org/g4-esclave" style="color=#fff">Esclaves</a></span>
    <span id="o_5" class="mon_onglet" onMouseOver="changeOnglet(this);"><a bref="http://forumtestcss.forumgratuit.org/g5-independant" style="color=#fff">Indépendants</a></span>
    </div>

    <div id="mes_contenus" style="margin-top: 10px;">
    <div id="co_1" class="mon_contenu">Les Dieux créateurs de toute forme de toute vie et de ce monde en lui-même. Ce sont les êtres les plus puissants qui soient, gérant divinement bien ce monde. Ce sont eux qui créèrent les êtres supérieurs donc les maitres, et eux qui ramènent les esclaves grâce à ce qu'on appelle l'anomalie. Les habitants de ce monde leur vouent un culte polythéiste. </div>
    <div id="co_2" class="mon_contenu" style="display: none;">Ils ne sont pas vraiment des Dieux à part entière, ils ne le sont qu'à demi et ceux pour diverses raisons qui leur sont propres notamment à cause de la génétique. Dans les Cieux, ce sont les subordonnés des Dieux dans le but d'acquérir plus de puissance à cause de leur statut, ils remplissent ainsi le "vide". </div>
    <div id="co_3" class="mon_contenu" style="display: none;">Maitre est un statut social à ne pas négliger dans cette société, étant tout en haut de la hiérarchie. Ceux qui en ont le titre sont très puissants et surtout riche. Pouvant posséder des esclaves - ce sont les seuls qui ont ce droit particulier -, grâce à leur titre de "noblesse", ils ne se gêneront pas pour écraser les autres. </div>
    <div id="co_4" class="mon_contenu" style="display: none;">Les esclaves. Les choses les plus insignifiantes de Elfheim, ce groupe réunis tous les êtres les plus faibles (démon, ange, humain ...) s'abaissant à servir docilement leur maitre ils n'ont pas d'existence propre dans cette société où régit puissance et argent. Ils n'ont absolument aucun droit ... Enfin si, un seul : assouvir les désirs de ceux les ont achetés. </div>
    <div id="co_5" class="mon_contenu" style="display: none;">Ni maitre, ni esclave. Les indépendants sont ceux qui vivent paisiblement dans ce monde de brut qu'est Elfheim. Ne cherchant pas de tout à s'octroyer le droit d'avoir un esclave, ni d'arrêter ce processus malsain ils préfèrent rester à l'écart de tout ça pour leur bien-être. Ils ne s'intéressent guère à ça !</div>

    </div></div>
    </td></tr></table></center>


    <!-- CONTENU 3 ONGLET -->

    <center>
    <div id="onglet3" style="display: none;margin-top: 0px;height:150px;">Votre contenu</div>
    </center>

    </td></tr></table></center>
    <!-- fin onglets -->
    </div>
    </div>


    <!-- END disable_viewonline -->

    <!-- FIN DU QUI EST EN LIGNE -->



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


Pour changer la taille du contenu, il suffisait juste de changer la taille du tableau ici :

<center>
<table style=" width: 750px; height:200px;border: 1px #ffffff solid; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;background: #221b11 url(http://i226.photobucket.com/albums/dd220/MissMiet/tutos/fd_tab.png);">


ensuite, pour les cellules, comme ceci :

Spoiler:
<!-- CONTENU 1 ONGLET -->
<div id="onglet1" style="height:150px;">
<center>
<table><tr><td>
<!-- cette ligne correspond a,il y a une personne enregistré -->

<span id="matt"><font color=#fff size="2">{TOTAL_USERS}</font></span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Il y a");</script>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById ('matt').innerHTML.replace(/membre enregistré/,"personne enregistré ");</script>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById ('matt').innerHTML.replace(/membres enregistrés/,"personnes enregistrés ");</script><br>


<!-- cette ligne correspond a, les personnes de ce forum on posté un total de -->

<span id="bert"><font color=#fff size="2">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Les personnes de ce forum ont posté un total de ");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"messages.");</script></span><br>


<!-- cette ligne correspond a, le personnage enregistré le plus récent -->

<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/," Le personnage enregistré le plus récent est ");</script></span><br>


<!-- cette ligne correspond a, le record du nombre de personne en ligne -->

<span id="newest">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById('newest').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de personne en ligne est de");</script></span><br>



<!-- cette ligne correspond a, il y a actuellement X personne sur le fofo -->

<span id="gens"> {TOTAL_USERS_ONLINE}
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/Il y a en tout/,"Il y a actuellement");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/utilisateur en ligne :/,"personne sur le fofo");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/utilisateurs en ligne :/,"personnes sur le fofo");</script></span>

<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Enregistré/,"enregistré");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Enregistrés/,"se sont enregistrés");</script>

<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invisible/,"fantôme");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invisibles/,"fantômes");</script>

<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invité/,"intrus");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invités/,"intrus");</script><br>


<!-- cette ligne correspond a, la personne actuellement enregistré -->

<span id="connectes">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Utilisateurs enregistrés/,"La personne actuellement enregistré");</script></span>


</td><td>

<!-- cette ligne correspond a,membre connceté au court des 24 dernière heures -->

<table class="scroll"><div style="moz-border-radius: 0px;">{L_CONNECTED_MEMBERS}</div></table>


<!-- AUTRE -->
{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br>

<!-- AUTRE -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>

</td></tr></table>

</center>
</div>

Il suffisait de mettre les codes des tableaux à cellule dans votre contenu du premier onglet. A vous ensuite d'y mettre ce que vous voulez, de changer ça comme ça vous chante.

---------------------------------

Petite indication :

J'ai fait ceci :

<table class="scroll"><div style="moz-border-radius: 0px;">{L_CONNECTED_MEMBERS}</div></table>

C'est pour le scroll. Pour que ça marche, il faut rajouter ce code, dans cotre feuille css :

.scroll .row1 {background: none !important; height: 20px; overflow:auto;}

Code:
    .scroll .row1 {background: none !important; height: 20px; overflow:auto;}

il permet de retirer le background de fond qui se met automatiquement avec les variables auto-générées, et d'ajouter un scroll si le contenu de la variable est supérieur à 20px. Normalement, il marche. Essayez pour voir.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 14:38

Merci beaucoup alors effectivement ça marche mais j'ai encore un petit soucis niveau apparence. Si vous regardez sur mon forum test, Membres connectés au cours des 24 dernières heures est placé un peu trop bas. Et le "qui est en ligne est au milieu de la colonne. pourrait-on le mettre en haut du cadre ?


ÉDIT : Nouveau problème ! En activant la chat box ca me fait ceci :
Spoiler:


Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 15:57

Pour le qui est en ligne, il suffit de déplacer le lien, comme ceci :

Avant :
<table class="scroll"><div style="moz-border-radius: 0px;">{L_CONNECTED_MEMBERS}</div></table>

<!-- AUTRE -->
{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br>

<!-- AUTRE -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>


Après :

<!-- BEGIN disable_viewonline -->
<!-- DEBUT DU QUI EST EN LIGNE -->

<center>


<!-- AUTRE -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>


<table style=" width: 750px; height:200px;border: 1px #ffffff solid; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;background: #221b11 url(http://i226.photobucket.com/albums/dd220/MissMiet/tutos/fd_tab.png);">
<tr>


ensuite, pour la chat boxe, quel est le problème ? Vous voulez que la chat boxe apparaisse sous le forum ?


et enfin, pour mettre le nombre de qui est en ligne un peu plus haut dans la cellule, vous rajoutez ça dans votre template :

</td><td style="vertical-align:top;">

<!-- cette ligne correspond a,membre connceté au court des 24 dernière heures -->

<table class="scroll"><div style="moz-border-radius: 0px;">{L_CONNECTED_MEMBERS}</div></table>



Code:
 style="vertical-align:top;"





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 16:11

En fait j'aimerais supprimer "Il y a actuellement 0 utilisateur(s) sur la ChatBox : " je trouve que ça ne sert à rien étant donné qu'on peut voir qui est sur la box en étant connecté sur le forum.

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 17:51

D'accord, alors il faut enlever ceci :

Code:
<!-- AUTRE -->
    {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br>





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 17:57

Merci bien, ça marche nickel.

Juste une dernière chose, ensuite je ne vous embête plus : Serait possible des mettre les infos dans un paragraphe, au lieu de toujours sauter des lignes ? Je trouve que ça ne fait pas très joli ainsi.

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 18:09

Vui, ben il suffit de retirer les
Code:
<br>
qui sont des retours à la ligne. Pour mettre des espaces entre les phrases, tu peux mettre ce code :
Code:
 & nbsp;
à la place des retour à la ligne, si tes phrases sont collées les une aux autres.

C'est comme si tu tapais une fois sur la barre d'espace, un code html qui permet d'avoir des espaces.


ps : par contre pour que le code marche, tu dois retirer l'espace que j'ai mis entre & et n. J'ai du en mettre un sinon il ne s'affiche pas entre les balises code, il fait l'espace.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 18:53

Alors ça marche mais ça me déforme la colonne, elle s'agrandit.

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 18:58

hum dans ce cas essaie de mettre un width dans ta cellule. Comme ceci :

Code:
<!-- CONTENU 1 ONGLET -->
    <div id="onglet1" style="height:150px;">
    <center>
<table width="100"><tr><td>
    <!-- cette ligne correspond a,il y a une personne enregistré -->
ou bien

Code:
<!-- CONTENU 1 ONGLET -->
    <div id="onglet1" style="height:150px;">
    <center>
<table><tr><td width="100">
    <!-- cette ligne correspond a,il y a une personne enregistré -->


Tu changes la valeur 100 par ce qui te convient.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 19:14

Ca marche ! Pourrait-on justifier les informations ?

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 19:39

Oh si, tu mets
Code:
style="text-align:justify;"
dans le tableau ou la cellule que tu as déjà diminuée.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 20:41

Une toute petite dernière chose, le "Membres connectés au cours des 24 dernières heures :" est légèrement plus petit que les informations et en noir. Je voudrais qu'il soit de la même taille et en blanc. j'ai cherché mais je n'ai pas réussis à trouver.

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 20:51

@Alexandra59 a écrit:Une toute petite dernière chose, le "Membres connectés au cours des 24 dernières heures :" est légèrement plus petit que les informations et en noir. Je voudrais qu'il soit de la même taille et en blanc. j'ai cherché mais je n'ai pas réussis à trouver.

Tu parles de la couleur du texte ou de la couleur du fond ?

En tous les cas normalement c'est gérable via le css, avec le code que je t'avais donné plus haut :

Lixyr Yrna a écrit:
Code:
    .scroll .row1 {background: none !important; height: 20px; overflow:auto;}

il permet de retirer le background de fond qui se met automatiquement avec les variables auto-générées, et d'ajouter un scroll si le contenu de la variable est supérieur à 20px. Normalement, il marche. Essayez pour voir.

tu rajoutes dedans :
Code:
color: #fff; font-size:16px;

Ca donne :

Code:
    .scroll .row1 {background: none !important; height: 20px; overflow:auto;color: #fff; font-size:16px;}

tu peux changer la valeur 16, c'est la taille du texte.


Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 20:55

Je parle de la couleur du texte. J'ai essayé le code donner, mais ça ne fonctionne pas.

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 21:16

Ah oui >< stupide variable.

La couleur est celle donnée au texte en général :
panneau d'admin >> affichage >> couleur >> couleur du texte

et la taille celle donnée au texte
panneau d'admin >> affichage >> couleur >> taille police principale

Je ne saurai dire à l'heure actuelle comment changer la couleur des variables telles que celle-ci.

La seule possibilité est de mettre ceci :

Code:
.gensmall  {color:#fff;font-size:16px;}
mais je ne vous le conseille pas, la classe gensmall est utilisée un peu partout dans le forum alors la modifier via le css, c'est modifier un peu de tout un peu partout ... et ça génère pas mal de problème si c'est mal utilisé.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Alexandra59 le Mar 10 Mai 2011 - 21:29

Merci pur votre aide. je mets mon topic en résolu.

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petits changements dans le QEEL

Message par Lixyr le Mar 10 Mai 2011 - 22:24

De rien. ^^





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr 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