[Résolu]Aide Qeel en onglets Bouton_active[Résolu]Aide Qeel en onglets Bouton_hover[Résolu]Aide Qeel en onglets Fb-hover[Résolu]Aide Qeel en onglets Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
[Résolu]Aide Qeel en onglets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
[Résolu]Aide Qeel en onglets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[Résolu]Aide Qeel en onglets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[Résolu]Aide Qeel en onglets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[Résolu]Aide Qeel en onglets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[Résolu]Aide Qeel en onglets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[Résolu]Aide Qeel en onglets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[Résolu]Aide Qeel en onglets EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

[Résolu]Aide Qeel en onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://manga-island.forumactif.org/
daminor26
daminor26
{ Membre }
{ Membre }

Masculin Messages : 22



[Résolu]Aide Qeel en onglets Empty
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 :
[Résolu]Aide Qeel en onglets 570885Capture

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 Very Happy


Dernière édition par daminor26 le Dim 13 Oct 2013, 15:21, édité 1 fois
MessageSujet: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyMer 09 Oct 2013, 09:35
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



[Résolu]Aide Qeel en onglets Empty
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 ?
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyMer 09 Oct 2013, 16:16
Revenir en haut Aller en bas
http://manga-island.forumactif.org/
daminor26
daminor26
{ Membre }
{ Membre }

Masculin Messages : 22



[Résolu]Aide Qeel en onglets Empty
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 Smile
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyJeu 10 Oct 2013, 15:44
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



[Résolu]Aide Qeel en onglets Empty
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 Wink

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.
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyJeu 10 Oct 2013, 15:52
Revenir en haut Aller en bas
http://manga-island.forumactif.org/
daminor26
daminor26
{ Membre }
{ Membre }

Masculin Messages : 22



[Résolu]Aide Qeel en onglets Empty
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>
[Résolu]Aide Qeel en onglets 941858Capture
Je comprend vraiment pas pourquoi sa me fait sa Sad
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyVen 11 Oct 2013, 11:40
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



[Résolu]Aide Qeel en onglets Empty
Es tu sûr d'avoir scrupuleusement suivi toutes les étapes du tutoriel Wink?

En effet, je vois certaines petites erreurs [Résolu]Aide Qeel en onglets 2029989112 

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 Razz (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 ! Very Happy
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyVen 11 Oct 2013, 13:42
Revenir en haut Aller en bas
http://manga-island.forumactif.org/
daminor26
daminor26
{ Membre }
{ Membre }

Masculin Messages : 22



[Résolu]Aide Qeel en onglets Empty
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 Smile
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptySam 12 Oct 2013, 19:06
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



[Résolu]Aide Qeel en onglets Empty
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 Wink. 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 Smile. 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 Wink

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 ?
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyDim 13 Oct 2013, 06:37
Revenir en haut Aller en bas
http://manga-island.forumactif.org/
daminor26
daminor26
{ Membre }
{ Membre }

Masculin Messages : 22



[Résolu]Aide Qeel en onglets Empty
Hey, encore une fois, merci de ta réponse, sa m'a beaucoup aidé Very Happy

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... Smile

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 Smile
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyDim 13 Oct 2013, 08:41
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



[Résolu]Aide Qeel en onglets Empty
Ceci pourra peut être t'aider : Manipuler la liste des derniers membres connectés.
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyDim 13 Oct 2013, 08:59
Revenir en haut Aller en bas
http://manga-island.forumactif.org/
daminor26
daminor26
{ Membre }
{ Membre }

Masculin Messages : 22



[Résolu]Aide Qeel en onglets Empty
Oh yeah super, tu gere sa marche merci !!! Very Happy Very Happy
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 Smile
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyDim 13 Oct 2013, 09:42
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



[Résolu]Aide Qeel en onglets Empty
Dans le CSS, si tu mets ceci, est ce que c'est mieux ?

Code:
#entete .gensmall{
  font-size: 12px;
}
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyDim 13 Oct 2013, 11:42
Revenir en haut Aller en bas
http://manga-island.forumactif.org/
daminor26
daminor26
{ Membre }
{ Membre }

Masculin Messages : 22



[Résolu]Aide Qeel en onglets Empty
Nan, ca ne change pas :/
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyDim 13 Oct 2013, 12:39
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



[Résolu]Aide Qeel en onglets Empty
Oups, l'erreur est de moi, j'ai oublié le tiret à "en_tete".

Peux tu changer #entete par #en_tete ?
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyDim 13 Oct 2013, 12:42
Revenir en haut Aller en bas
http://manga-island.forumactif.org/
daminor26
daminor26
{ Membre }
{ Membre }

Masculin Messages : 22



[Résolu]Aide Qeel en onglets Empty
Ah ouai je n'avais pas vu, sa amrche Very Happy

Merci beaucoup Very Happy
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyDim 13 Oct 2013, 13:38
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



[Résolu]Aide Qeel en onglets Empty
Contente d'avoir pu t'aider Smile
N'hésite pas à éditer le titre de ton message pour préciser "Résolu" ^^
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets EmptyDim 13 Oct 2013, 13:50
Revenir en haut Aller en bas
Contenu sponsorisé




[Résolu]Aide Qeel en onglets Empty
MessageSujet: Re: [Résolu]Aide Qeel en onglets   [Résolu]Aide Qeel en onglets Empty
Revenir en haut Aller en bas
 

[Résolu]Aide Qeel en onglets

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Résolu - Pitbull] Aide QEEl
» QEEL onglets
» Onglets du qeel
» Question sur QEEL en onglets
» QEEL avec Onglets

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit