Problème d'affichage de mon QEEL
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème d'affichage de mon QEEL
Bonjour à tous !
J'ai un problème avec mon QEEL : en effet, en bas de celui-ci il y a un large espace et en plus les trois variables contenues dans des <table> refusent de prendre l'apparence que je leur ai imposée avec mon ami CSS.
Je ne sais absolument pas à quoi c'est dû, c'est pour cela que je me tourne vers vous
Voici le lien du forum : http://liberte-fruitee.faireforum.com/
Quelqu'un serait-il en mesure de m'aider ?
Merci et au revoir
J'ai un problème avec mon QEEL : en effet, en bas de celui-ci il y a un large espace et en plus les trois variables contenues dans des <table> refusent de prendre l'apparence que je leur ai imposée avec mon ami CSS.
Je ne sais absolument pas à quoi c'est dû, c'est pour cela que je me tourne vers vous
Voici le lien du forum : http://liberte-fruitee.faireforum.com/
Quelqu'un serait-il en mesure de m'aider ?
Merci et au revoir
Dernière édition par Sinavlia le Jeu 20 Mar 2014 - 18:33, édité 1 fois
Re: Problème d'affichage de mon QEEL
Yop !
Je pense pouvoir t'aider à résoudre ce problème, mais sans savoir ce que contient précisément tes codes, ce sera un peu dur xD Est-ce que je pourrais avoir le template de ta page d'accueil & ton css s'il te plaît ?
Je pense pouvoir t'aider à résoudre ce problème, mais sans savoir ce que contient précisément tes codes, ce sera un peu dur xD Est-ce que je pourrais avoir le template de ta page d'accueil & ton css s'il te plaît ?
Invité- Invité
Re: Problème d'affichage de mon QEEL
Oh, désolée, tête en l'air que je suis ! ><
J'y ai pensé en plus !
Voilà mon CSS :
Et mon template index_body :
J'y ai pensé en plus !
Voilà mon CSS :
- Code:
body {
background-image:url('http://image.noelshack.com/fichiers/2014/10/1393885481-pattern-d82u.png');
background-attachment:fixed;
margin-top:0;
}
textarea, .textarea.post, input.post {
font-family:'Gafata', cursive;
}
.bodyline {
border-left:50px solid #D9589A;
border-right:50px solid #D9589A;
padding:0;
background-color:#F9EEFB;
}
#nav_bar {
margin-top:-47px;
background-color:#D9589A;
padding-top:10px;
padding-bottom:10px;
}
img#i_logo {
margin-top:-1px;
}
a {
color:#6F6FEB !important;
text-decoration:none;
}
/* LISTE DES SUJETS */
/* CHATBOX */
body.chatbox {
background-color:#F08FE8;
}
#chatbox_header .catBottom .cattitle {
visibility : hidden;
}
#chatbox_header .chatbox-options a {
color:#D9589A !important;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options, {
color:#A11E60;
}
.titre_cb {
font-size:80px;
color:#6F6FEB;
font-family:'Montez', cursive;
text-shadow:1px 1px 1px black;
position:relative;
top:32px;
}
/* MISE EN FORME DES CATEGORIES ET FORUMS */
.cate_titre
{
clear: both;
height: 100px;
margin-top:50px;
}
.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 932px;
height: 50px;
margin-top:20px;
margin-left: auto;
margin-right : auto;
background-color: #6F6FEB;
}
.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -70px;
text-align: center;
padding: 2px;
}
.catetitre
{
color:#F7D2F2;
font-family:'Montez', cursive;
font-size: 50px;
text-shadow: 1px 1px 0px #000000;
margin-top:-10px;
}
.forum_bloc
{
width: 948px;
position:relative;
left:27px;
margin-top:-20px;
}
.forum
{
float: left;
width: 461px;
height: 250px;
margin-left: 5px;
margin-right: 7px;
margin-bottom: 50px;
}
a.forumlink
{
position: relative;
z-index: 2;
display: block;
width: 100%;
height:50px;
background-color:#F7D2F2;
text-align: center;
margin-top:-10px;
font-family:'Bell MT', georgia;
font-size: 25px;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
a.forumlink:hover
{
color:#F08FE8 !important;
text-decoration:none !important;
}
.forum_contenu
{
position: relative;
z-index: 1;
width: 98.4%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
background-color:#F08FE8;
}
.description
{
display: block;
width: 200px;
margin: auto;
padding:5px;
height: 150px;
float:left;
font-size:14px;
font-family:'Bell MT';
}
.stats_lastpost
{
display: block;
width: 160px;
height: 80px;
margin-left: 10px;
background-color:#D9589A;
border: 1px solid #a01e5f;
padding: 5px;
text-align: center;
}
.stats
{
display: block;
font-size:20px;
color:#F9EEFB;
font-variant:small-caps;
text-align:center;
margin-left:5px;
}
.icone_stats
{
z-index:-99;
position:relative;
}
#contour_stats {
float:right;
}
.lastpost
{
display: block;
font-size: 11px;
}
.l_lastpost {
position:relative;
top:12px;
left:10px;
font-family:'Montez', cursive;
text-shadow:1px 1px 1px black;
font-size:25px;
color:#6F6FEB;
}
.sforum
{
position: relative;
z-index: 3;
display: block;
height: 0;
background:#D9589A;
color:#F7D2F2;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum
{
position: relative;
z-index: 3;
left:20px;
display: block;
float: right;
width: 120px;
margin-right: 20px;
background:#D9589A;
color:#F9EEFB;
font-size: 11px;
text-align: center;
padding: 4px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
cursor:pointer;
height: 50px;
background:#D9589A;
color:#F9EEFB;
padding: 4px;
overflow: auto;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.sous_forum a
{
color:#F9EEFB !important;
}
/* QEEL */
#conteneur {
font-family:'Bell MT';
width: 700px;
height: 460px;
margin: auto;
font-size:14px;
}
.contour_qeel {
display: inline-block;
vertical-align:top;
}
.bloc1qeel {
vertical-align:top;
display:inline-block;
height:280px;
width:200px;
padding:5px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
margin-right:10px;
}
.bloc2qeel {
margin-top:12px;
vertical-align:bottom;
height:120px;
width:422px;
padding:5px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
}
.bloc3qeel {
position:relative;
top:-460px;
left:600px;
display:inline-block;
height:120px;
width:200px;
padding:5px;
margin-bottom:20px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
overflow:hidden;
}
.bloc4qeel {
position:relative;
top:-306px;
left:388px;
vertical-align:top;
display:inline-block;
margin-top:-10px;
height:280px;
width:200px;
padding:5px;
overflow-y:auto;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
margin-right:10px;
}
.titre1qeel {
font-family:'Montez', cursive;
color:#6F6FEB;
font-size:40px;
text-align:center;
text-shadow:1px 1px 1px black;
border-bottom:1px solid #6F6FEB;
}
.titre2qeel {
font-family:'Montez', cursive;
margin-top:38px;
margin-left:-35px;
color:#6F6FEB;
font-size:30px;
width:120px;
border-bottom:1px solid #6F6FEB;
text-shadow:1px 1px 1px black;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
}
.table_qeel {
font-family:'Bell MT', georgia;
background-color:transparent;
}
Et mon template index_body :
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td 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 rowspan="3" 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 -->
<br /><br /><br />
<span class="titre_cb">La chatbox</span>
{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">
<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 -->
<div id="conteneur">
<div class="contour_qeel">
<div class="bloc1qeel">
<div class="titre1qeel">
<img src="http://www.osteo2ls.com/img/atouts/atout_4.png" style="margin-bottom:-8px;width:35px;height:35px;" /> Stat's
</div>
{TOTAL_USERS}<br />
{TOTAL_POSTS}<br /><br />
{NEWEST_USER}
</div>
<div class="bloc1qeel">
<div class="titre1qeel">
<img src="http://www.donnemoilinfo.com/forums/styles/etech/theme/images/whosonline.gif" style="margin-top:6px;width:25px;height:25px;" /> Présences
</div>
{TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}<br />
<table class="table_qeel">{L_CONNECTED_MEMBERS}</table>
</div>
</div>
<div class="bloc2qeel">
<div class="titre1qeel">
<img src="http://forum.phpfrance.com/images/smilies/merci.gif" /> Crédits et mercis
</div>
Catégories réalisées en partie grâce au tutoriel de Sparrow-Style de <a href="http://www.never-utopia.com/" target="_blank">Never-Utopia.</a>
</div>
</div>
<div class="contour_qeel">
<div class="bloc3qeel">
<div class="titre2qeel">
<img src="https://launchpad.net/@@/team-logo" style="width:30px;height:30px;" /> Anniv's
</div>
<span style="position:relative;top:-80px;left:55px;">
<table class="table_qeel">{L_WHOSBIRTHDAY_TODAY}<br />
{L_WHOSBIRTHDAY_WEEK}</table>
</span>
</div>
<div class="bloc4qeel">
<div class="titre1qeel">
<img src="http://www.dimelo.fr/img/style/community-users-icon.png" style="width:30px;height:30px;margin-top:8px;" />Groupes
</div>
GROUPES ICI
</div>
</div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
{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 -->
<link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
Re: Problème d'affichage de mon QEEL
J'ai regardé un peu ton code et le problème, c'est dans ton css, plus précisément la position des blocs 3 & 4 dans le QEEL. Le gros blanc en dessous du QEEL est en réalité la hauteur que tu as donné au bloc 4 puisque c'était sa place d'origine, et vu que tu l'as laissé là ( le code ) où il était pour le remonter, bah la taille est restée. eve
Du coup, pour régler ce problème, ce serait mieux de faire remonter le code ( et non le bloc lui-même )( et je sais pas si tu comprends ce que je veux dire xD ) au niveau des deux blocs en haut à gauche à l'aide de tableaux.
Du coup, pour régler ce problème, ce serait mieux de faire remonter le code ( et non le bloc lui-même )( et je sais pas si tu comprends ce que je veux dire xD ) au niveau des deux blocs en haut à gauche à l'aide de tableaux.
Invité- Invité
Re: Problème d'affichage de mon QEEL
Mikko, j'avoue, j'ai pas très bien compris xD
Tivia, ça ne change rien ^^
Tivia, ça ne change rien ^^
Re: Problème d'affichage de mon QEEL
Bonsoir
Au lieu du :
Voilà le petit changement
Au lieu du :
- Code:
margin-top: -10px;
- Code:
margin-top: -318px;
Voilà le petit changement
Re: Problème d'affichage de mon QEEL
Ah oui Autant pou moi :S
Re: Problème d'affichage de mon QEEL
Bonjour,
Le positionnement des éléments via les marges n'est pas l'idéal, tout comme les positions relatives sont sensées décaler légèrement les objets de leur place initiale et non de centaines de pixels
Pour un codage plus correct, et un bon positionnement des blocs, le mieux serait je pense de passer par des floats, mais réagencer un peu les blocs et les mettre en display:inline; permet ici de l'améliorer de façon significative ^^
Ce template :
et ce css :
Le positionnement des éléments via les marges n'est pas l'idéal, tout comme les positions relatives sont sensées décaler légèrement les objets de leur place initiale et non de centaines de pixels
Pour un codage plus correct, et un bon positionnement des blocs, le mieux serait je pense de passer par des floats, mais réagencer un peu les blocs et les mettre en display:inline; permet ici de l'améliorer de façon significative ^^
Ce template :
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td 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 rowspan="3" 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 -->
<br /><br /><br />
<span class="titre_cb">La chatbox</span>
{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">
<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 -->
<div id="conteneur">
<div class="contour_qeel">
<div class="bloc1qeel">
<div class="titre1qeel">
<img src="http://www.osteo2ls.com/img/atouts/atout_4.png" style="widthpx;height:35px;" />Stat's</div>{TOTAL_USERS}
<br />{TOTAL_POSTS}
<br />
<br />{NEWEST_USER}
</div>
<div class="bloc1qeel">
<div class="titre1qeel">
<img src="http://www.donnemoilinfo.com/forums/styles/etech/theme/images/whosonline.gif" style="width:25px;height:25px;" />Présences</div>{TOTAL_USERS_ONLINE}
<br />{LOGGED_IN_USER_LIST}
<br />
<table class="table_qeel">{L_CONNECTED_MEMBERS}</table>
</div>
<div class="bloc2qeel">
<div class="titre1qeel">
<img src="http://forum.phpfrance.com/images/smilies/merci.gif" />Crédits et mercis</div>Catégories réalisées en partie grâce au tutoriel de Sparrow-Style de <a href="http://www.never-utopia.com/" target="_blank">Never-Utopia.</a>
</div>
</div>
<div class="contour_qeel">
<div class="bloc3qeel">
<div class="titre2qeel">
<img src="https://launchpad.net/@@/team-logo" style="width:30px;height:30px;" />Anniv's</div>
<table class="table_qeel">{L_WHOSBIRTHDAY_TODAY}<br />
{L_WHOSBIRTHDAY_WEEK}</table>
</div>
<div class="bloc4qeel">
<div class="titre1qeel">
<img src="http://www.dimelo.fr/img/style/community-users-icon.png" style="width:30px;height:30px;" />Groupes</div>GROUPES ICI</div>
</div>
</div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
{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 -->
<link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
et ce css :
- Code:
/* QEEL */
#conteneur {
font-family:'Bell MT';
font-size:14px;
text-align: center;
margin:20px;
}
.contour_qeel {
display: inline-block;
vertical-align: top;
text-align:left;
}
.bloc1qeel {
display:inline-block;
vertical-align: top;
height:280px;
width:200px;
padding:5px;
margin: 5px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
}
.bloc2qeel {
margin: 5px;
height:120px;
width:422px;
padding:5px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
}
.bloc3qeel {
margin:5px;
height:120px;
width:200px;
padding:5px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
overflow:hidden;
}
.bloc4qeel {
margin:10px 5px 5px 5px;
height:280px;
width:200px;
padding:5px;
overflow-y:auto;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
background-color:#F7D2F2;
border:1px solid #6F6FEB;
}
.titre1qeel {
font-family:'Montez', cursive;
color:#6F6FEB;
font-size:40px;
text-align:center;
text-shadow:1px 1px 1px black;
border-bottom:1px solid #6F6FEB;
}
.titre2qeel {
font-family:'Montez', cursive;
color:#6F6FEB;
font-size:30px;
width:120px;
border-bottom:1px solid #6F6FEB;
text-shadow:1px 1px 1px black;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
}
.table_qeel {
font-family:'Bell MT', georgia;
background-color:transparent;
}
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Problème d'affichage de mon QEEL
Merci MlleAlys, ça marche ! Il n'y a plus d'espace indésirable en bas !
Par contre, comment je peux personnaliser les balises <table> du qeel ?
Et il y a un défaut pour l'onglet anniv's :S
Par contre, comment je peux personnaliser les balises <table> du qeel ?
Et il y a un défaut pour l'onglet anniv's :S
Re: Problème d'affichage de mon QEEL
Pour retirer les fonds et modifier la police des éléments dans les tables, vous pouvez utiliser ce code :
Et pour les anniversaires, si vous souhaitez garder le titre pivoté, je pense que je mettrai le block en position relative, pour ensuite positionner le titre avec une position absolue, et enfin mettre une marge de 45ps au tableau des anniversaires ^^
- Code:
.table_qeel, .table_qeel span.gensmall, .table_qeel .row1 {
background-color: none;
font-family: 'Bell MT', georgia;
font-size: 12px;
}
Et pour les anniversaires, si vous souhaitez garder le titre pivoté, je pense que je mettrai le block en position relative, pour ensuite positionner le titre avec une position absolue, et enfin mettre une marge de 45ps au tableau des anniversaires ^^
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Problème d'affichage de mon QEEL
Merci beaucoup, c'est résolu !!
Sujets similaires
» Problème de superposition de mon texte du qeel et l'image du qeel !
» Problème de qeel
» Problème de QEEL
» Problème QEEL
» Problème de QEEL
» Problème de qeel
» Problème de QEEL
» Problème QEEL
» Problème de QEEL
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum