Un code qeel s'il vous plait.

Page 2 sur 3 Précédent  1, 2, 3  Suivant

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

Résolu Un code qeel s'il vous plait.

Message par la_blonde2510 le Mar 7 Juin 2011 - 15:25

Rappel du premier message :

Bonjour à tous et toutes,

Après m'être arraché des cheveux pour pouvoir faire un QEEL potable, j'ai abandonné et j'ai eu l'idée de venir vous demandez ici si ce serais possible d'être aidé?!

Voici ce dont j'aimerai:




Serait-il possible d'être aidé car vraiment je n'en peux plus, rien ne veux aller et si vous me demander de vous donner mon code html ou css... j'ai tout effacé pour redémarré à zéro avec vous.


Merci d'avance.

PS/ je ne sais pas si j'ai poster mon sujet au bon endroit, si c'est le cas, désolé. Sinon, merci à vous Smile j'espère avoir une petite réponse dans la journée.

Wink
Razz


Dernière édition par la_blonde2510 le Jeu 9 Juin 2011 - 23:40, édité 1 fois

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par la_blonde2510 le Mar 7 Juin 2011 - 22:16

ok.

Hum, tu peux encore m'aider pour les phrases etc s'il te plait *fais les yeux doux*

Je sais, je demande beaucoup aujourd'hui ^^' désolé

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Mar 7 Juin 2011 - 22:32

Alors on passe à la cellule suivante.

2) Nombre de membres se promenant sur le forum.

C'est la cellule du bas.

On prend la variable
{LOGGED_IN_USER_LIST} => Utilisateurs enregistrés : XXXXXX

Alors, on prend le code pour modifier la phrase :

Code:
    <span id="logged">{LOGGED_IN_USER_LIST}
                  <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"TON TEXTE ");</script>
    </span> LA FIN DE TON TEXTE

tu remplis les champs en modifiant :

<span id="logged">{LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"TON TEXTE ");</script>
</span> LA FIN DE TON TEXTE

As-tu lu mon tuto sur la modification des phrases du QEEL ?


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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Mar 7 Juin 2011 - 22:40

Oui, j'ai lu mais... étant donné qu'ici on à plusieurs chose modifié, je ne sais pas ou le mettre et quoi mettre... :s

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Mar 7 Juin 2011 - 22:43

Oh non justement c'est le code le plus simple :
Code:

        <span id="logged">{LOGGED_IN_USER_LIST}
                      <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"En ce moment ");</script>
        </span> se promène(nt) dans les rues.





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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Mar 7 Juin 2011 - 22:54

Voila, c'est mis ^^

pour le coté droit maintenant? x) Comment fait-on?

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Mar 7 Juin 2011 - 23:41

Alors pour le côté droit

3) Image du QEEL et statistiques modifiées.

1 - Alors déjà, tu vas bien lire mon tuto ! x)

2 - Ensuite, donc je te donne le code de ton image du QEEL, que tu vas mettre dans la cellule de droite :

Code:
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
.

3 - Ensuite, je te donne la variable que tu dois modifier, si tu veux ta phrase :
Nous avons dans cette ville X spécimens ayant eu recours au plus grand soucis de la terre ...

Code:
{TOTAL_USERS}

La phrase d'origine de cette phrase est : Nous avons X membres enregistrés
Toi tu veux : Nous avons dans cette ville X spécimens ayant eu recours au plus grand soucis de la terre ...

Il y a donc deux parties à modifier :
- avant le X
- après le X

Le code ressemble donc à : (c'est fou, ça, c'est l'exemple que j'avais déjà donné)
Code:

    <span id="totalu"> {TOTAL_USERS}
    <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/,"VOTRE TEXTE");</script>

    <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membre enregistré/,"VOTRE TEXTE");</script>

    <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/,"VOTRE TEXTE");</script>
    </span>


Allez, je t'ai tout mâché, essaie par toi-même de modifier ça.

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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Mer 8 Juin 2011 - 2:50

J'ai continuer, j'aurai encore quelques questions .....

1) Comment modifier la police dans le QEEL sachant qu'on touche les balises?
2) Comment mettre un écart entre les logo des onglets?
3) Comment partager le tableau en deux part égale? genre 50/50 ?

J'ai essayer, tu sais me dire si j'ai bien suivis les leçons?

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Mer 8 Juin 2011 - 10:46

Alors, quand tu veux modifier la police, tu veux modifier la police de certaines cellules, de certains textes, et de tout à la fois ?

1) Modifier la police dans le QEEL

1) Certaines cellules :

Dans la cellule, tu mets, si tu n'en as pas déjà un, un style pour introduire le code css :

Code:
<td style="font-family:NOMDELAPOLICE;">

2) Certains textes :

Tu entoures ton texte d'un span auquel tu rajoutes un style pour introduire le code css :

Code:
<span style="font-family:NOMDELAPOLICE;">TON TEXTE</span>

3) Tout à la fois.

Tu modifie la classe de ton tableau de base. Si je me rappelle bien, ton tableau est de la forme

<table class="forumline" ... >

tu modifies ce forumline par, par exemple, tableau :

<table class="tableau" ... >

et tu mets dans ton css :

Code:
.tableau {font-family:NOMDELAPOLICE !important;}

et tu enregistres.


2) Mettre un écart entre les logos des onglets

Ca se passe dans le css :

Tu cherches ça :

.onglet
et
.onglet:selected

et tu rajoutes pour les deux :
Code:

margin-right:5px;
margin-left:5px;

tu peux changer les valeurs 5 par ce que tu veux jusqu'à ce que ça te plaise.
margin-right : met un espace à droite
margin-left : met un espace à gauche


3) Partager le tableau en deux parts égales

Il suffit de mettre un
Code:
width="50%"
dans les cellules concernées.

Comme ça :

Code:
<td width="50%" ... >


/\ les ... que je mets dans les td ou les table, c'est pour montrer que tu as la fin de ton code ici. Tu ne mets pas de ..., toi, dans ton code.

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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 19:25

Bonjour,

Merci pour les codes mais j'ai un soucis, je n'arrive pas à avoir ce que je veux pour la description des onglets... ou alors je me trompe mais chaque fois qu'on passe sur les onglets, la description agrandie et fait reculer la partie droite.

merci.

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 19:27

Pour la description des codes ?





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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 19:32

J'ai modifier, je voulais dire onglet désolé.

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 19:38

D'accord. Donc je peux avoir votre css et le template index_body ?
Du moins la partie du QEEL actuelle.
Pour voir le problème.





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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 19:46

TEMPLATE::

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

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

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

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

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

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <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 -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
        <td>

<script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li></li>

<li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_2" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

<li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_3" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

<li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_4" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

<li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_5" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

<li id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_6" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>


<div class="clear"><div id="mes_contenus">


<div id="co_1" class="mon_contenu">

<table>
<tr>

<td class="row1" width="50%" height="100%">

    <div class="descriptiongroupe">" <font color=#816DC7 size="3">La description du groupe</font><br/> va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>

</td>
</tr>

</table>
</div>



<div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="50%" height="100%">
    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>
</td></tr></table>
</div>



<div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="50%" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
</tr>
</table>
</div>

<div id="co_4" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="50%" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ un peu plus long</div></td>
</tr>
</table>
</div>

<div id="co_5" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="50%" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ Qu'est ce que cela pourrait donner?!!</div></td>
</tr>
</table>
</div>

<div id="co_6" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="50%" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
</tr>
</table>
</div>

</div></ul></div><hr><br /></td>

      <td rowspan="2">    <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /><br>
<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/," Un nombre de");
            </script>
            <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," lettres s'envole à Dream heart");
            </script><br />
                      <span id="matt">{TOTAL_USERS}
            </span>
            <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Dans la débauche,");
            </script>
            <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"marche dans les rues");
            </script><br />
                      <span id="yosh">{NEWEST_USER}
            </span></center>
            <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Notre nouveauté est");
            </script></span>
<br>
<br>
<br/>
          <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/," Les courageux se compte au nombre de");
            </script>
            <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateur en ligne/," incoscient ");
            </script>
            <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateurs en ligne/,"inconscients");
            </script>
              <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Enregistré/,"revenant");
              </script>
              <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invisible et/,"fantôme");
              </script>
              <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invité/,"esprit");
                </script><br />
          {RECORD_USERS}<br />
          <br />
</td>
      </tr>
    </span></td>
        </tr>
        <tr>
        <td>
        <span id="logged"><span style="font-family:courier new;"><font color=#ffffff size="2"><i>{LOGGED_IN_USER_LIST}</i></font>
                      <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"En ce moment ");</script>
        </span> <font color=#ffffff size="2"><span style="font-family:courier new;"><i>se promène(nt) dans les rues.</i></font></span>
              </td>
          </tr>
        </table>
        <!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

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


CSS::


Code:
ul, li{
      list-style: none;}

.mon_onglet {
float: left;
border:3px # solid;
color:#000;
font-size:12px;
    text-align:justify;
margin-right:5px;
margin-left:5px;}

.mon_onglet:hover {
color: #fff;}
           
.mon_onglet_selected {
float: left;
border:3px # solid;
color:#000;
font-size:12px;
    text-align:justify;
margin-right:5px;
margin-left:5px;}

.clear{
  clear: both;}

.mon_contenu{
background-color: transparent;
border:3px # solid;
font-size:12px;
    text-align:justify;}

#mes_contenus, #mes_onglets{
  width: 100%;margin-right:0px;}

.descriptiongroupe {
font-style:italic;
font-family:Georgia;
color:#ffffff;
    text-align:justify;
}

.cadreimage {border:1px solid yellow;}

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 19:53

Merci. ^^

(j'ai vu quelques petites fautes dans vos phrases. Je peux les corriger ?)

Donc, vos images pour les groupes, vous les voulez toutes sur une même ligne ?

Et le contenu de la cellule de droite, elle doit être positionnée comme quand on passe la souris sur le premier onglet, ou sur l'avant-dernier ?



Dernière édition par Lixyr Yrna le Jeu 9 Juin 2011 - 20:03, édité 1 fois

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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 20:00

De rien Smile

Oui, j'aimerai avoir les onglets sur une même ligne.

Pour les phrases, ce ne sont pas des officiels, elles partiront vu que c'est un forum d'essai Smile Mais si vous voulez Smile allez -y ^^

Et oui, le contenue de la parti droite, j'aimerai que sa reste comme le premier onglet, ce qui concerne l'avant dernier je trouve sa trop grand Smile

mici

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 20:04

En fait, la dernière fois, vous m'aviez dit d'avoir des cellules qui prennent chacune la moitié du tableau pour avoir quelque chose de symétrique. Je vous avais dit de mettre vos cellules à 50%, ce que vous avez fait mais pas dans les bonnes cellules. ^^

Vous avez mis vos cellules contenant la description de vos groupes en 50%, mais je parlais des grandes cellules de base, du tableau du qeel.

Sauf que là, si vous voulez garder vos onglets sur la même ligne, il faudra avoir la cellule contenant les onglets d'un pourcentage plus grand que 50, sinon le dernier onglet se mettra automatiquement en dessous, le forum a une largeur trop petite.

Voilà le template corrigé : (avec aussi les fautes de frappe corrigées )

Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <!-- BEGIN message_admin_titre -->
      <tr>
          <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
      </tr>
      <!-- END message_admin_titre -->
      <!-- BEGIN message_admin_txt -->
      <tr>
          <td class="row1" rowspan="3" align="center" valign="middle">
          <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
          </td>
      </tr>
      <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

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

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

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

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

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td width="50%" valign="top">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
            </span>
          </td>
          <td width="50%" align="right">
            <span class="gensmall">
                <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 -->
            <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
              <tr>
            <td width="60%">

    <script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
    <ul>
    <li id="o_1" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li></li>

    <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_2" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_3" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_4" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_5" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_6" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>


    <div class="clear"><div id="mes_contenus">


    <div id="co_1" class="mon_contenu">

    <table width="100%">
    <tr>

    <td class="row1" height="100%">

        <div class="descriptiongroupe">" <font color=#816DC7 size="3">La description du groupe</font><br/> va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>

    </td>
    </tr>

    </table>
    </div>



    <div id="co_2" class="mon_contenu" style="display: none;">
    <table width="100%"><tr><td class="row1" height="100%">
        <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>
    </td></tr></table>
    </div>



    <div id="co_3" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
    </tr>
    </table>
    </div>

    <div id="co_4" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ un peu plus long</div></td>
    </tr>
    </table>
    </div>

    <div id="co_5" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ Qu'est ce que cela pourrait donner?!!</div></td>
    </tr>
    </table>
    </div>

    <div id="co_6" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
    </tr>
    </table>
    </div>

    </div></ul></div><hr><br /></td>

          <td rowspan="2" width="40%">    <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /><br>
    <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/," Un nombre de");
                </script>
                <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," lettres s'envolent à Dream heart");
                </script><br />
                          <span id="matt">{TOTAL_USERS}
                </span>
                <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Dans la débauche,");
                </script>
                <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"marchent dans les rues");
                </script><br />
                          <span id="yosh">{NEWEST_USER}
                </span></center>
                <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Notre nouveauté est");
                </script></span>
    <br>
    <br>
    <br/>
              <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/," Les courageux se comptent au nombre de");
                </script>
                <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateur en ligne/," inconscient ");
                </script>
                <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateurs en ligne/,"inconscients");
                </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Enregistré/,"revenant");
                  </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invisible et/,"fantôme et");
                  </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invité/,"esprit");
                    </script><br />
              {RECORD_USERS}<br />
              <br />
    </td>
          </tr>
        </span></td>
            </tr>
            <tr>
            <td>
            <span id="logged"><span style="font-family:courier new;"><font color=#ffffff size="2"><i>{LOGGED_IN_USER_LIST}</i></font>
                          <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"En ce moment ");</script>
            </span> <font color=#ffffff size="2"><span style="font-family:courier new;"><i>se promène(nt) dans les rues.</i></font></span>
                  </td>
              </tr>
            </table>
            <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td>  </td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

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





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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 20:10

Embarassed Pardon pour les Grosses fautes ^^' *boulet*

Merci ♥

J'ai encore plein de questions mais sa risque d'être énorme et vous allez en avoir marre de me répondre à force ^^' sa parle juste d'un scrollbar pour la partie gauche, pour les membres si un jours ils sont nombreux.

Et voila, je pense... (en faite j'ai pas de question pour le moment mais un jour sa viendra...)

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 20:16

Ben je suis là pour ça, donc posez vos questions, ça ne me dérange pas.

Ben pour les membres connectés, on peut mettre une scroll-barre :

<tr>
<td height="55" style="display: block;overflow:hidden;overflow-x: hidden;overflow-y: auto;">
<span id="logged"><span style="font-family:courier new;"><font color=#ffffff size="2"><i>{LOGGED_IN_USER_LIST}</i></font>
<script

en rajoutant une hauteur définie à votre cellule, ainsi qu'une scroll-barre cachée qui n'apparaitra que quand ce sera nécessaire.
Vous pouvez donc changer la valeur 55 par celle qui vous 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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 20:20

Merci beaucoup.

Question:

Opacité pour les onglets, comment fait-on?

(En faite j'aimerai un QEEL très jolie et j'aimerai aussi une belle écriture, et une image de fond? comment on fait?)

Embarassed

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 20:32

Mdr. Pour avoir un QEEL très joli, il faut beaucoup d'imagination, de la patience, et des beaux codes. ^^

Pour que les onglets soient opaques, il suffit de rajouter ce code :

.mon_onglet {
float: left;
border:3px # solid;
color:#000;
font-size:12px;
text-align:justify;
margin-right:5px;
margin-left:5px;

filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity:0.95;
opacity: 0.95;

}

vous pouvez avoir un rendu encore plus opaque si vous modifiez les valeurs par des valeurs inférieures.

95 => valeur ronde : ça va de 0 à 100
0.95 => on ne change que la partie décimale : ça va de 0 à 1

100 et 1 étant la valeur qui ne laisse aucune transparence.
et 0 qui ne laisse plus rien voir du tout. x)

Si vous voulez que cet effet reste même au passage de la souris, il faudra le rajouter dans :
Code:

    .mon_onglet:hover {
    color: #fff;}





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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 20:49

Ou je me suis trompé, ou il y à rien qui change :s

EDIT;; j'ai rien dit ! j'ai changer le 95 en 70 et 0.95 en 0.7 x)

comment on met une image de fond? j'aimerai mettre celle-ci
Code:
http://i.imgur.com/IWTur.png

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 21:02

Si tu veux une image de fond sur tout ton qeel, c'est dans la balise table de départ du QEEL :

Code:
<table style="background-image:url(http://i.imgur.com/IWTur.png);background-repeat:repeat;" ...>

ne te trompe pas de table. Je vais voir si tu as compris cette histoire de table et de cellule générale, maintenant. ^^





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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 21:11

héhé j'ai réussi ^^

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" table style="background-image:url(http://i.imgur.com/IWTur.png);background-repeat:repeat;">
<tr>

Hum... par contre, la grandeur de mon QEEL est grande... normal? En faite, la ou il y à les onglets, j'aimerai que la partie de la description s'arrête à la limite de l'onglet, pas après :s

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 21:16

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" table style="background-image:url(http://i.imgur.com/IWTur.png);background-repeat:repeat;">
<tr>

Presque réussi ! xD Tu as un table en trop en plein milieu du code. ^^





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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 21:23

Siffleur


corrigé ^^ Razz


Tu sais pourquoi ma description est devenue plus grande?



En faite, ce qu'il y à dans le cadre rouge j'aimerai que sa disparaisse, ensuite, tout l'écriture du coté droit, j'aimerai qu'il soit plus proche (ou il y à la ligne pointillé) et rétrécir le tout car mon forum est à 60% mais j'ai l'impression qu'il est plus grand :s)

merci

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 21:32

Ah oui, bizarre, ça ne faisait pas ça chez moi.

Tu as modifié quoi à part la largeur de tes cellules générales ?

Dans les tableaux de tes contenus d'onglet, tu as mis quoi ?
Mets bien des valeurs en pourcentage, c'est mieux. Et dans tes cellules de contenu d'onglet, tu as changé quelque chose ?

Retire les width si tu en as. Et si ça ne marche pas, envoie-moi ton contenu du QEEL.





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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 21:42

Template::

Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <!-- BEGIN message_admin_titre -->
      <tr>
          <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
      </tr>
      <!-- END message_admin_titre -->
      <!-- BEGIN message_admin_txt -->
      <tr>
          <td class="row1" rowspan="3" align="center" valign="middle">
          <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
          </td>
      </tr>
      <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

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

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

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

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

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td width="50%" valign="top">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
            </span>
          </td>
          <td width="50%" align="right">
            <span class="gensmall">
                <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 -->
            <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="background-image:url(http://i.imgur.com/IWTur.png);background-repeat:repeat;">
              <tr>
            <td width="60%">

    <script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
    <ul>
    <li id="o_1" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li></li>

    <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_2" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li>

    <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_3" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li>

    <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_4" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_5" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_6" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>


    <div class="clear"><div id="mes_contenus">


    <div id="co_1" class="mon_contenu">

    <table width="100%">
    <tr>

    <td class="row1" height="100%">

        <div class="descriptiongroupe">" <font color=#816DC7 size="3">La description du groupe</font><br/> va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>

    </td>
    </tr>

    </table>
    </div>



    <div id="co_2" class="mon_contenu" style="display: none;">
    <table width="100%"><tr><td class="row1" height="100%">
        <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>
    </td></tr></table>
    </div>



    <div id="co_3" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
    </tr>
    </table>
    </div>

    <div id="co_4" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ un peu plus long</div></td>
    </tr>
    </table>
    </div>

    <div id="co_5" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ Qu'est ce que cela pourrait donner?!!</div></td>
    </tr>
    </table>
    </div>

    <div id="co_6" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
    </tr>
    </table>
    </div>

    </div></ul></div><hr><br /></td>

          <td rowspan="2" width="40%">    <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /><br>
    <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/," Un nombre de");
                </script>
                <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," lettres s'envolent à Dream heart");
                </script><br />
                          <span id="matt">{TOTAL_USERS}
                </span>
                <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Dans la débauche,");
                </script>
                <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"marchent dans les rues");
                </script><br />
                          <span id="yosh">{NEWEST_USER}
                </span></center>
                <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Notre nouveauté est");
                </script></span>
    <br>
    <br>
    <br/>
              <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/," Les courageux se comptent au nombre de");
                </script>
                <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateur en ligne/," inconscient ");
                </script>
                <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateurs en ligne/,"inconscients");
                </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Enregistré/,"revenant");
                  </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invisible et/,"fantôme et");
                  </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invité/,"esprit");
                    </script><br />
              {RECORD_USERS}<br />
              <br />
    </td>
          </tr>
        </span></td>
            </tr>
            <tr>
            <td height="75" style="display: block;overflow:hidden;overflow-x: hidden;overflow-y: auto;">
            <span id="logged"><span style="font-family:courier new;"><font color=#ffffff size="2"><i>{LOGGED_IN_USER_LIST}</i></font>
                          <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"En ce moment ");</script>
            </span> <font color=#ffffff size="2"><span style="font-family:courier new;"><i>se promène(nt) dans les rues.</i></font></span>
                  </td>
              </tr>
            </table>
            <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td>  </td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

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

Ce sera plus facile car je n'ai rien changer, enfin je pense... :s

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 22:05

J'ai enlevé les width des tableaux des contenus des onglets, et j'ai remis tes cellules générales à 50% chacune, comme tu as modifié tes images, ça tiendra.

Code:
        {JAVASCRIPT}
        <!-- BEGIN message_admin_index -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <!-- BEGIN message_admin_titre -->
          <tr>
              <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
          </tr>
          <!-- END message_admin_titre -->
          <!-- BEGIN message_admin_txt -->
          <tr>
              <td class="row1" rowspan="3" align="center" valign="middle">
              <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
              </td>
          </tr>
          <!-- END message_admin_txt -->
        </table>
        <!-- END message_admin_index -->

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

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

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

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

        {CHATBOX_TOP}
        {BOARD_INDEX}
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <td width="50%" valign="top">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
                <!-- END switch_user_logged_in -->
                <!-- BEGIN switch_delete_cookies -->
               
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
                <!-- END switch_delete_cookies -->
                </span>
              </td>
              <td width="50%" align="right">
                <span class="gensmall">
                    <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

                    <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

                    <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                    <!-- BEGIN switch_on_index -->
                      <!-- BEGIN switch_delete_cookies -->
                     
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                      <!-- END switch_delete_cookies -->
                    <!-- END switch_on_index -->
                </span>
              </td>
          </tr>
        </table>

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

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

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

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

                <!-- BEGIN disable_viewonline -->
                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="background-image:url(http://i.imgur.com/IWTur.png);background-repeat:repeat;">
                  <tr>
                <td width="50%">

        <script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
        <ul>
        <li id="o_1" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li></li>

        <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_2" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li>

        <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_3" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li>

        <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_4" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

        <li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_5" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

        <li id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_6" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>


        <div class="clear"><div id="mes_contenus">


        <div id="co_1" class="mon_contenu">

        <table>
        <tr>

        <td class="row1" height="100%">

            <div class="descriptiongroupe">" <font color=#816DC7 size="3">La description du groupe</font><br/> va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>

        </td>
        </tr>

        </table>
        </div>



        <div id="co_2" class="mon_contenu" style="display: none;">
        <table><tr><td class="row1" height="100%">
            <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>
        </td></tr></table>
        </div>



        <div id="co_3" class="mon_contenu" style="display: none;">
        <table>
        <tr>
        <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
        </tr>
        </table>
        </div>

        <div id="co_4" class="mon_contenu" style="display: none;">
        <table>
        <tr>
        <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ un peu plus long</div></td>
        </tr>
        </table>
        </div>

        <div id="co_5" class="mon_contenu" style="display: none;">
        <table>
        <tr>
        <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ Qu'est ce que cela pourrait donner?!!</div></td>
        </tr>
        </table>
        </div>

        <div id="co_6" class="mon_contenu" style="display: none;">
        <table>
        <tr>
        <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
        </tr>
        </table>
        </div>

        </div></ul></div><hr>
</td>

              <td rowspan="2" width="50%">   

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /><br>
        <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/," Un nombre de");
                    </script>
                    <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," lettres s'envolent à Dream heart");
                    </script>

                              <span id="matt">{TOTAL_USERS}
                    </span>
                    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Dans la débauche,");
                    </script>
                    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"marchent dans les rues");
                    </script>

                              <span id="yosh">{NEWEST_USER}
                    </span></center>
                    <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Notre nouveauté est");
                    </script></span>
        <br>
        <br>
        <br/>
                  <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/," Les courageux se comptent au nombre de");
                    </script>
                    <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateur en ligne/," inconscient ");
                    </script>
                    <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateurs en ligne/,"inconscients");
                    </script>
                      <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Enregistré/,"revenant");
                      </script>
                      <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invisible et/,"fantôme et");
                      </script>
                      <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invité/,"esprit");
                        </script>

                  {RECORD_USERS}

                 

        </td>
              </tr>
            </span></td>
                </tr>
                <tr>
                <td height="75" style="display: block;overflow:hidden;overflow-x: hidden;overflow-y: auto;">
                <span id="logged"><span style="font-family:courier new;"><font color=#ffffff size="2"><i>{LOGGED_IN_USER_LIST}</i></font>
                              <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"En ce moment ");</script>
                </span> <font color=#ffffff size="2"><span style="font-family:courier new;"><i>se promène(nt) dans les rues.</i></font></span>
                      </td>
                  </tr>
                </table>
                <!-- END disable_viewonline -->
        {CHATBOX_BOTTOM}
        <br clear="all" />
        <!-- BEGIN switch_legend -->
        <table border="0" cellspacing="3" cellpadding="0" align="center">
          <tr>
              <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
              <td><span class="gensmall">{L_NEW_POSTS}</span></td>
              <td></td>
              <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
              <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
              <td>  </td>
              <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
              <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
          </tr>
        </table>
        <!-- END switch_legend -->

        {AUTO_DST}

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

Par contre, juste un conseil : tu devrais réduire la largeur de ta barre de séparation :

Code:
<hr>

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: Un code qeel s'il vous plait.

Message par la_blonde2510 le Jeu 9 Juin 2011 - 22:34

Ah d'accord :s

Je ne vois pas comment le faire :s

Et ... sa marche pas, c'est pas possible, je cloche quelque part... regarde le deuxième onglet, j'ai fait exprès de mettre un grand texte et sa déforme tout... tu penses que c'est à cause qu'il n'y aille aucune barre de séparation? Ou alors je devrais noter mes mots et faire enter à chaque fois pour ne pas me retrouver avec une déformation énorme comme celle la...

la_blonde2510
**

Féminin
Messages : 79
Inscrit(e) le : 14/10/2006

http://thelasthope.rpg-board.net/
la_blonde2510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un code qeel s'il vous plait.

Message par Lixyr le Jeu 9 Juin 2011 - 22:40

Non non, tu peux donner une largeur définie pour chaque contenu, et si jamais ta phrase est trop grande ça ira à la ligne tout seul.
Tu mets dans chaque table de ton contenu, par exemple :

Code:
style="width:150px;"

et tu changes la valeur selon ce que tu veux. Parce que 150, c'est vraiment tout petit ! xD





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.

Page 2 sur 3 Précédent  1, 2, 3  Suivant

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