CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| [Résolu]Aide Qeel en onglets | |
| daminor26
{ Membre }
Messages : 22
| Salut à tous, alors voila j'ai voulu essayer de faire un qeel sous forme d'onglets, sauf que je n'y arrive pas, j'ai fait comme dans un tuto vu sur un forum, et ça ne fait pas ce que je voudrais que sa fasse : Ca me donne sa, et je ne comprend pas pourquoi alors que j'ai fait pareil que dans le tutoriel : Et le templante le voici, pourriez vous m'expliquer ce qui ne va pas ? - 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></span> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span> <!-- END switch_delete_cookies --> </td> <td width="50%" align="right"> <span class="gensmall"> <!-- 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" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="catHead" colspan="2" height="28"> <!-- BEGIN switch_viewonline_link --> <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span> <!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink --> <span class="cattitle">{L_WHO_IS_ONLINE}</span> <!-- END switch_viewonline_nolink --> </td> </tr> <span class="onglet"> <div class="navigation"><img src="http://img11.hostingpics.net/pics/364024statistiques.png" onMouseOver="this.src ='http://img4.hostingpics.net/pics/112261statistiques2.png';" onMouseOut="this.src = 'http://img11.hostingpics.net/pics/364024statistiques.png';" alt="Statistiques" style="height:51px;width:190px" /></div> <div class="bloc_texte" id="1"> <div class="contenu"> <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td> <td class="row1" align="left" width="100%"><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 otakus");</script></span></td><br /> <span id="mb_inscrits">{TOTAL_USERS}<script type="text/javascript">document.getElementById('mb_inscrits').innerHTML=document.getElementById('mb_inscrits').innerHTML.replace(/membres enregistrés/,"otakus inscrits.");</script></span><br /> <span id="newest">{NEWEST_USER}<script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById('newest').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"L'otaku le plus récent est");</script></span> </div> </div> </span> <span class="onglet"> <div class="navigation"><img src="http://img11.hostingpics.net/pics/867235Enligne.png" onMouseOver="this.src ='http://img4.hostingpics.net/pics/535594Enligne2.png';" onMouseOut="this.src = 'http://img11.hostingpics.net/pics/867235Enligne.png';" alt="En Ligne" style="height:51px;width:111px" /></div> <div class="bloc_texte" id="2"> <div class="contenu"> <td class="row1" align="left"><span class="gensmall"><span id="online">{TOTAL_USERS_ONLINE}<script type="text/javascript">document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/ Enregistré/," inscrit");document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Invité/, "invité");document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/utilisateurs en ligne/, "otakus sur le forum");</script></span><br /> <span id="record_user">{RECORD_USERS}<script type="text/javascript">document.getElementById('record_user').innerHTML=document.getElementById('record_user').innerHTML.replace(/utilisateurs/,"otakus");</script></span><br /> <br /> <span class="gensmall"> <span id="logged in user list"> {LOGGED_IN_USER_LIST}<script type="text/javascript">document.getElementById('logged in user list').innerHTML=document.getElementById ('logged in user list').innerHTML.replace(/Utilisateurs enregistrés/,"Otaku(s) connecté(s)"); </script></span></td> {L_CONNECTED_MEMBERS} </div> </div> </span> <span class="onglet"> <div class="navigation"><img src="http://img11.hostingpics.net/pics/624104groupesqeel.png" onMouseOver="this.src ='http://img4.hostingpics.net/pics/731789groupesqeel2.png';" onMouseOut="this.src = 'http://img11.hostingpics.net/pics/624104groupesqeel.png';" alt="Groupes" style="height:51px;width:111px" /></div> <div class="bloc_image" id="3"> <div class="contenu"> <tr> <td class="row1"><span class="gensmall"><a href="http://manga-island.forumactif.org/g1-administrateurs"><img src="http://img4.hostingpics.net/pics/530702groupeadmin.png" Title="Administrateurs"></a></span> <span class="gensmall"><a href="http://manga-island.forumactif.org/g2-moderateurs"><img src="http://img4.hostingpics.net/pics/964292groupemodos.png" Title="Modérateurs"></a></span> <span class="gensmall"><a href="http://manga-island.forumactif.org/g4-validateurs"><img src="http://img11.hostingpics.net/pics/452031groupevalidateurs.png" Title="Valideurs"></a></span> <span class="gensmall"><a href="http://manga-island.forumactif.org/g3-membres"><img src="http://img4.hostingpics.net/pics/712028groupemembres.png" Title="Membres"></a></span></td> </tr> </div> </div> </span> <span class="onglet"> <div class="navigation"><img src="http://img11.hostingpics.net/pics/774189annives.png" onMouseOver="this.src ='http://img4.hostingpics.net/pics/139357annives2.png';" onMouseOut="this.src = 'http://img11.hostingpics.net/pics/774189annives.png';" alt="Anniversaires" style="height:51px;width:140px" /></div> <div class="bloc_texte" id="4"> <div class="contenu"> {L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK} </div> </div> </span> <!-- BEGIN switch_chatbox_activate --> <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br /> <!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script> <!-- END switch_chatbox_popup --> </span> </td> </tr> <!-- END switch_chatbox_activate --> </table> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login --> <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script> <!-- END switch_fb_index_login --> Alors dans le tuto, il y avait un peu de CSS aussi, j'ai mis sa : - Code:
-
span.onglet{ float:left; } span.onglet img:hover{ cursor:pointer; }
#en_tete .bloc_texte{ position:absolute; margin-top:0; } Le forum : http://manga-island.forumactif.org/ Merci si vous pouvez m'aider |
Dernière édition par daminor26 le Dim 13 Oct 2013, 15:21, édité 1 fois | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Hum... Le forum a été remodifié depuis non ? Par ce que quand on demande le lien, c'est pour constater le problème en direct, et trouver comment le régler plus rapidement ^^
Pourrais tu aussi me donner le lien du tuto en question s'il te plait ? | | |
| | | daminor26
{ Membre }
Messages : 22
| Ah, ben oui, quand j'ai vu que sa bugger a mort, j'ai remis les mofications de juste avant, car si un invité voit ca, ca donne pas trop envie de s'inscrire :p Et c'etait celui la de tutoriel : http://www.school-of-pub.net/t4620-forumactif-faire-une-en-tete-sous-forme-d-onglets Voila, merci si vous pouvez m'aider | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Je conseille de créer un forum de test, comme ça à chaque modification de code il est possible de faire des essais sans problèmes... sinon ça ne va pas du tout être pratique ^^ En regardant la fin du tutoriel, il me semble qu'il y a beaucoup plus css que celui montré dans le premier post Enfin, le tuto venant d'un autre forum, il est tout à faire possible d'ouvrir une demande d'aide là bas pour avoir plus d'infos, peut être même de la créatrice du tuto elle même. | | |
| | | daminor26
{ Membre }
Messages : 22
| J'ai essayer de creer un forum test, mais la page de chargement tournait dans le vide... Donc j'ai essayer de faire exactement comme le tutoriel, avec une page html, et ca donne sa : - Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Tuto faire une en tete sous forme d'onglet</title> <style> /**** Structure du qeel ****/
/** Onglet 4 **/
#onglet4{ background-image:url("http://img4.hostingpics.net/pics/698146fond.png"); background-repeat:no-repeat; background-position:top; min-height:339px; } #onglet4 .contenu{ width:600px; height:auto; margin:auto; text-align:center; font-size:14px; margin-top:10px; }
/** Onglet 3 **/
#onglet3{ background-image:url("http://img4.hostingpics.net/pics/698146fond.png"); background-repeat:no-repeat; background-position:top; min-height:339px; } #onglet3 .contenu{ width:600px; height:auto; margin:auto; text-align:center; font-size:14px; margin-top:10px; }
/** Onglet 2 **/
#onglet2{ background-image:url("http://img4.hostingpics.net/pics/698146fond.png"); background-repeat:no-repeat; background-position:top; min-height:339px; } #onglet2 .contenu{ width:600px; height:auto; margin:auto; text-align:center; font-size:14px; margin-top:10px; }
/** Onglet 1 **/
#onglet1{ background-image:url("http://img4.hostingpics.net/pics/698146fond.png"); background-repeat:no-repeat; background-position:top; min-height:339px; } #onglet1 .contenu{ width:600px; height:auto; margin:auto; text-align:center; font-size:14px; margin-top:10px; }
.bloc_texte{ position:absolute; margin-top:0; width:800px; margin-left:50%; left: -400px; /* ceci correspond à la - (largeur / 2) */ }
span.onglet{ float:left; } span.onglet img:hover{ cursor:pointer; }
.bloc_texte{ position:absolute; margin-top:0; }
</style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://www.pvereecken.fr/Tuto_SoP/tuto_entete_onglet/js_onglet.js"></script>
</head>
<body> <div id="qeel">
<span class="onglet"> <div class="navigation"> <div class="contenu"> <img src="http://img11.hostingpics.net/pics/364024statistiques.png" onMouseOver="this.src ='http://img4.hostingpics.net/pics/112261statistiques2.png';" onMouseOut="this.src = 'http://img11.hostingpics.net/pics/364024statistiques.png';" alt="Statistiques" /> <div class="bloc_texte" id="onglet1"> <p>Test pour voir</p> </div> </div> </div> </span>
<span class="onglet"> <div class="navigation"> <div class="bloc_texte" id="onglet2"> <div class="contenu"> <img src="http://img11.hostingpics.net/pics/867235Enligne.png" onMouseOver="this.src ='http://img4.hostingpics.net/pics/535594Enligne2.png';" onMouseOut="this.src = 'http://img11.hostingpics.net/pics/867235Enligne.png';" alt="En ligne" /> <p>Test pour voir 2</p> </div> </div> </div> </span>
<span class="onglet"> <div class="navigation"> <div class="bloc_texte" id="onglet3"> <div class="contenu"> <img src="http://img11.hostingpics.net/pics/624104groupesqeel.png" onMouseOver="this.src ='http://img4.hostingpics.net/pics/731789groupesqeel2.png';" onMouseOut="this.src = 'http://img11.hostingpics.net/pics/624104groupesqeel.png';" alt="Groupes" /> <p>Test pour voir 3</p> </div> </div> </div> </span>
<span class="onglet"> <div class="navigation"> <div class="bloc_texte" id="onglet4"> <div class="contenu"> <img src="http://img11.hostingpics.net/pics/774189annives.png" onMouseOver="this.src ='http://img4.hostingpics.net/pics/139357annives2.png';" onMouseOut="this.src = 'http://img11.hostingpics.net/pics/774189annives.png';" alt="Anniversaires" /> <p>Test pour voir 4</p> </div> </div> </div> </span>
</body>
</html> Je comprend vraiment pas pourquoi sa me fait sa | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Es tu sûr d'avoir scrupuleusement suivi toutes les étapes du tutoriel ? En effet, je vois certaines petites erreurs Petit exemple : le placement de tes div "navigation", elles ne sont pas faites comme dans le tuto ! Pour ton onglet 1, tu as oublié de mettre id="onglet_1", ainsi que la div "bloc_texte".Je te conseille de refaire doucement le tuto à ton rythme, sans oublier d'étapes, et en essayant au maximum de comprendre les explications ^___^ N'hésite pas non plus à comparer le code final donné dans le tuto avec le tien, tu verras tout de suite les différences de structure au niveau du html (donc les endroits où tu as pu potentiellement te tromper). Bon courage, prend ton temps, si à un moment tu as besoin d'aide sur un point, n'hésite pas ! | | |
| | | daminor26
{ Membre }
Messages : 22
| Hey, alors d'abord merci de me répondre :)d'ailleurs, sa a été utile, j'ai presque fini, sauf que j'ai problemes : - Comment faire pour que derrière l'image statistiques, groupes, anniversaires, en ligne soit affiché cette image (https://2img.net/r/hpimg15/pics/402378fondmini.png) ou mettre le fond de couleur #695656 - Ensuite, pourquoi le nombre de messages du forum, d'inscrits, de qui est en ligne et des anniversaires s'affiches dans la forme suivant : "{TOTAL_POSTS}" alors que sa devrait etre écrit "Les otakus on postés un total de XXX messages" Pourtant, comme dans les templantes, j'ai bien mis le code : - Code:
-
<td class="row1" align="left" width="100%"><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 otakus");</script></span><br /> - Ensuite, pourquoi les infosbulles ne marchent pas ? - En dernier, vous pouvez voir que sous le truc du qeel avec les onglets, il y a un grand espace entre le qeel et la légende des pour dire s'il y a des nouveaux messages ou non ou si le forum est bloqué Voila, sinon a part sa sa marche | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| - daminor26 a écrit:
- - Ensuite, pourquoi le nombre de messages du forum, d'inscrits, de qui est en ligne et des anniversaires s'affiches dans la forme suivant : "{TOTAL_POSTS}" alors que sa devrait etre écrit "Les otakus on postés un total de XXX messages"
Pourtant, comme dans les templantes, j'ai bien mis le code : - Code:
-
<td class="row1" align="left" width="100%"><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 otakus");</script></span><br /> Le problème vient du fait que "{TOTAL_POSTS}" ne marche que dans les templates . Tu ne dois donc pas mettre ton code dans une page HTML puis utiliser mais un iframe, mais plutôt le mettre directement dans ton template une fois que ton code marche bien. - Citation :
- - En dernier, vous pouvez voir que sous le truc du qeel avec les onglets, il y a un grand espace entre le qeel et la légende des pour dire s'il y a des nouveaux messages ou non ou si le forum est bloqué
Le problème vient de l'iframe . Dans ton code d'iframe, tu as du mettre une valeur un peu trop haute pour la hauteur. Une fois que tu auras mis dans ton template, cela sera mieux - daminor26 a écrit:
- - Comment faire pour que derrière l'image statistiques, groupes, anniversaires, en ligne soit affiché cette image (https://2img.net/r/hpimg15/pics/402378fondmini.png) ou mettre le fond de couleur #695656
Pour mettre le fond de couleur, il suffit d'aller ton CSS, repérer l'endroit où il y a ceci (avec du code entre les accolades bien évidemment) - Code:
-
#en_tete {
} Pour mettre une couleur de fond, entre les accolades, tu mets ceci : background: #695656; - Citation :
- - Ensuite, pourquoi les infosbulles ne marchent pas ?
Quel est le code de tes infobulles ? | | |
| | | daminor26
{ Membre }
Messages : 22
| Hey, encore une fois, merci de ta réponse, sa m'a beaucoup aidé Ensuite, comme en effet pour le truc d'afficher le total des messages ne marche que dans les templantes, et bien je suis passer par les templantes, ajouter les codes au CSS et du javascript. Le qeel marche bien, notamment au fait que tu m'ai dit comment changer la couleur derriere statistiques, groupes... Mais juste un bug persiste, pourquoi quand je met "{L_CONNECTED_MEMBERS}", "{L_WHOSBIRTHDAY_TODAY}" et "{L_WHOSBIRTHDAY_WEEK}" ca me fait un bug énorme ? il faut rajouter une autre partie de code ? (il devrai y avoir écrit Aucun membre de fete son anniversaire aujorudhui...) Apes sa, je pense que se sera fini | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Ceci pourra peut être t'aider : Manipuler la liste des derniers membres connectés. | | |
| | | daminor26
{ Membre }
Messages : 22
| Oh yeah super, tu gere sa marche merci !!! Mais petite question, j'ai chercher sur le forum et je croit bien ne rien avoir trouver, sait tu comment changer la taille de la police juste de "Membres connectés au cours des...." ({L_CONNECTED_MEMBERS}) Car j'ai essayer en mettant - Code:
-
<font size=12>{L_CONNECTED_MEMBERS}</font> Mais sa ne marche pas :/ Et ensuite, ce sera tout bon je pense | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Dans le CSS, si tu mets ceci, est ce que c'est mieux ? - Code:
-
#entete .gensmall{ font-size: 12px; } | | |
| | | daminor26
{ Membre }
Messages : 22
| | | | Nihil
{ Modérateur }
Messages : 1216
| Oups, l'erreur est de moi, j'ai oublié le tiret à "en_tete".
Peux tu changer #entete par #en_tete ? | | |
| | | daminor26
{ Membre }
Messages : 22
| Ah ouai je n'avais pas vu, sa amrche Merci beaucoup | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Contente d'avoir pu t'aider N'hésite pas à éditer le titre de ton message pour préciser "Résolu" ^^ | | |
| | | Contenu sponsorisé
| | | | | [Résolu]Aide Qeel en onglets | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|