Les groupes de mon 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
Les groupes de mon QEEL
Bonjour/Bonsoir à vous !
Je reviens vers vous pour vous demander votre aide. J'ai fini l'ensemble de mon QEEL à un détail près. Je ne sais pas comment faire pour ceci :
Comme vous pouvez le voir, sur mon forum test , le QEEL ne contient pas de texte entre les six groupes (trois à droites et trois à gauche), soit le cadre bleu. Pourtant, j'aimerai que lorsqu'on passe notre souris dessus, un descriptif des groupes apparaisse à cet endroit. Je crois qu'il y a une histoire de script et d'id, mais je ne sais pas comment le mettre en place.
Voici les codes :
Si vous avez une solution, je suis preneuse
Bonne soirée !
Je reviens vers vous pour vous demander votre aide. J'ai fini l'ensemble de mon QEEL à un détail près. Je ne sais pas comment faire pour ceci :
- IMAGE DU QEEL:
Comme vous pouvez le voir, sur mon forum test , le QEEL ne contient pas de texte entre les six groupes (trois à droites et trois à gauche), soit le cadre bleu. Pourtant, j'aimerai que lorsqu'on passe notre souris dessus, un descriptif des groupes apparaisse à cet endroit. Je crois qu'il y a une histoire de script et d'id, mais je ne sais pas comment le mettre en place.
Voici les codes :
- Spoiler:
- index_body :
- Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<table style=" width:1019px; margin: auto; background-color:#fff;">
<tr style="background-color:white;">
<td>
<div class="h3">{L_WHO_IS_ONLINE}</div></td>
<td colspan="2" style="padding-left:10%;"><p class="page-bottom" style="margin-bottom:5px;">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p></td></tr>
<tr><td style="padding:10px;width:37%;"><!-- membre connceté au court des 48dernière heures -->
<p style="font-family:Anton,Impact,Arial;font-size:25px;text-transform:uppercase;color:rgb(255,153,204)">il y a 48 heures,</p>
<p style="font-family:Anton,Impact,Arial;font-size:25px;text-transform:uppercase;color:rgb(255,198,226);margin-top:-15px;margin-bottom:-15px;">
ils sont venus visiter l'Institut
</p><br/>
<div id="test" style="width:100%;font-size:13px; color:black;font-family: 'Arial'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid rgb(255,198,226); overflow:auto; height:120px; text-align:justify; padding:5px; line-height:16px;background-color:white; ">{L_CONNECTED_MEMBERS}</div>
<script type="text/javascript">document.getElementById('test').innerHTML=document.getElementById('test').innerHTML.replace(/Membres connectés au cours des 48 dernières heures :/,"");
</script>
</td>
<td style="text-align:center;"><p class="bienvenue">
Bienvenue
</p>
<p class="NEW" style="margin-top:-15px;margin-bottom:30px;" id="connectes">
{NEWEST_USER}</p>
<script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script>
<p >
<!-- cette ligne correspond a, il y a actuellement X personne sur le fofo -->
<span style=" font-size:14px; color:black; font-weight: bold;font-family:arial; " 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 forum");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/utilisateurs en ligne :/,"personnes sur le forum");</script>
<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/,"invisible");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invisibles/,"invisibles");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invité/,"invité");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invités/,"invités");</script>
</span>
<br/>
<!--FIN-->
</p>
</td>
<td width="37%" style="padding:10px;"><!-- cette ligne correspond a, la personne actuellement enregistré -->
<p style="font-family:Anton,Impact,Arial;font-size:25px;text-transform:uppercase;color:rgb(255,204,153);text-align:left;margin-top:30px;margin-left:33%;">
ils sont là, maintenant
</p><br/>
<div style="margin-top:-25px;width:100%;font-size:13px; color:black; font-family: 'Arial'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid rgb(255,204,153); overflow:auto; height:120px; text-align:justify; padding:5px; line-height:16px;background-color:white; " id="membresconnectes">{LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('membresconnectes').innerHTML=document.getElementById('membresconnectes').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script>
</div> </td></tr>
</table><table style=" width:1019px; margin: auto; background-color:#fff;">
<tr><td style="padding:10px" width="20%"><p style ="background-color:lightblue;padding:5px;text-align:center;" class="groupes">
PATIENTS A
</p>
<p style ="background-color:lightpink;padding:5px;text-align:center;" class="groupes">
PATIENTS B
</p>
<p style ="background-color:purple;padding:5px;text-align:center;" class="groupes">
PATIENTS C
</p></td>
<td width="60%" style="padding:10px;"><div style="border: 2px solid lightblue;width:100%;background-color:white;height:100px;">
</div></td>
<td width="20%"><p style ="background-color:darkred;padding:5px;text-align:center;" class="groupes">
PATIENTS 0
</p>
<p style ="background-color:orange;padding:5px;text-align:center;" class="groupes">
LE PERSONNEL
</p>
<p style ="background-color:black;padding:5px;text-align:center;text-transform:uppercase;" class="groupes">
Médecins
</p></td></tr>
</table>
<div class="clear"></div>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
<!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
<br style="clear:both" />
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
<li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
Le CSS :- Code:
/*QEEL*/
.h3 {font-family: 'Anton',sans serif, Impact,Arial;
color:lightblue!important; font-size:40px;
}
.groupes {transition: all 0.65s ease-in-out;color:white;letter-spacing:0px;font-family:arial;font-weight:bold;font-size:15px;}
.groupes:hover {letter-spacing:2px;}
.bienvenue {font-family: 'Anton',sans serif, Impact, Arial; font-size:30px;color:black;}
.page-bottom {background-color:rgb(152,214,190);padding:10px 5px 10px 0px!important;color:white;font-family: 'Dancing Script', cursive;font-size:20px;text-align:center;width:75%;margin-left:12%;}
.NEW {font-family: 'Dancing Script', cursive;font-size:30px;color:black;}
/*FIN QUEEL*/
Si vous avez une solution, je suis preneuse
Bonne soirée !
Re: Les groupes de mon QEEL
Bonjour Shiyami,
Votre template a été modifié, j'ai ajouté une class pour chaque groupe, class qui elles, sont associé a un Javascript pour les faire fonctionner et faire apparaître leurs contenu dans la case du milieu.
et pour finir ce code, a placer dans une nouvelle page Javascript.
Votre template a été modifié, j'ai ajouté une class pour chaque groupe, class qui elles, sont associé a un Javascript pour les faire fonctionner et faire apparaître leurs contenu dans la case du milieu.
- Template:
- Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<table style=" width:1019px; margin: auto; background-color:#fff;">
<tr style="background-color:white;">
<td>
<div class="h3">{L_WHO_IS_ONLINE}</div></td>
<td colspan="2" style="padding-left:10%;"><p class="page-bottom" style="margin-bottom:5px;">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p></td></tr>
<tr><td style="padding:10px;width:37%;"><!-- membre connceté au court des 48dernière heures -->
<p style="font-family:Anton,Impact,Arial;font-size:25px;text-transform:uppercase;color:rgb(255,153,204)">il y a 48 heures,</p>
<p style="font-family:Anton,Impact,Arial;font-size:25px;text-transform:uppercase;color:rgb(255,198,226);margin-top:-15px;margin-bottom:-15px;">
ils sont venus visiter l'Institut
</p><br/>
<div id="test" style="width:100%;font-size:13px; color:black;font-family: 'Arial'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid rgb(255,198,226); overflow:auto; height:120px; text-align:justify; padding:5px; line-height:16px;background-color:white; ">{L_CONNECTED_MEMBERS}</div>
<script type="text/javascript">document.getElementById('test').innerHTML=document.getElementById('test').innerHTML.replace(/Membres connectés au cours des 48 dernières heures :/,"");
</script>
</td>
<td style="text-align:center;"><p class="bienvenue">
Bienvenue
</p>
<p class="NEW" style="margin-top:-15px;margin-bottom:30px;" id="connectes">
{NEWEST_USER}</p>
<script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script>
<p >
<!-- cette ligne correspond a, il y a actuellement X personne sur le fofo -->
<span style=" font-size:14px; color:black; font-weight: bold;font-family:arial; " 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 forum");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById ('gens').innerHTML.replace(/utilisateurs en ligne :/,"personnes sur le forum");</script>
<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/,"invisible");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invisibles/,"invisibles");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invité/,"invité");</script>
<script type="text/javascript">document.getElementById('gens').innerHTML=document.getElementById('gens').innerHTML.replace(/Invités/,"invités");</script>
</span>
<br/>
<!--FIN-->
</p>
</td>
<td width="37%" style="padding:10px;"><!-- cette ligne correspond a, la personne actuellement enregistré -->
<p style="font-family:Anton,Impact,Arial;font-size:25px;text-transform:uppercase;color:rgb(255,204,153);text-align:left;margin-top:30px;margin-left:33%;">
ils sont là, maintenant
</p><br/>
<div style="margin-top:-25px;width:100%;font-size:13px; color:black; font-family: 'Arial'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid rgb(255,204,153); overflow:auto; height:120px; text-align:justify; padding:5px; line-height:16px;background-color:white; " id="membresconnectes">{LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('membresconnectes').innerHTML=document.getElementById('membresconnectes').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script>
</div> </td></tr>
</table>
<table style=" width:1019px; margin: auto; background-color:#ccc;">
<tbody>
<tr>
<td style="padding: 10px; width: 20%;">
<div id="tabs-container">
<div class="tabs-menu">
<p style="background-color:lightblue;padding:5px;text-align:center;" class="groupes">
<span class="current"> <a href="#tab-1">Patient A</a> </span>
</p>
<p style="background-color:lightpink;padding:5px;text-align:center;" class="groupes">
<span> <a href="#tab-2">Patient B</a> </span>
</p>
<p style="background-color:purple;padding:5px;text-align:center;" class="groupes">
<span> <a href="#tab-3">Patient C</a> </span>
</p>
</div>
</div>
</td>
<td style="padding: 10px; width: 60%;">
<!-- Contenu du milieu des groupes -->
<div class="tab">
<div class="tab-content" id="tab-1">
<p>
Contenu 1
</p>
</div>
<div class="tab-content" id="tab-2">
<p>
Contenu 2
</p>
</div>
<div class="tab-content" id="tab-3">
<p>
Contenu 3
</p>
</div>
<div class="tab-content" id="tab-4">
<p>
Contenu 4
</p>
</div>
<div class="tab-content" id="tab-5">
<p>
Contenu 5
</p>
</div>
<div class="tab-content" id="tab-6">
<p>
Contenu 6
</p>
</div>
</div>
<!-- Fin contenu du milieu des groupes -->
</td>
<td style="width: 20%;">
<div class="tabs-menu">
<p style="background-color:darkred;padding:5px;text-align:center;" class="groupes">
<span> <a href="#tab-4">Patient D</a> </span>
</p>
<p style="background-color:orange;padding:5px;text-align:center;" class="groupes">
<span> <a href="#tab-5">Patient E</a></span>
</p>
<p style="background-color:black;padding:5px;text-align:center;text-transform:uppercase;" class="groupes">
<span> <a href="#tab-6">Patient F</a></span>
</p>
</div>
</td>
</tr>
</tbody>
</table>
<div class="clear"></div>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
<!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
<br style="clear:both" />
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
<li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
- CSS:
- Code:
/* onglets et contenu des groupes */
.tabs-menu span a {
font-size: 23px!important; /* grosseur du nom de groupe */
}
.tab {
width: 590px; /* largeur du contenu du milieu */
height: 100px; /* hauteur du contenu du milieu */
background-color: #ffffff;
border: 2px solid lightblue;
padding: 5px;
text-align:center;
}
.tab-content { display: none;} /* ne pas toucher */
#tab-1 { display: block; } /* ne pas toucher */
et pour finir ce code, a placer dans une nouvelle page Javascript.
- Javascript:
- Code:
$(document).ready(function() {
$(".tabs-menu a").mouseover(function(event) {
event.preventDefault();
$(this).parent().addClass("current");
$(this).parent().siblings().removeClass("current");
var tab = $(this).attr("href");
$(".tab-content").not(tab).css("display", "none");
$(tab).fadeIn(200);
});
});
Re: Les groupes de mon QEEL
Et bien écoutez, merci beaucoup, ça fonctionne super bien !
Les modifications à faire sont juste de l'ordre de l'esthétique, donc ça je sais faire !
Merci beaucoup en tout cas !!
Les modifications à faire sont juste de l'ordre de l'esthétique, donc ça je sais faire !
Merci beaucoup en tout cas !!
Sujets similaires
» Aligner les groupes dans le QEEL
» Espacer les groupes du Qeel
» Groupes qui ne se cliquent pas [QEEL]
» Apparence des groupes dans qeel
» QEEL en 3 colonnes et groupes en onglets
» Espacer les groupes du Qeel
» Groupes qui ne se cliquent pas [QEEL]
» Apparence des groupes dans qeel
» QEEL en 3 colonnes et groupes en onglets
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