Problème d'onglets avec le QEEL
3 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
Problème d'onglets avec le QEEL
Bonjour bonjour!
J'ai essayé de modifier mon QEEL pour qu'il soit un peu plus classe, seulement j'ai quelques soucis -bien évidemment =.='
En fait, j'ai des éléments qui, je ne sais pas pourquoi, se mettent au-dessus ou au-dessous du tableau au lieu d'être à l'intérieur.
De plus, j'ai une marge devant une image qui ne veut pas disparaître.
Un aperçu :
J'aimerais donc faire disparaître la marge, et intégrer les deux texte qui sont en dehors dans le troisième onglet "Statistiques".
Voici mes codes HTML et CSS :
Merci d'avance à celui/ceux qui voudront et pourront m'aider!
J'ai essayé de modifier mon QEEL pour qu'il soit un peu plus classe, seulement j'ai quelques soucis -bien évidemment =.='
En fait, j'ai des éléments qui, je ne sais pas pourquoi, se mettent au-dessus ou au-dessous du tableau au lieu d'être à l'intérieur.
De plus, j'ai une marge devant une image qui ne veut pas disparaître.
Un aperçu :
- Spoiler:
J'aimerais donc faire disparaître la marge, et intégrer les deux texte qui sont en dehors dans le troisième onglet "Statistiques".
Voici mes codes HTML et CSS :
- Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td> <div class="systab" id="tab-bloc">
<div id="tab-regles" class="selected">
<span>♦ Robotic Earth ♦</span>
<ul><img src="http://nsm05.casimages.com/img/2012/05/28/1205281233001350129910661.png" width="900px"></img>
</ul>
</div>
<div id="tab-bienvenue">
<span>♦ Bienvenue ♦</span>
<center><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span><br><br>
<div class="width:500px"><justify>Bienvenue à toi {USER&#8288;NAME}! Robotic Earth et son équipe t'accueillent à bras ouverts, et sont prêt à tout pour rendre ton séjour le plus agréable possible.<br>
Les étudiants se sont tous rendus comme prévu à Central Park pour la manifestation contre G4 Good. Ou du moins pour attirer l'attention sur ces robots suspects, mais aussi sur la disparition des villes américaines en chaîne. La manifestation commence normalement, calmement, pacifiquement. Tout devrait se dérouler sans débordement jusqu'à la fin de la journée, et peut-être même obtiendront-ils une réaction.
Mais il se pourrait que rien ne se déroule comme prévu. Car c'était sans compter une réaction de la part de John Sucker en personne. Ou plutôt une intervention qui risque de changer le court des évènements de façon radicale, et pas forcément positive.</justify></center>
</div>
<div id="tab-staff">
<span>♦ Les statistiques ♦</span>
<center><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
{LEGEND} : {GROUP_LEGEND}<br>
{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}</span></center>
</div>
</div>
</td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
- Code:
/* #tab-bloc = ce tableau d'onglet / .tabs = conteneur des onglets */
#tab-bloc .tabs {
text-align: center;
margin-bottom: 10px;
}
/* .tab = onglets */
#tab-bloc .tab {
border-radius: 5px;
border: none;
margin: 0 20px;
background: none;
}
/* .tab.selected = onglet sélectionné*/
#tab-bloc .tab.selected {
background: #333;
box-shadow: 0 0 5px white;
font-weight: bold;
}
/* .tab img = image dans les onglets */
#tab-bloc .tab img {
vertical-align: -3px;
}
/* .contents = conteneur des contenu */
#tab-bloc .contents {
border: 3px double black;
border-radius: 50px;
}
/* #tab-staff = contenu associé à l'onglet staff */
#tab-staff {
background: #333;
border: 2px dashed black;
margin: auto;
border-radius: 50px;
}
#tab-staff table {
margin: 100px auto;
font-weight: 30px;
border: 2px solid black;
border-radius: 5px;
}
/* #tab-bienvenue = contenu associé à l'onglet bienvenue */
#tab-bienvenue {
background: #333;
border-radius: 50px;
border: 2px dashed black;
text-align: center;
text-shadow: 0 0 5px black;
}
/* #tab-bienvenue marquee = le marquee dans l'onglet bienvenue */
#tab-bienvenue marquee {
width: 400px;
text-align: center;
}
/* #tab-regles = contenu associé à l'onglet règles */
#tab-regles ul {
background: #333;
border: 2px dashed black;
font-family: georgia, arial, serif;
border-radius: 50px;
}
Merci d'avance à celui/ceux qui voudront et pourront m'aider!
Dernière édition par Magda Sully le Sam 10 Nov 2012 - 16:56, édité 1 fois
Re: Problème d'onglets avec le QEEL
bonjour
je n'arrive pas a trouvé le code du qeel ou se trouve t'il ??
j'ai bien la version phpBB2
merci
je n'arrive pas a trouvé le code du qeel ou se trouve t'il ??
j'ai bien la version phpBB2
merci
Re: Problème d'onglets avec le QEEL
up , , merci .
Re: Problème d'onglets avec le QEEL
Bonjour , je remonte le post
svp !!!
svp !!!
Re: Problème d'onglets avec le QEEL
Le QEEL se trouve dans le Template index_body, à partir de
jusqu'à
Je Up le sujet
- Code:
<!-- BEGIN disable_viewonline -->
jusqu'à
- Code:
<!-- END disable_viewonline -->
Je Up le sujet
Re: Problème d'onglets avec le QEEL
Bonjour
pour réintégrer votre texte, il faut déjà remplacer :
par
enfin dans la css ajoutez :
Cordialement.
pour réintégrer votre texte, il faut déjà remplacer :
- Code:
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
par
- Code:
<table class="trans"> {L_CONNECTED_MEMBERS}</table>
<table class="trans"> {L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table>
enfin dans la css ajoutez :
- Code:
.trans .row1 {background-color : transparent;}
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème d'onglets avec le QEEL
Les éléments sont en effet intégrés dans le tableau, mais ils ont une bordure noire qui ne veut pas partir, et sont espacés de trois kilomètres chacun quoi que je fasse...
Re: Problème d'onglets avec le QEEL
Puis-je avoir un lien ves votre qeel ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème d'onglets avec le QEEL
Il n'est pas encore en ligne, j'ai fais une capture d'écran :
Re: Problème d'onglets avec le QEEL
Remplacez déjà dans la css :
par
je teste pour vos problèmes d'espacements.
- Code:
.trans .row1 {background-color : transparent;}
par
- Code:
.trans .row1 {background-color : transparent;
border : 0px solid transparent;}
je teste pour vos problèmes d'espacements.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème d'onglets avec le QEEL
La fonction "transparent" ne marche pas, j'ai déjà essayé, et j'ai réessayé sans plus de résultats...
Je ne comprends pas trop d'où vient le problème...
Je ne comprends pas trop d'où vient le problème...
Re: Problème d'onglets avec le QEEL
Puis-je ravoir votre template index_body COMPLET celui que vous avez fournir au début ne l'ai pas et pour mes tests mon forum me dit du coup qu'une de mes balises n'est pas fermée u_u
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème d'onglets avec le QEEL
Voilà
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="900px" border="0" cellspacing="1" cellpadding="0">
<tr>
<td> <div class="systab" id="tab-bloc">
<div id="tab-regles" class="selected" width="900px">
<span>♦ Robotic Earth ♦</span>
<ul><img src="http://nsm05.casimages.com/img/2012/05/28/1205281233001350129910661.png" width="800px"></img>
</ul>
</div>
<div id="tab-bienvenue">
<span>♦ Bienvenue ♦</span>
<center><span class="gensmall"><span id="nb_messages">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/Nos membres/,"Les New-Yorkais");</script><script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/messages/,"présages");</script></span><br />
<span id="mb_enregistres">{TOTAL_USERS}<script type="text/javascript">document.getElementById('mb_enregistres').innerHTML=document.getElementById('mb_enregistres').innerHTML.replace(/membres/,"citadins");</script></span><br />
<span id="ut_enregistres_end">{NEWEST_USER}<script type="text/javascript">document.getElementById('ut_enregistres_end').innerHTML=document.getElementById('ut_enregistres_end').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"Le New-Yorkais enregistré dernièrement");</script></span></span><br><br>
<div class="width:500px"><justify>Bienvenue à toi {USER&#8288;NAME}! Robotic Earth et son équipe t'accueillent à bras ouverts, et sont prêt à tout pour rendre ton séjour le plus agréable possible.<br>
Les étudiants se sont tous rendus comme prévu à Central Park pour la manifestation contre G4 Good. Ou du moins pour attirer l'attention sur ces robots suspects, mais aussi sur la disparition des villes américaines en chaîne. La manifestation commence normalement, calmement, pacifiquement. Tout devrait se dérouler sans débordement jusqu'à la fin de la journée, et peut-être même obtiendront-ils une réaction.
Mais il se pourrait que rien ne se déroule comme prévu. Car c'était sans compter une réaction de la part de John Sucker en personne. Ou plutôt une intervention qui risque de changer le court des évènements de façon radicale, et pas forcément positive.</justify></center>
</div>
<div id="tab-staff">
<span>♦ Les statistiques ♦</span>
<center><span class="gensmall">{TOTAL_USERS_ONLINE}<br>
{RECORD_USERS}<br>
{LOGGED_IN_USER_LIST}<br>
<table class="trans"><center>{L_CONNECTED_MEMBERS}</center></table>
<table class="trans">{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table>
{LEGEND} : {GROUP_LEGEND}<br>
{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}</span></center>
</div>
</div>
</td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Re: Problème d'onglets avec le QEEL
#tab-staff table {
margin: 100px auto;
font-weight: 30px;
border: 2px solid black;
border-radius: 5px;
}
la partie en gras cause le décalage. il faut donc la supprimer. Cela créé-t-il des problèmes dans votre tableau par contre si vous supprimer cette partie ?
Edit : pour enlever les bordures, remplacez le code css que je vous ai donné par celui-ci
margin: 100px auto;
font-weight: 30px;
border: 2px solid black;
border-radius: 5px;
}
la partie en gras cause le décalage. il faut donc la supprimer. Cela créé-t-il des problèmes dans votre tableau par contre si vous supprimer cette partie ?
Edit : pour enlever les bordures, remplacez le code css que je vous ai donné par celui-ci
- Code:
.trans .row1 {background-color : transparent;}
.trans {border : 0px solid!important;}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème d'onglets avec le QEEL
Aucun problème, ça marche.
Par contre, le [Rejoindre le Chat] reste en dehors, et je ne sais pas quel code il faut déplacer pour qu'il soit à l'intérieur du dernier onglet...
On peut le voir sur l'image que j'ai mise ci-dessus, il faudrait juste qu'il soit à l'endroit habituel, juste après le "Il y a actuellement x utilisateur(s) sur la ChatBox : "
Par contre, le [Rejoindre le Chat] reste en dehors, et je ne sais pas quel code il faut déplacer pour qu'il soit à l'intérieur du dernier onglet...
On peut le voir sur l'image que j'ai mise ci-dessus, il faudrait juste qu'il soit à l'endroit habituel, juste après le "Il y a actuellement x utilisateur(s) sur la ChatBox : "
Re: Problème d'onglets avec le QEEL
- Code:
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
voici le code pour le chat ^^ il vous faut enlever les td et tr pour l'insérez dans la bonne partie.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème d'onglets avec le QEEL
Merci beaucoup, ça fonctionne!
Sujets similaires
» Problème avec le QEEl...
» Problème avec le QEEL.
» probleme avec qeel
» Problème avec mon QEEL
» Problème avec le Qeel
» Problème avec le QEEL.
» probleme avec qeel
» Problème avec mon QEEL
» Problème avec le Qeel
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