À peine ai-je mit les codes dans mon template et mon css que tout part en merde... du coup, j'ai besoin de votre aide!
Lien de mon forum test: http://wesh-mamie.forumactif.com/
Lien de la ressource: https://www.never-utopia.com/t54281-qeel-avec-onglets-pour-les-groupes
Mon template index_body:
Merci d'avance!!
Lien de mon forum test: http://wesh-mamie.forumactif.com/
Lien de la ressource: https://www.never-utopia.com/t54281-qeel-avec-onglets-pour-les-groupes
Mon template index_body:
- Spoiler:
- 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'" 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_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" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
<!-- END switch_delete_cookies -->
</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" rel="nofollow">{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'" 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 -->
<div class="qeel_fond">
<!-- BEGIN switch_viewonline_link -->
<div class="qeel_titre"><a href="{U_VIEWONLINE}" rel="nofollow"><img src="http://img11.hostingpics.net/pics/898263titreqeel.png" /></a></div>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="qeel_titre"><img src="http://img11.hostingpics.net/pics/898263titreqeel.png" /></div>
<!-- END switch_viewonline_nolink -->
<div class="qeel_bloc01">
{TOTAL_USERS_ONLINE} <br />
{RECORD_USERS}
<br />
{L_ONLINE_USERS}
<br />
{TOTAL_POSTS} <br />
{TOTAL_USERS} <br />
{NEWEST_USER} <br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
</div><div class="qeel_bloc04">
<div class="qeel_groupe1"><div class="infobulle1">DESCRIPTION DU GROUPE</div></div>
<div class="qeel_groupe1"><div class="infobulle1" style="top: -25px;">DESCRIPTION DU GROUPE</div></div>
<div class="qeel_groupe1"><div class="infobulle1" style="top: -70px;">DESCRIPTION DU GROUPE</div></div>
</div><div class="qeel_bloc02"><div class="qeel_case_grp">
</div>
<div class="qeel_bloc03"><div class="qeel_credit"><a href="http://www.never-utopia.com">A-Lice | Never-Utopia</a> pour le QEEL</div><img src="http://nsa34.casimages.com/img/2015/03/14/15031403290199373.png" alt="crédit" /></div>
</div><div class="qeel_bloc04">
<div class="qeel_groupe2"><div class="infobulle2">DESCRIPTION DU GROUPE</div></div>
<div class="qeel_groupe2"><div class="infobulle2" style="top: -25px;">DESCRIPTION DU GROUPE</div></div>
<div class="qeel_groupe2"><div class="infobulle2" style="top: -70px;">DESCRIPTION DU GROUPE</div></div>
</div><div class="qeel_bloc01" style="top: -245px";>
{L_CONNECTED_MEMBERS}
</div>
</div>
<!-- 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>
FB.init({
appId : {switch_fb_index_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
- Spoiler:
- Code:
.qeel_titre {
font-size: 40px;
font-family: XX;
color: black;
text-align: center;
height: 60px;
}
.qeel_fond {
width: 790px;
height: 340px;
background: silver;
margin: auto;
padding: 5px;
}
.qeel_bloc01 {
width: 180px;
height: 260px;
background: dimgray;
padding: 10px;
display: inline-block;
color: white;
font-size: 12px;
position: relative;
z-index: 20;
top: -105px;
}
.qeel_bloc02 {
/*infobulle*/
display: inline-block;
width: 330px;
}
div.qeel_bloc03 {
width: 320px;
height: 150px;
overflow: hidden;
margin: auto;
background: dimgray;
}
.qeel_bloc03 img {
width: 320px;
height: 150px;
position: relative;
bottom: 150px;
display: inline-block;
transition: all 0.5s;
}
.qeel_bloc03:hover img {
bottom: 300px;
transition: all 0.5s;
}
.qeel_credit {
width: 300px;
height: 130px;
padding: 10px;
text-align: justify;
color: white;
font-size: 11px;
}
.qeel_bloc04 {
width: 30px;
height: 260px;
display: inline-block;
}
.qeel_case_grp {
width: 310px;
height: 120px;
padding: 5px;
margin-left: 5px;
}
/**onglets**/
.qeel_groupe1 {
position: relative;
height: 40px;
width: 40px;
border-radius: 50px;
overflow: visible;
margin-left: -20px;
background: black;
margin-bottom: 5px;
top: -15px;
}
.qeel_groupe1 .infobulle1 {
position: absolute;
left: 60px;
width: 310px;
height: 100px;
color: white;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
top: 20px;
}
.qeel_groupe1:hover .infobulle1 {
opacity: 1;
visibility: visible;
z-index: 100;
transition: all 0.5s;
}
.qeel_groupe2 {
position: relative;
height: 40px;
width: 40px;
border-radius: 50px;
overflow: visible;
margin-left: 10px;
background: black;
margin-bottom: 5px;
top: -15px;
}
.qeel_groupe2 .infobulle2 {
position: absolute;
left: -330px;
width: 310px;
height: 100px;
color: white;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
top: 20px;
}
.qeel_groupe2:hover .infobulle2 {
opacity: 1;
visibility: visible;
z-index: 100;
transition: all 0.5s;
}
/**fin onglets**/
Merci d'avance!!
Dernière édition par AlexeB le Mer 11 Nov 2015 - 23:21, édité 2 fois