Petits changements dans le QEEL
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Petits changements dans le QEEL
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 ?
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
Re: Petits changements dans le QEEL
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 ?
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 ?
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Petits changements dans le QEEL
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 :
Et le CSS :
- 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://illiweb.com/fa/pbucket.gif);">
<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 */
}
Re: Petits changements dans le QEEL
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 :
Vous rajoutez ce
à 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.
---------------------------------------
Ensuite, pour l'onglet en ligne, il suffit de faire un tableau en deux colonnes :
Pour le contenu en scrolling, il suffit de faire ainsi :
=> 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.
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.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Petits changements dans le QEEL
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 ?
Re: Petits changements dans le QEEL
On va faire autrement :
Alors voici votre template modifié. Les explications suivent en dessous.
Pour changer la taille du contenu, il suffisait juste de changer la taille du tableau ici :
ensuite, pour les cellules, comme ceci :
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 :
C'est pour le scroll. Pour que ça marche, il faut rajouter ce code, dans cotre feuille css :
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.
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://illiweb.com/fa/pbucket.gif);">
<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(https://2img.net/h/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.
Re: Petits changements dans le QEEL
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 :
ÉDIT : Nouveau problème ! En activant la chat box ca me fait ceci :
- Spoiler:
Re: Petits changements dans le QEEL
Pour le qui est en ligne, il suffit de déplacer le lien, comme ceci :
Avant :
Après :
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 :
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(https://2img.net/h/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;"
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Petits changements dans le QEEL
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.
Re: Petits changements dans le QEEL
D'accord, alors il faut enlever ceci :
- Code:
<!-- AUTRE -->
{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br>
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Petits changements dans le QEEL
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.
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.
Re: Petits changements dans le QEEL
Vui, ben il suffit de retirer les
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.
- Code:
<br>
- Code:
& nbsp;
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.
Re: Petits changements dans le QEEL
Alors ça marche mais ça me déforme la colonne, elle s'agrandit.
Re: Petits changements dans le QEEL
hum dans ce cas essaie de mettre un width dans ta cellule. Comme ceci :
Tu changes la valeur 100 par ce qui te convient.
- 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é -->
- 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.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Petits changements dans le QEEL
Ca marche ! Pourrait-on justifier les informations ?
Re: Petits changements dans le QEEL
Oh si, tu mets
- Code:
style="text-align:justify;"
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Petits changements dans le QEEL
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.
Re: Petits changements dans le QEEL
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.
Re: Petits changements dans le QEEL
Je parle de la couleur du texte. J'ai essayé le code donner, mais ça ne fonctionne pas.
Re: Petits changements dans le QEEL
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 :
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;}
Re: Petits changements dans le QEEL
Merci pur votre aide. je mets mon topic en résolu.
Re: Petits changements dans le QEEL
De rien. ^^
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum