Forum Non centré
2 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
Forum Non centré
Bonjour.
Voici le forum qui a un petit souci: http://black-out.forumactif.org/
Voilà le souci. Certaines personnes, dont moi, voyons la bannière, les catégories, le QEEL à gauche. Alors que sur d'autres ordinateur tout est correctement centré. Chez moi et d'(autre, quelques soit le navigateur, cela reste à gauche. Pouvez vous m'aider? Voici le CSS et le template Index Body modifié.
En vous remerciant par avance de toute l'aide que vous pourrez fournir
Bonne journée.
Voici le forum qui a un petit souci: http://black-out.forumactif.org/
Voilà le souci. Certaines personnes, dont moi, voyons la bannière, les catégories, le QEEL à gauche. Alors que sur d'autres ordinateur tout est correctement centré. Chez moi et d'(autre, quelques soit le navigateur, cela reste à gauche. Pouvez vous m'aider? Voici le CSS et le template Index Body modifié.
- Code:
<tr><td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">
<div style="background-color:#000000;"><br>
<div style="color:#394140; font-family:Scribble Box; font-size: 40px; text-shadow: #2c2f2f 2px 2px 2px; text-align:center; letter-spacing:-3px;">Bienvenue {USER&#8288;NAME} sur Blackout</div><br>
<a href="http://black-out.forumactif.org/t4-reglement">RÈGLEMENT</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/t6-contexte">CONTEXTE</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f3-postes-vacants">VACANTS</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f63-groupes">GROUPES</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f4-annonces-questions-suggestions">QUESTIONS</a></center><br>
<br>
<br>
<center><table style="border: dotted"><tbody><tr><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top; overflow:auto;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">LE GRAND MECHANT STAFF</div><br><center>
<body><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<A HREF="http://black-out.forumactif.org/u2" title="Théobald de Navarre" onMouseOver="i979668.src='http://img4.hostingpics.net/pics/230856thogif.gif'" onMouseOut="i979668.src='http://img11.hostingpics.net/pics/123958thopng.png'"><IMG SRC="http://img11.hostingpics.net/pics/123958thopng.png" BORDER=0 NAME="i979668" ALT="Theobald de Navarre" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT --></body>
<body><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<A HREF="http://black-out.forumactif.org/u5" title="Pandore Liddell" onMouseOver="i984139.src='http://img11.hostingpics.net/pics/720439Pangif.gif'" onMouseOut="i984139.src='http://img11.hostingpics.net/pics/252327Panpng.png'"><IMG SRC="http://img11.hostingpics.net/pics/252327Panpng.png" BORDER=0 NAME="i984139" ALT="Pandore Liddel" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT --> </body> </center>
</td><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">LE TOPIC DU MOIS</div><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify; overflow:auto; height:100px;"><br><a href="http://black-out.forumactif.org/t351-topic-du-mois"><img src="http://img15.hostingpics.net/pics/572126icone1.png"></a><br><div style="color:#65595b; font-family:Tahoma; font-size: 15px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">« <a href="http://black-out.forumactif.org/t295-l-empire-des-sens-libre">L`EMPIRE DES SENS</a> »</div> </td><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">PARTENARIAT</div><div style="font-size:28px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:center; line-height:20px; height: 100px;"><select style="width: 190px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Top Partenaires
</option>
<option value="http://ambrosia.forums-actifs.com/">
Ambrosia
</option>
<option value="http://wildwide.forumgratuit.org/">
Aspen Creek
</option>
<option value="http://www.clan-kravt.com/">
Clan Kravt
</option>
<option value="http://pelennorfields.forumactif.org/">
Pelennor Fields
</option>
<option value="http://vketernal.forumactif.com/">
Vampire's Kingdom
</option>
<option value="http://alternativefuture.forumactif.org/">
Alternative Future
</option>
<option value="http://tvd-rpg.forumactif.org/">
Perfume of Blood
</option>
<option value="http://vegas.jeuforum.fr/forum/index.php">
Vegas
</option>
<option value="http://velvetrose.forum-canada.com/">
Cabaret Velvet Rose
</option>
<option value="http://xmh-the-after-years.forum-gratuit.tv/">
X-Men Horizon
</option>
</select><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:center; color:#394140;"><a href="http://black-out.forumactif.org/f56-pub-et-partenaires">Plus ?</a> <a href="http://black-out.forumactif.org/t447-formulaire-pour-les-demandes-de-partenariat">Devenir partenaire ?</a></div><div style="font-size:10px; margin-bottom:10px; text-align:justify; line-height:9px;"><span style="color: White;"><span style="font-weight: bold;"> TOP SITES</span></span> <span class="postlink">−− </span><br><br><center><a href="http://www.root-top.com/topsite/velusia/in.php?ID=5421" title="TOP 1" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://en.root-top.com/toplist/serpentgy/in.php?ID=9935" title="TOP 2" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=6795" title="TOP 3" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=7408" title="TOP 4" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a><br><tr><td colspan="3" style="background-color: #000000; border: #394140 5px solid" width="750"><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; margin-top:20px; text-align:justify;"><span style="color:white;"><b> Je suis Mnesis. La Mémoire du monde, la Balance.</b></span> Prenez place car je vais vous conter aujourd’hui notre histoire, votre histoire, ou comment les Règles ont été bafouées, comment l’Equilibre a été rompu... La Terre est occupée par les pierres, les plantes et les animaux. Au sein de ces derniers, les humains se sont peu à peu discernés. Et puis il y a les autres… Tous les Autres. Les humains vivent et meurent en ignorant leur existence, l’Ordre est ainsi fait. Ou plutôt il l'était...<a href="http://black-out.forumactif.org/f65-contexte" class="postlink" target="_blank" rel="nofollow">−− la suite par ici!<br><br></a></div></td></tr>
</a></font></div></div></div></td></tr></tbody></table><table style="border-collapse: collapse"><tbody><tr><td style="background-color: #000000; border: #394140; 5px solid; vertical-align:top; overflow:auto;" height="100px" width="350"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">OYEZ , OYEZ !</div><div style="font-size:10px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify;">Le forum a ouvert ses portes le <span style="color:white;"><b>29.02.2009</b></span>. Il est interdit aux moins de <span style="color:white;"><b>18 ans</b></span> et est optimisé pour <span style="color:white;"><b>Mozilla Firefox</b></span>.</span><br><div style="text-align: center;">
<br><td style="background-color: #000000; border: #000000 5px solid; vertical-align:top; overflow:auto;" height="100px" width="350"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">ANNONCES</div><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify; overflow:auto; height:100px;"><span class="postlink">−−</span><span style="color: White;"> 10.06.2013 :</span> Nos membres attendent leurs PV, n'hésitez pas à les <a href="http://black-out.forumactif.org/f75-pv-des-membres">consulter</a>!<br></div><br></center></div></td></tr></tbody></table></center>
{JAVASCRIPT}
<head><!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i979668 = new Image;
i979668 = "http://img11.hostingpics.net/pics/767374thogif.gif";
}
</SCRIPT>
<!-- FIN DU SCRIPT --></head>
<head><!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i984139 = new Image;
i984139 = "http://img11.hostingpics.net/pics/720439Pangif.gif";
}
</SCRIPT>
<!-- FIN DU SCRIPT --></head>
<!-- BEGIN message_admin_index -->
<table class="forumline" width="900" border="0" cellspacing="1" cellpadding="0" align="center">
<!-- 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">
</td>
<td width="50%" align="right">
<span class="gensmall">
</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 -->
<center><div class="qeel_titre"></div>
<div class="qeel">
<table class="qeel_table"><tr>
<td><div class="colonne"><span class="qeel_contenu">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}<br /><br />
{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}
</span></div></td>
<td><div class="colonne"><span class="qeel_contenu"><table>{L_CONNECTED_MEMBERS}</table><br /><br />{LEGEND} : {GROUP_LEGEND}</span></div></td>
<td><div class="colonne"><span class="qeel_contenu"><table>{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table></span></div></td>
</tr></table>
</div>
<center><a href="http://www.never-utopia.com/" style="font-size: 9px; color:#3a4140;">QEEL - (c) Never-Utopia</a></center></center>
<!-- 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 -->
- Code:
/* PROFIL VISUEL */
.profilentour{
background: #15191a;
border:1px solid #6B6B6B;
padding: 20px;
text-align: center;
-moz-border-radius: 1px; /* les coins en arrondis*/
font-family:;
font-size:;
}
/* QEEL */
.qeel_titre
{
width: 890px;
height: 151px;
background: url(http://img15.hostingpics.net/pics/251076qeel.png);
}
.qeel
{
width: 890px;
height: 300px;
background: url(http://img15.hostingpics.net/pics/377731qeel1.png);
}
.qeel_table
{
width: 612px;
margin: auto;
}
.colonne
{
position: absolute;
z-index: 1;
width: 200px;
height: 200px;
overflow: auto;
margin-top: 0px;
margin-left: 0px;
background: #000000;
border: 1px solid #;
box-shadow: 0px 0px 0px #;
-moz-box-shadow: 0px 0px 0px #;
-o-box-shadow: 0px 0px 0px #;
-htm-box-shadow: 0px 0px 0px #;
-webkit-box-shadow: 0px 0px 0px #;
font-size: 9px;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
.colonne:hover
{
position: absolute;
z-index: 99;
width: 300px;
height: 400px;
margin-top: -50px;
margin-left: -50px;
background: #000000;
border: 1px solid #;
box-shadow: 0px 0px 5px #;
-moz-box-shadow: 0px 0px 5px #;
-o-box-shadow: 0px 0px 5px #;
-htm-box-shadow: 0px 0px 5px #;
-webkit-box-shadow: 0px 0px 5px #;
font-size: 11px;
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=0);
transition: 1s;
-moz-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
}
.qeel_contenu
{
display: block;
text-align: justify;
padding: 10px;
}
/* MISE EN FORME DES CATEGORIES ET FORUMS */
.cate_titre
{
clear: both;
height: 100px;
margin-top: 8px;
}
.catetitre_bloc
{
position: center;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right : auto;
background-color: #141414;
transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
-webkit-transform: rotate(1deg);
-htm-transform: rotate(1deg);
}
.catetitre_content
{
position: center;
z-index: 2;
display: block;
width: 790px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
text-align: center;
padding: 2px;
}
.catetitre
{
color: #9c9c9c;
font-family: Scribble Box;
font-size: 90px;
text-shadow: 1px 1px 0px #000000;
}
.forum_bloc
{
width: 799px;
margin-left: 55px;
margin-right: auto;
margin-top: -20px;
}
.forum
{
float: left;
width: 380px;
height: 170px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 50px;
}
a.forumlink
{
text-color: #CFAC97;
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #CFAC97;
text-align: center;
font-family: tahoma;
font-size: 24px;
text-transform: uppercase;
letter-spacing: -3px;
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;
}
a.forumlink:hover
{
color: #733B3B;
letter-spacing: 4px;
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;
}
.forum_contenu
{
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
background-color: #141414;
border-bottom: 5px solid #394140;
border-top: 5px solid #394140;
}
.description
{
display: block;
width: 345px;
margin: auto;
height: 100px;
overflow: hidden;
border: 2px solid #9c9c9c;
box-shadow: 1px 1px 1px #191817;
-moz-box-shadow: 1px 1px 1px #191817;
-htm-box-shadow: 1px 1px 1px #191817;
-webkit-box-shadow: 1px 1px 1px #191817;
-o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
position: absolute;
display: block;
width: 335px;
height: 91px;
overflow: auto;
background-color: #191817;
font-size: 10px;
color: #9c9c9c;
text-align: jutsify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
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;
}
.description_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
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;
}
.icone_stats
{
width: 400px;
margin: auto;
margin-top: -30px;
}
.stats_lastpost
{
display: block;
width: 150px;
height: 80px;
margin-left: 10px;
background-color: #242323;
border-right: 5px solid #000000;
border-left: 5px solid #000000;
padding: 5px;
text-align: center;
}
.stats
{
display: block;
margin-bottom: 5px;
border-bottom: 1px dotted #CFAC97;
padding-bottom: 5px;
font-size: 10px;
color: #8f8f8f;
}
.lastpost
{
display: block;
font-size: 11px;
}
.sforum
{width: 98%;
margin-right: 0px;
position: relative;
z-index: 3;
display: block;
height: 0;
background: #191817;
color: #b5b5b5;
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
{
margin-right: 20px;
width: 190px;
position: relative;
z-index: auto;
display: 1;
float: right;
background: #191817;
color: #b5b5b5;
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
{
margin-left: 0px;
margin-right: 0px;
width : 98% ;
height: 40px;
background: #191817;
color: #b5b5b5;
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: #b5b5b5 !important;
text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
color: #ffffff !important;
}
/* header */
body {
background-image: url("http://img15.hostingpics.net/pics/785238Head.png");
background-color: #000000;
background-position: top-center;
background-attachment: scroll;
background-repeat: no-repeat;
}
.ban1 { background-image: url('http://img4.hostingpics.net/pics/571533Head1humainb.png'); }
.ban2 { background-image: url('http://img4.hostingpics.net/pics/501650Head1vampb.png'); }
.ban3 { background-image: url('http://img11.hostingpics.net/pics/307550Head1djinnd.png'); }
/* pas de soulignement de liens */
a{text-decoration:none !important;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; }
.statistiques{
border:0px;
background-image: url();
background-repeat: no-repeat;
background-position: left;
height:270px;}
.groupes{
background-color:#000000;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:12px;text-align:center;
text-decoration: none !important;}
En vous remerciant par avance de toute l'aide que vous pourrez fournir
Bonne journée.
Dernière édition par angepandora le Mar 11 Juin 2013 - 12:04, édité 1 fois
Re: Forum Non centré
Bonjour,
Remplacez votre template par celui-ci:
Cordialement,
Remplacez votre template par celui-ci:
- Code:
{JAVASCRIPT}
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">
<div style="background-color:#000000;"><br>
<div style="color:#394140; font-family:Scribble Box; font-size: 40px; text-shadow: #2c2f2f 2px 2px 2px; text-align:center; letter-spacing:-3px;">Bienvenue {USER&#8288;NAME} sur Blackout</div><br>
<a href="http://black-out.forumactif.org/t4-reglement">RÈGLEMENT</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/t6-contexte">CONTEXTE</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f3-postes-vacants">VACANTS</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f63-groupes">GROUPES</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f4-annonces-questions-suggestions">QUESTIONS</a></center><br>
<br>
<br>
<center><table style="border: dotted"><tbody><tr><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top; overflow:auto;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">LE GRAND MECHANT STAFF</div><br><center>
<body><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<A HREF="http://black-out.forumactif.org/u2" title="Théobald de Navarre" onMouseOver="i979668.src='http://img4.hostingpics.net/pics/230856thogif.gif'" onMouseOut="i979668.src='http://img11.hostingpics.net/pics/123958thopng.png'"><IMG SRC="http://img11.hostingpics.net/pics/123958thopng.png" BORDER=0 NAME="i979668" ALT="Theobald de Navarre" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT --></body>
<body><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<A HREF="http://black-out.forumactif.org/u5" title="Pandore Liddell" onMouseOver="i984139.src='http://img11.hostingpics.net/pics/720439Pangif.gif'" onMouseOut="i984139.src='http://img11.hostingpics.net/pics/252327Panpng.png'"><IMG SRC="http://img11.hostingpics.net/pics/252327Panpng.png" BORDER=0 NAME="i984139" ALT="Pandore Liddel" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT --> </body> </center>
</td><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">LE TOPIC DU MOIS</div><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify; overflow:auto; height:100px;"><br><a href="http://black-out.forumactif.org/t351-topic-du-mois"><img src="http://img15.hostingpics.net/pics/572126icone1.png"></a><br><div style="color:#65595b; font-family:Tahoma; font-size: 15px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">« <a href="http://black-out.forumactif.org/t295-l-empire-des-sens-libre">L`EMPIRE DES SENS</a> »</div> </td><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">PARTENARIAT</div><div style="font-size:28px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:center; line-height:20px; height: 100px;"><select style="width: 190px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Top Partenaires
</option>
<option value="http://ambrosia.forums-actifs.com/">
Ambrosia
</option>
<option value="http://wildwide.forumgratuit.org/">
Aspen Creek
</option>
<option value="http://www.clan-kravt.com/">
Clan Kravt
</option>
<option value="http://pelennorfields.forumactif.org/">
Pelennor Fields
</option>
<option value="http://vketernal.forumactif.com/">
Vampire's Kingdom
</option>
<option value="http://alternativefuture.forumactif.org/">
Alternative Future
</option>
<option value="http://tvd-rpg.forumactif.org/">
Perfume of Blood
</option>
<option value="http://vegas.jeuforum.fr/forum/index.php">
Vegas
</option>
<option value="http://velvetrose.forum-canada.com/">
Cabaret Velvet Rose
</option>
<option value="http://xmh-the-after-years.forum-gratuit.tv/">
X-Men Horizon
</option>
</select><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:center; color:#394140;"><a href="http://black-out.forumactif.org/f56-pub-et-partenaires">Plus ?</a> <a href="http://black-out.forumactif.org/t447-formulaire-pour-les-demandes-de-partenariat">Devenir partenaire ?</a></div><div style="font-size:10px; margin-bottom:10px; text-align:justify; line-height:9px;"><span style="color: White;"><span style="font-weight: bold;"> TOP SITES</span></span> <span class="postlink">−− </span><br><br><center><a href="http://www.root-top.com/topsite/velusia/in.php?ID=5421" title="TOP 1" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://en.root-top.com/toplist/serpentgy/in.php?ID=9935" title="TOP 2" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=6795" title="TOP 3" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=7408" title="TOP 4" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a><br><tr><td colspan="3" style="background-color: #000000; border: #394140 5px solid" width="750"><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; margin-top:20px; text-align:justify;"><span style="color:white;"><b> Je suis Mnesis. La Mémoire du monde, la Balance.</b></span> Prenez place car je vais vous conter aujourd’hui notre histoire, votre histoire, ou comment les Règles ont été bafouées, comment l’Equilibre a été rompu... La Terre est occupée par les pierres, les plantes et les animaux. Au sein de ces derniers, les humains se sont peu à peu discernés. Et puis il y a les autres… Tous les Autres. Les humains vivent et meurent en ignorant leur existence, l’Ordre est ainsi fait. Ou plutôt il l'était...<a href="http://black-out.forumactif.org/f65-contexte" class="postlink" target="_blank" rel="nofollow">−− la suite par ici!<br><br></a></div></td></tr>
</a></font></div></div></div></td></tr></tbody></table><table style="border-collapse: collapse"><tbody><tr><td style="background-color: #000000; border: #394140; 5px solid; vertical-align:top; overflow:auto;" height="100px" width="350"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">OYEZ , OYEZ !</div><div style="font-size:10px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify;">Le forum a ouvert ses portes le <span style="color:white;"><b>29.02.2009</b></span>. Il est interdit aux moins de <span style="color:white;"><b>18 ans</b></span> et est optimisé pour <span style="color:white;"><b>Mozilla Firefox</b></span>.</span><br><div style="text-align: center;">
<br><td style="background-color: #000000; border: #000000 5px solid; vertical-align:top; overflow:auto;" height="100px" width="350"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">ANNONCES</div><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify; overflow:auto; height:100px;"><span class="postlink">−−</span><span style="color: White;"> 10.06.2013 :</span> Nos membres attendent leurs PV, n'hésitez pas à les <a href="http://black-out.forumactif.org/f75-pv-des-membres">consulter</a>!<br></div><br></center></div></td></tr></tbody></table></center>
{JAVASCRIPT}
<head><!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i979668 = new Image;
i979668 = "http://img11.hostingpics.net/pics/767374thogif.gif";
}
</SCRIPT>
<!-- FIN DU SCRIPT --></head>
<head><!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i984139 = new Image;
i984139 = "http://img11.hostingpics.net/pics/720439Pangif.gif";
}
</SCRIPT>
<!-- FIN DU SCRIPT --></head>
<!-- BEGIN message_admin_index -->
<table class="forumline" width="900" border="0" cellspacing="1" cellpadding="0" align="center">
<!-- 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">
</td>
<td width="50%" align="right">
<span class="gensmall">
</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 -->
<center><div class="qeel_titre"></div>
<div class="qeel">
<table class="qeel_table"><tr>
<td><div class="colonne"><span class="qeel_contenu">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}<br /><br />
{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}
</span></div></td>
<td><div class="colonne"><span class="qeel_contenu"><table>{L_CONNECTED_MEMBERS}</table><br /><br />{LEGEND} : {GROUP_LEGEND}</span></div></td>
<td><div class="colonne"><span class="qeel_contenu"><table>{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table></span></div></td>
</tr></table>
</div>
<center><a href="http://www.never-utopia.com/" style="font-size: 9px; color:#3a4140;">QEEL - (c) Never-Utopia</a></center></center>
<!-- 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 -->
Cordialement,
Re: Forum Non centré
Bonjour
En fait je viens d'y réussir en attendant une réponse, il manquait un <table> dans le template du QEEl mais je vous remercie.
je passe le sujet en résolu
En fait je viens d'y réussir en attendant une réponse, il manquait un <table> dans le template du QEEl mais je vous remercie.
je passe le sujet en résolu
Re: Forum Non centré
Bonjour,
J'ai fait plus que rajouter un table.. Il manque quelques codes important à votre template que j'ai rajouté
Cordialement,
J'ai fait plus que rajouter un table.. Il manque quelques codes important à votre template que j'ai rajouté
Cordialement,
Re: Forum Non centré
Ah d'accord!
Désolé j'étais tellement content d'avoir recentrée après y avoir mis deux heures.
Je vous remercie, je vais poser le code de ce pas!
Désolé j'étais tellement content d'avoir recentrée après y avoir mis deux heures.
Je vous remercie, je vais poser le code de ce pas!
Sujets similaires
» centre mon forum
» Forum non centré.
» Forum non centré !
» Le forum n'est pas centré sur Chrome
» Forum non centré.
» Forum non centré.
» Forum non centré !
» Le forum n'est pas centré sur Chrome
» Forum non centré.
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