Décalage des forums et du QEEL sur la gauche + déformation topic en bas
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
Décalage des forums et du QEEL sur la gauche + déformation topic en bas
Bonsoir
J'ai un gros soucis au niveau esthétique de mon forum, je sais pas du tout si ça vient du css ou si c'est des templates mais, les sous-forums et le qeel se colle carrément à la bordure à gauche alors qu'à droite, c'est tout à fait normal :
Voici le css complet
L'index box :
L'index body :
J'ai deux autres soucis un peu moins voyants puisqu'il s'agit des topics. Il me fait une espèce de rectangle verte à droite :
Voici le viewtopic_body :
J'ai un gros soucis au niveau esthétique de mon forum, je sais pas du tout si ça vient du css ou si c'est des templates mais, les sous-forums et le qeel se colle carrément à la bordure à gauche alors qu'à droite, c'est tout à fait normal :
Voici le css complet
- Code:
body
{
}
.bodyline
{
background: #99cccc;
}
.bodylinewidth
{
width: 900px;
}
.bodyline
{
width: 900px;
padding: 0;
background: #BFCF99;
border-left: 5px solid #985745;
border-right: 5px solid #985745;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
.bodylinewidth
{
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
#navigation
{
position: fixed;
z-index: 999;
height: 30px;
width: 100%;
margin-left: -8px;
}
#navig
{
width: 900px;
margin: auto;
text-align: center;
background: #985745
border-bottom: 2px solid #A00000;
padding-bottom: 3px;
}
#navig a
{
font-weight: bold;
}
#navig a
{
font-weight: bold;
color: #b9b9b9 !important;
text-shadow: 1px 1px 0px #ba8664;
}
#navig a:hover
{
color: #efefef !important;
}
a:link, a:link hover
{
text-decoration: none !important;
}
.forumline
{
width: 98%;
margin: auto;
}
table
{
width: 98%;
}
.cate_titre
{
width: 98%;
margin: auto;
text-align: justify;
}
.categorie
{
width: 98%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #B78664;
border-top: 3px radius #4c4842;
border-bottom: 3px radius #ffffff;
border-right: 3px radius #ffffff;
border-left: 3px radius #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #EBDDBB;
border: 1px dotted #a6bf70;
padding: 2px;
}
.forumlink
{
display: block;
width: 600px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
font-size: 16px;
border-bottom: 2px dotted #92b356;
}
.description
{
display: block;
width: 500px;
margin: auto;
font-size: 11px;
text-align: justify;
color: #93b359;
}
.illu
{
float: justify;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 5px;
}
.stats_last
{
display: block;
width: 100px;
margin: auto;
background: #EFE5CE;
padding: 10px;
border: 1px dotted #A6BF70;
}
.stats
{
display: block;
text-align: center;
font-size: 10px;
color: #A6BF70;
border-bottom: 1px solid #A6BF70;
padding-bottom: 4px;
margin-bottom: 4px;
}
.last
{
display: block;
text-align: center;
font-size: 11px;
}
.sous_forum
{
display: block;
width: 98%;
margin: auto;
background: #b78664;
padding: 2px;
text-align: justify;
}
.profil
{
width: 210px;
margin: auto;
padding: 4px;
background: #efe5ce;
border: 1px dotted #A6BF70;
text-align: justify;
padding-left: -10px;
}
.post .name
{
font-family:'Cookie', cursive;
}
.ombre
{text-shadow: #90674D 1px 1px 1px;}
.profil_avatar
{ border: 1px dotted #A6BF70;
background: #d29c76;
padding: 4px;
}
.message_contenu
{
text-align: justify;
font-size: 12px;
padding: 10px;
}
/*----------------- Ma général ----------------- */
/* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}
/*le tableau invisible */
.table25
{
border: none ;
}
/* Liens */
.a2
{
display: block;
width: 130px;
color: #EFE5CE;
text-align:center;
border: 1px solid #BA8664;
-moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.a2:hover
{
background-color: #c0d397;
color: white;
}
#table22 /* fond du ma */
{
width: 770px;
background-color: #B38060;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
/*-----------------Titre----------------- */
/* Le titre special pour le texte de bienvenu */
.h2_themebienvenu
{
font-size: 14px;
background-color: #9EB96C;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 367px;
}
/* le titre special pour les credits */
.h2_themecredit
{
font-size: 14px;
background-color: #9EB96C;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
}
/* le titre pour les autres boites */
.h2_theme
{
font-size: 14px;
background-color: #9EB96C;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
}
/* effet de transparance FF */
.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}
.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}
/*-----------------Les boites contenant les textes----------------- */
/* Navigation */
.navi_ma
{
background-color:#EFE5CE;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #A6BF70;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #985745;
-moz-box-shadow: 4px 4px 0 #985745;
-khtml-box-shadow: 4px 4px 0 #985745;
padding-top: 20px;
}
/* News */
.news
{
background-color: #EFE5CE;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #985745;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #985745;
-moz-box-shadow: 4px 4px 0 #985745;
-khtml-box-shadow: 4px 4px 0 #985745;
}
/* Partenaires */
.partenaire_test
{
background-color: #EFE5CE;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #985745;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #985745;
-moz-box-shadow: 4px 4px 0 #985745;
-khtml-box-shadow: 4px 4px 0 #985745;
padding-top: 20px;
}
/* message de bienvenu */
#bienvenu_ma
{
background-color: #EFE5CE;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #985745;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #985745;
-moz-box-shadow: 4px 4px 0 #985745;
-khtml-box-shadow: 4px 4px 0 #985745;
width: 370px;
}
/* membres staffs */
.staff
{
background-color: #EFE5CE;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #985745;
-moz-box-shadow: 4px 4px 0 #985745;
-khtml-box-shadow: 4px 4px 0 #985745;
padding-top: 20px;
}
/*crédits */
.credits
{
background-color: #EFE5CE;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #985745;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #985745;
-moz-box-shadow: 4px 4px 0 #985745;
-khtml-box-shadow: 4px 4px 0 #985745;
padding-top: 20px;
}
/*-----------------inffobulles----------------- */
div.infobulle
{
position: relative;
float: left;
color: #985745;
}
div.infobulle span
{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
color: #985745;
}
/* style de l infobulle */
div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #EFE5CE;
color: #985745;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
}
/* QEEl */
.tableauqueel{
background-color : #EBDDBB ;
border : solid 3px #709930;
-moz-border-radius : 10px 10px 10px 10px}
.partiedroite {
font-size : 10px ;
border-left : 2px dotted #709930 ;
padding-left : 10x }
.groupes{
background-color:#CBDAA9 ;
border: 1px color #EBDDBB ;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #9C5E49 ;
text-decoration: none !important;
}
.bouton-profil {
cursor: pointer; /* curseur au survol */
margin: 2px 0; /* petite marge en haut et en bas */
padding: 2px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
background: #f1e3c3; /* couleur de fond */
border: 1px dotted #A6BF70; /* bordure */
color: #709930; /* couleur texte */
font-size: 11px; /* taille du texte */
font-variant: small-caps; /* effet petites majuscules */
font-weight: bold; /* effet gras */
letter-spacing: 2px; /* espace entre les lettres */
}
.profil-cache {
border: 1px dotted #A6BF70;
background : #EBDDBB;
margin: 2px 0;
padding: 2px;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
#page-body
{
width: 900px;
margin: auto;
}
div.topictitle {
display: inline;
font-variant: small-caps;
}
h2.topic-title {
display: inline;
margin: 0;
padding: 0;
font-variant: normal;
}
L'index box :
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cate_titre">{catrow.tablehead.L_FORUM}</div>
<div class="categorie">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="forum">
<table><tr>
<td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td>
<td style="vertical-align: top;"><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
<span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
<td><span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
<span class="last">{catrow.forumrow.LAST_POST}</span></span></td>
</tr></table>
<span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot --><!-- END catrow -->
L'index body :
- 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">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="100%" valign="top" align="center" class="row1">
<label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td>
</tr>
</table>
</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>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="95%" valign="top" align="center" class="row1">
<span class="genmed">{L_USERNAME}:</span>
<input class="post" type="text" size="10" name="username"/>
<span class="genmed">{L_PASSWORD}:</span>
<input class="post" type="password" size="10" name="password"/>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
</td>
</tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<center>
<img src="IMAGE URL">
<div class="tableauqueel">
<table style="width: 100%; border-collapse:collapse;">
<br><br><tr>
<td width="50%"><center><span class="groupes"> <a href="http://timeisrunningout.frbb.net/g5-humains"><font color=#996666 size="2"><b>HUMAINS</b></font></a></span>
<span class="groupes"> <a href="http://timeisrunningout.frbb.net/g4-arcanes"><font color=#414542 size="2"><b>ARCANES</b></font></a></span> <br><br>
<span class="groupes"> <a href="http://timeisrunningout.frbb.net/g3-ablithians"><font color=#5880DA size="2"><b>ABLITHIANS</b></font></a></span>
<span class="groupes"> <a href="http://timeisrunningout.frbb.net/g6-valariens"><font color=#B12A1F size="2"><b>VALARIENS</b></font></a></span><br><br>
</center>
</td>
<td width="50%"><div class="partiedroite"><br><ul><div class="gensmall">{TOTAL_POSTS}<br>{TOTAL_USERS}
{NEWEST_USER}<br>{TOTAL_USERS_ONLINE}</div><br>
</ul>
<br></div></td>
</tr>
</table><br>
<span class="gensmall"><table width=70%">{L_CONNECTED_MEMBERS}
{LOGGED_IN_USER_LIST}<br></table></span></div></center>
<br>
<!-- 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}
J'ai deux autres soucis un peu moins voyants puisqu'il s'agit des topics. Il me fait une espèce de rectangle verte à droite :
Voici le viewtopic_body :
- Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
addthis_close();
}
});
});
//]]>
</script>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="left" valign="middle" nowrap="nowrap">
<span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>
<td align="left" valign="middle" nowrap="nowrap">
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</span>
<!-- END switch_fb_likebtn -->
</td>
<td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="bottom" nowrap="nowrap" width="100%">
<span class="gensmall bold">
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
<!-- BEGIN switch_plus_menu -->
|
<script type="text/javascript">//<![CDATA[
var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
<!-- END switch_plus_menu -->
</span>
</td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
<tr align="right">
<td class="catHead" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" class="t-title">
<h1 class="cattitle"> {TOPIC_TITLE}</h1>
</td>
<td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</td>
</tr>
<!-- BEGIN topicpagination -->
<tr>
<td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END topicpagination -->
{POLL_DISPLAY}
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profil"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}<div class="profil_avatar">{postrow.displayed.POSTER_AVATAR}</div><br><strong><div align="center"><font size="5,5"><span class="ombre">{postrow.displayed.POSTER_NAME}</span></div></font></strong></span><br />
<div class="postdetails poster-profile">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
<div onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="bouton-profil">En savoir plus</div>
<div class="profil-cache" style="display: none">
{postrow.displayed.POSTER_RPG}
</div><br />
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /></div>
</td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<td valign="top" nowrap="nowrap" class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2" class="hr">
<hr />
</td>
</tr>
<tr>
<td colspan="2">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div class="postbody">
<div class="message_contenu">{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
</td>
</tr>
</table>
</td>
</tr>
<!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<!-- END first_post_br -->
<!-- END displayed -->
<!-- BEGIN hidden -->
<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>
<!-- END hidden -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>
<!-- END no_post -->
<tr align="right">
<td class="catBottom" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style=" 0 0 1px 0; border-top: 0px;">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
<!-- BEGIN topicpagination -->
<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
<!-- END topicpagination -->
</tr>
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</table>
<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
<tr>
<td class="catBottom" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
<td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open";margin: 1px 0px 1px 0px">
<tr>
<td class="catBottom" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
<td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="row2 postbody" valign="top">
<!-- BEGIN link -->
» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</td>
</tr>
</table>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
<tbody>
<tr>
<td class="catBottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top">
<h1 class="cattitle"> {L_FORUM_RULES}</h1>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="row1 clearfix">
<table>
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
<tbody>
<!-- BEGIN show_permissions -->
<tr>
<td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
<td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
<!-- END show_permissions -->
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<!-- BEGIN show_permissions -->
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
<!-- END show_permissions -->
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
<tbody>
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
<span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>
<!-- BEGIN viewtopic_bottom -->
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- END viewtopic_bottom -->
<!-- BEGIN moderation_panel -->
<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>
<!-- END moderation_panel -->
</tr>
</table>
</form>
<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
</tr>
</table>
<!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Dernière édition par Kanzaki le Mer 25 Avr 2012 - 16:51, édité 2 fois
Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas
UP ! Je crois que ça vient du CSS mais j'arrive pas à bien régler le problème :/
Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas
Bonjour,
Le dawa votre css
Il y a des codes en "double" au début, faites un peu le ménage.
Sinon, concernant votre problème, retirez ceci (tout à la fin de votre css):
- Code:
#page-body
{
width: 900px;
margin: auto;
}
Et pour votre deuxième problème, retirez ceci:
- Code:
table
{
width: 98%;
}
Cordialement.
Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas
Je débute en css avec ma co-admin donc oui c'est fouillis
Pour le problème de déformation en bas des topics, ça marche très bien par contre, au niveau de la déformation c'est toujours pas ça :/ http://timeisrunningout.frbb.net/ -> au niveau de la PA c'est assez laid à droite, ça colle carrément à la bordure !
J'ai changé de Page d’accueil entre temps mais, il me semble bien avoir retiré tout ce que vous avez dit, le css ressemble à ça :
Pour le problème de déformation en bas des topics, ça marche très bien par contre, au niveau de la déformation c'est toujours pas ça :/ http://timeisrunningout.frbb.net/ -> au niveau de la PA c'est assez laid à droite, ça colle carrément à la bordure !
J'ai changé de Page d’accueil entre temps mais, il me semble bien avoir retiré tout ce que vous avez dit, le css ressemble à ça :
- Code:
tr.post span.gensmall {display:none}
body
{
}
.bodyline
{
background: #99cccc;
}
.bodylinewidth
{
width: 900px;
}
.bodyline
{
width: 900px;
padding: 0;
background: #BFCF99;
border-left: 5px solid #985745;
border-right: 5px solid #985745;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
.bodylinewidth
{
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
#navigation
{
position: fixed;
z-index: 999;
height: 30px;
width: 100%;
margin-left: -8px;
}
#navig
{
width: 900px;
text-align: center;
background: #985745
border-bottom: 2px solid #A00000;
padding-bottom: 3px;
}
#navig a
{
font-weight: bold;
}
#navig a
{
font-weight: bold;
color: #b9b9b9 !important;
text-shadow: 1px 1px 0px #ba8664;
}
#navig a:hover
{
color: #efefef !important;
}
a:link, a:link hover
{
text-decoration: none !important;
}
.forumline
{
width: 98%;
}
.cate_titre
{
width: 98%;
text-align: justify;
}
.categorie
{
width: 98%;
margin-top: 10px;
margin-bottom: 10px;
background: #B78664;
border-top: 3px radius #4c4842;
border-bottom: 3px radius #ffffff;
border-right: 3px radius #ffffff;
border-left: 3px radius #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #EBDDBB;
border: 1px dotted #a6bf70;
padding: 2px;
}
.forumlink
{
display: block;
width: 600px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
font-size: 16px;
border-bottom: 2px dotted #92b356;
}
.description
{
display: block;
width: 500px;
margin: auto;
font-size: 11px;
text-align: justify;
color: #93b359;
}
.illu
{
float: justify;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 5px;
}
.stats_last
{
display: block;
width: 100px;
margin: auto;
background: #EFE5CE;
padding: 10px;
border: 1px dotted #A6BF70;
}
.stats
{
display: block;
text-align: center;
font-size: 10px;
color: #A6BF70;
border-bottom: 1px solid #A6BF70;
padding-bottom: 4px;
margin-bottom: 4px;
}
.last
{
display: block;
text-align: center;
font-size: 11px;
}
.sous_forum
{
display: block;
width: 98%;
margin: auto;
background: #b78664;
padding: 2px;
text-align: justify;
}
.profil
{
width: 210px;
margin: auto;
padding: 4px;
background: #efe5ce;
border: 1px dotted #A6BF70;
text-align: justify;
padding-left: -10px;
}
.post .name
{
font-family:'Cookie', cursive;
}
.ombre
{text-shadow: #90674D 1px 1px 1px;}
.profil_avatar
{ border: 1px dotted #A6BF70;
background: #d29c76;
padding: 4px;
}
.message_contenu
{
text-align: justify;
font-size: 12px;
padding: 10px;
}
/* QEEl */
.tableauqueel{
background-color : #EBDDBB ;
border : solid 3px #709930;
-moz-border-radius : 10px 10px 10px 10px}
.partiedroite {
font-size : 10px ;
border-left : 2px dotted #709930 ;
padding-left : 10x }
.groupes{
background-color:#CBDAA9 ;
border: 1px color #EBDDBB ;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #9C5E49 ;
text-decoration: none !important;
}
.bouton-profil {
cursor: pointer; /* curseur au survol */
margin: 2px 0; /* petite marge en haut et en bas */
padding: 2px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
background: #f1e3c3; /* couleur de fond */
border: 1px dotted #A6BF70; /* bordure */
color: #709930; /* couleur texte */
font-size: 11px; /* taille du texte */
font-variant: small-caps; /* effet petites majuscules */
font-weight: bold; /* effet gras */
letter-spacing: 2px; /* espace entre les lettres */
}
.profil-cache {
border: 1px dotted #A6BF70;
background : #EBDDBB;
margin: 2px 0;
padding: 2px;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
div.topictitle {
display: inline;
font-variant: small-caps;
}
h2.topic-title {
display: inline;
margin: 0;
padding: 0;
font-variant: normal;
}
/* test_quierra_11 */
#le_tableau{
color:#985745;
font-size: 12px;
font-family: Georgia;
background-color: #B78664;
border: 3px solid #709930;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #FFFFFF;
}
.text_imag{
color: #d8f795;
text-align: center;
vertical-align: center;
font-family: Georgia;
font-size: 30px;
font-weight: bold;
}
.style_cellule{
background-color: #EFE5CE;
border: 3px solid #709930;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#igauche{
background-color: #0f100f;
background-color: #EFE5CE;
background-color: #EFE5CE;
border: 3px solid #709930;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #EFE5CE;
background-color: #EFE5CE;
background-color: #EFE5CE;
border: 3px solid #709930;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
.titre_4{
font-size: 14px;
color: #00a200;
border-bottom: 1px dotted #709930;
}
/* navigation */
#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li{
float: left;
margin: 0 2px;
}
#nav-menu li a{
background-color: #EFE5CE;
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 2px solid #00a200;
color: #9EB96C;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}
#nav-menu li a:hover{
color: #bfcd48;
font-style: italic;
}
/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */
/* fin navigation */
/* Scroller Box */
#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}
#dummy {;# }
#scroller_container {
overflow: auto;
}
/* fin Scroller Box */
/* infobulle */
div.info em {
display:none;
}
div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #424242;
border: 2px solid #00a200;
width:auto;
}
.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #00a200;
}
/* fin infobulle */
/* fin test quierra_11 */
Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas
Remplacez votre css par:
- Code:
tr.post span.gensmall {display:none}
body
{
}
.bodyline
{
background: #99cccc;
}
.bodylinewidth
{
width: 900px;
}
.bodyline
{
width: 900px;
padding: 5px;
background: #BFCF99;
border-left: 5px solid #985745;
border-right: 5px solid #985745;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
.bodylinewidth
{
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
#navigation
{
position: fixed;
z-index: 999;
height: 30px;
width: 100%;
margin-left: -8px;
}
#navig
{
width: 900px;
text-align: center;
background: #985745
border-bottom: 2px solid #A00000;
padding-bottom: 3px;
}
#navig a
{
font-weight: bold;
}
#navig a
{
font-weight: bold;
color: #b9b9b9 !important;
text-shadow: 1px 1px 0px #ba8664;
}
#navig a:hover
{
color: #efefef !important;
}
a:link, a:link hover
{
text-decoration: none !important;
}
.forumline
{
width: 98%;
}
.cate_titre
{
width: 98%;
text-align: justify;
}
.categorie
{
width: 98%;
margin-top: 10px;
margin-bottom: 10px;
background: #B78664;
border-top: 3px radius #4c4842;
border-bottom: 3px radius #ffffff;
border-right: 3px radius #ffffff;
border-left: 3px radius #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #EBDDBB;
border: 1px dotted #a6bf70;
padding: 2px;
}
.forumlink
{
display: block;
width: 600px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
font-size: 16px;
border-bottom: 2px dotted #92b356;
}
.description
{
display: block;
width: 500px;
margin: auto;
font-size: 11px;
text-align: justify;
color: #93b359;
}
.illu
{
float: justify;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 5px;
}
.stats_last
{
display: block;
width: 100px;
margin: auto;
background: #EFE5CE;
padding: 10px;
border: 1px dotted #A6BF70;
}
.stats
{
display: block;
text-align: center;
font-size: 10px;
color: #A6BF70;
border-bottom: 1px solid #A6BF70;
padding-bottom: 4px;
margin-bottom: 4px;
}
.last
{
display: block;
text-align: center;
font-size: 11px;
}
.sous_forum
{
display: block;
width: 98%;
margin: auto;
background: #b78664;
padding: 2px;
text-align: justify;
}
.profil
{
width: 210px;
margin: auto;
padding: 4px;
background: #efe5ce;
border: 1px dotted #A6BF70;
text-align: justify;
padding-left: -10px;
}
.post .name
{
font-family:'Cookie', cursive;
}
.ombre
{text-shadow: #90674D 1px 1px 1px;}
.profil_avatar
{ border: 1px dotted #A6BF70;
background: #d29c76;
padding: 4px;
}
.message_contenu
{
text-align: justify;
font-size: 12px;
padding: 10px;
}
/* QEEl */
.tableauqueel{
background-color : #EBDDBB ;
border : solid 3px #709930;
-moz-border-radius : 10px 10px 10px 10px}
.partiedroite {
font-size : 10px ;
border-left : 2px dotted #709930 ;
padding-left : 10x }
.groupes{
background-color:#CBDAA9 ;
border: 1px color #EBDDBB ;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #9C5E49 ;
text-decoration: none !important;
}
.bouton-profil {
cursor: pointer; /* curseur au survol */
margin: 2px 0; /* petite marge en haut et en bas */
padding: 2px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
background: #f1e3c3; /* couleur de fond */
border: 1px dotted #A6BF70; /* bordure */
color: #709930; /* couleur texte */
font-size: 11px; /* taille du texte */
font-variant: small-caps; /* effet petites majuscules */
font-weight: bold; /* effet gras */
letter-spacing: 2px; /* espace entre les lettres */
}
.profil-cache {
border: 1px dotted #A6BF70;
background : #EBDDBB;
margin: 2px 0;
padding: 2px;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
div.topictitle {
display: inline;
font-variant: small-caps;
}
h2.topic-title {
display: inline;
margin: 0;
padding: 0;
font-variant: normal;
}
/* test_quierra_11 */
#le_tableau{
color:#985745;
font-size: 12px;
font-family: Georgia;
background-color: #B78664;
border: 3px solid #709930;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #FFFFFF;
}
.text_imag{
color: #d8f795;
text-align: center;
vertical-align: center;
font-family: Georgia;
font-size: 30px;
font-weight: bold;
}
.style_cellule{
background-color: #EFE5CE;
border: 3px solid #709930;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#igauche{
background-color: #0f100f;
background-color: #EFE5CE;
background-color: #EFE5CE;
border: 3px solid #709930;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #EFE5CE;
background-color: #EFE5CE;
background-color: #EFE5CE;
border: 3px solid #709930;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
.titre_4{
font-size: 14px;
color: #00a200;
border-bottom: 1px dotted #709930;
}
/* navigation */
#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li{
float: left;
margin: 0 2px;
}
#nav-menu li a{
background-color: #EFE5CE;
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 2px solid #00a200;
color: #9EB96C;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}
#nav-menu li a:hover{
color: #bfcd48;
font-style: italic;
}
/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */
/* fin navigation */
/* Scroller Box */
#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}
#dummy {;# }
#scroller_container {
overflow: auto;
}
/* fin Scroller Box */
/* infobulle */
div.info em {
display:none;
}
div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #424242;
border: 2px solid #00a200;
width:auto;
}
.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #00a200;
}
/* fin infobulle */
/* fin test quierra_11 */
Je pensais vous avoir dit de changer le padding. Il était de 0px, j'ai mis 5px.
Dites moi si c'est mieux.
En sachant que sur mon forum test, il n'y a pas ce souci après les modifications que je vous ai données. Il me faudrait le code de votre PA si cela persiste.
Cordialement.
Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas
Avec un padding de 5, il n'y a aucun soucis au niveau du QEEL mais, la PA n'a pas changéet les sous-forums ont à peine bougés de la bordure
J'ai l'impression que contrairement au QEEL, les sous-forums s'alignent avec la PA donc c'est peut-être la source du problème ?
Voici le HTML de la PA :
- Spoiler:
J'ai l'impression que contrairement au QEEL, les sous-forums s'alignent avec la PA donc c'est peut-être la source du problème ?
Voici le HTML de la PA :
- Code:
<center>
<table width="100%" cellpadding="5" cellspacing="10" id="le_tableau">
<tbody><tr>
<td rowspan="2" class="style_cellule" width="80" style="background: url('http://d7.e-loader.net/p67OxrIPLx.png') no-repeat;" ><p style="text-align: right;">Nulla hendrerit leo at ante laoreet posuere. Morbi pretium scelerisque lorem, eu posuere neque accumsan vitae. </td>
<td colspan="2" class="style_cellule" style="background-image: url('http://d6.e-loader.net/KHdK90aXLr.png');" width="40%"><p class="text_imag"></p></td>
</tr>
<tr>
<td class="style_cellule" width="40%"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Morbi molestie iaculis sapien<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Morbi molestie iaculis sapien</td>
<td class="style_cellule" width="40%"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Morbi molestie iaculis sapien<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Morbi molestie iaculis sapien<br></td>
</tr>
<tr>
<td><div id="nav-menu">
<ul>
<li><a href="http://timeisrunningout.frbb.net/t21-registre-des-avatars">Avatars</a></li>
<li><a href="http://timeisrunningout.frbb.net/t6-le-contexte">Contexte</a></li>
<li><a href="http://timeisrunningout.frbb.net/f5-wanted-adverts">Prédéfinis</a></li>
<li><a href="http://timeisrunningout.frbb.net/f4-predefined-characters">Scénarios</a></li>
<li><a href="http://timeisrunningout.frbb.net/f7-guest-zone">Invités</a></li>
</ul>
</div> </td>
<td id="igauche" VALIGN="top"><span class="titre_4" style="padding-left:15px;"> Les nouveautés du forum </span><p style="padding-left:15px;"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Ouverture du forum le X Avril 2012<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan</p></td>
<td id="idroite" VALIGN="top"><span class="titre_4" style="padding-right:10px;"> Bienvenue {USER&#8288;NAME} sur Time is Running Out ! </span><p style="padding-right:10px;">Nous espérons que notre communauté t’offrira de grandes aventures et te permettra de plonger au coeur du conflit entre Valar & Ablithia. Si tu as la moindre question, nous sommes là pour te répondre et répondons à tous nos MPs aussi vite que l’éclair. En te souhaitant de grands moments parmi nous.
</p></td>
</tr>
<tr>
<td class="style_cellule" VALIGN="top">
<span class="titre_4">Nos partenaires</span>
<center><script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script><div id="scroller_container"><div class="jscroller2_up jscroller2_speed-40 jscroller2_mousemove">
<a href="http://www.xixi-pub.com" class="postlink" target="_blank" ><img src="http://d7.e-loader.net/hYQ1mgxUzC.png" alt="Xixi'Pub Forum de Publicité et d'Entraide" border="0"></a>
<a href="http://atelier.sos-forum.net" border="0" class="postlink" target="_blank" ><img src="http://d7.e-loader.net/hYQ1mgxUzC.png"></a>
<a href="http://perseverance.fr-bb.com" class="postlink" target="_blank" ><img src="http://d7.e-loader.net/hYQ1mgxUzC.png" alt="" border="0"></a>
<a href="http://twilightime.forumactif.com" class="postlink" target="_blank"><img src="http://d7.e-loader.net/hYQ1mgxUzC.png" alt="" border="0"></a>
<a href="http://dailylife.forumactif.org/" class="postlink" target="_blank"><img src="http://d7.e-loader.net/hYQ1mgxUzC.png" alt="" border="0"></a>
<a href="http://milopub.forumactif.org/" class="postlink" target="_blank"><img src="http://d7.e-loader.net/hYQ1mgxUzC.png" alt="" border="0"></a>
</div>
</div>
</center>
</td>
<td class="style_cellule" VALIGN="top">
<center> <span class="titre_4"> Le staff</span>
<table>
<tr>
<td><div class="info" style="color: #842b00">
<img alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg">
<em>
<span class="titre_info">YAOUP Fondateur
<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div>
<div><a href="#Lien Profil">Profil</a> <a href="#Lien MP">MP</a></div>
<div>
</span>
</em>
</div>
</td>
<td><div class="info" style="color: #842b00">
<img alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/614.jpg">
<em>
<span class="titre_info">ROYAL Modo
<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/116.jpg" /></div>
<div><a href="#Lien Profil">Profil</a> <a href="#Lien MP">MP</a></div>
<div>
</span>
</em>
</div>
</td>
<td><div class="info" style="color: #842b00">
<img alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/516.jpg">
<em>
<span class="titre_info">YAOUP Fondateur
<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/216.jpg" /></div>
<div><a href="#Lien Profil">Profil</a> <a href="#Lien MP">MP</a></div>
<div>
</span>
</em>
</div>
</td>
<td><div class="info" style="color: #842b00">
<img alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg">
<em>
<span class="titre_info">YAOUP Fondateur
<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div>
<div><a href="#Lien Profil">Profil</a> <a href="#Lien MP">MP</a></div>
<div>
</span>
</em>
</div>
</td>
</tr>
</table>
</center>
</td>
<td class="style_cellule" VALIGN="top"><span class="titre_4">Les crédits</span>
<p style="padding-right:10px;">
<b>Design </b>PRETTY LITTLE THING
<b>Page d'acceuil </b>Quierra
<b>Codage </b>Never Utopia</p>
</td>
</tr>
</tbody></table>
</center>
Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas
Bonjour,
J'avais oublié de vous demander votre index box.
Dans votre premier message, vous avez mis deux fois index body.
Cordialement.
J'avais oublié de vous demander votre index box.
Dans votre premier message, vous avez mis deux fois index body.
Cordialement.
Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas
Mince j'avais pas fais attention ^^"
Voilà c'est modifié par le bon template
Voilà c'est modifié par le bon template
Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas
Remplacez votre css par:
Cette fois ci, c'est la bonne (enfin j'espère )
- Code:
tr.post span.gensmall {display:none}
body
{
}
.bodyline
{
background: #99cccc;
}
.bodylinewidth
{
width: 900px;
}
.bodyline
{
width: 900px;
padding: 5px;
background: #BFCF99;
border-left: 5px solid #985745;
border-right: 5px solid #985745;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
.bodylinewidth
{
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
#navigation
{
position: fixed;
z-index: 999;
height: 30px;
width: 100%;
margin-left: -8px;
}
#navig
{
width: 900px;
text-align: center;
background: #985745
border-bottom: 2px solid #A00000;
padding-bottom: 3px;
}
#navig a
{
font-weight: bold;
}
#navig a
{
font-weight: bold;
color: #b9b9b9 !important;
text-shadow: 1px 1px 0px #ba8664;
}
#navig a:hover
{
color: #efefef !important;
}
a:link, a:link hover
{
text-decoration: none !important;
}
.cate_titre
{
width: 98%;
text-align: justify;
}
.categorie
{
margin-top: 10px;
margin-bottom: 10px;
background: #B78664;
border-top: 3px radius #4c4842;
border-bottom: 3px radius #ffffff;
border-right: 3px radius #ffffff;
border-left: 3px radius #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #EBDDBB;
border: 1px dotted #a6bf70;
padding: 2px;
}
.forumlink
{
display: block;
width: 600px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
font-size: 16px;
border-bottom: 2px dotted #92b356;
}
.description
{
display: block;
width: 500px;
margin: auto;
font-size: 11px;
text-align: justify;
color: #93b359;
}
.illu
{
float: justify;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 5px;
}
.stats_last
{
display: block;
width: 100px;
margin: auto;
background: #EFE5CE;
padding: 10px;
border: 1px dotted #A6BF70;
}
.stats
{
display: block;
text-align: center;
font-size: 10px;
color: #A6BF70;
border-bottom: 1px solid #A6BF70;
padding-bottom: 4px;
margin-bottom: 4px;
}
.last
{
display: block;
text-align: center;
font-size: 11px;
}
.sous_forum
{
display: block;
width: 98%;
margin: auto;
background: #b78664;
padding: 2px;
text-align: justify;
}
.profil
{
width: 210px;
margin: auto;
padding: 4px;
background: #efe5ce;
border: 1px dotted #A6BF70;
text-align: justify;
padding-left: -10px;
}
.post .name
{
font-family:'Cookie', cursive;
}
.ombre
{text-shadow: #90674D 1px 1px 1px;}
.profil_avatar
{ border: 1px dotted #A6BF70;
background: #d29c76;
padding: 4px;
}
.message_contenu
{
text-align: justify;
font-size: 12px;
padding: 10px;
}
/* QEEl */
.tableauqueel{
background-color : #EBDDBB ;
border : solid 3px #709930;
-moz-border-radius : 10px 10px 10px 10px}
.partiedroite {
font-size : 10px ;
border-left : 2px dotted #709930 ;
padding-left : 10x }
.groupes{
background-color:#CBDAA9 ;
border: 1px color #EBDDBB ;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #9C5E49 ;
text-decoration: none !important;
}
.bouton-profil {
cursor: pointer; /* curseur au survol */
margin: 2px 0; /* petite marge en haut et en bas */
padding: 2px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
background: #f1e3c3; /* couleur de fond */
border: 1px dotted #A6BF70; /* bordure */
color: #709930; /* couleur texte */
font-size: 11px; /* taille du texte */
font-variant: small-caps; /* effet petites majuscules */
font-weight: bold; /* effet gras */
letter-spacing: 2px; /* espace entre les lettres */
}
.profil-cache {
border: 1px dotted #A6BF70;
background : #EBDDBB;
margin: 2px 0;
padding: 2px;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
div.topictitle {
display: inline;
font-variant: small-caps;
}
h2.topic-title {
display: inline;
margin: 0;
padding: 0;
font-variant: normal;
}
/* test_quierra_11 */
#le_tableau{
color:#985745;
font-size: 12px;
font-family: Georgia;
background-color: #B78664;
border: 3px solid #709930;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #FFFFFF;
}
.text_imag{
color: #d8f795;
text-align: center;
vertical-align: center;
font-family: Georgia;
font-size: 30px;
font-weight: bold;
}
.style_cellule{
background-color: #EFE5CE;
border: 3px solid #709930;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#igauche{
background-color: #0f100f;
background-color: #EFE5CE;
background-color: #EFE5CE;
border: 3px solid #709930;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #EFE5CE;
background-color: #EFE5CE;
background-color: #EFE5CE;
border: 3px solid #709930;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
.titre_4{
font-size: 14px;
color: #00a200;
border-bottom: 1px dotted #709930;
}
/* navigation */
#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li{
float: left;
margin: 0 2px;
}
#nav-menu li a{
background-color: #EFE5CE;
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 2px solid #00a200;
color: #9EB96C;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}
#nav-menu li a:hover{
color: #bfcd48;
font-style: italic;
}
/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */
/* fin navigation */
/* Scroller Box */
#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}
#dummy {;# }
#scroller_container {
overflow: auto;
}
/* fin Scroller Box */
/* infobulle */
div.info em {
display:none;
}
div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #424242;
border: 2px solid #00a200;
width:auto;
}
.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #00a200;
}
/* fin infobulle */
/* fin test quierra_11 */
Cette fois ci, c'est la bonne (enfin j'espère )
Re: Décalage des forums et du QEEL sur la gauche + déformation topic en bas
En effet cette fois ci c'est la bonne Merci beaucoup pour cette aide.
Problème résolu
Problème résolu
Sujets similaires
» Décalage du corps du forum, déformation des sujets.
» Décalage de la dernière catégorie, comparée aux autres + décalage des forums à l'intérieur des catégories.
» Widget à gauche-déformation de la fenetre de post
» Déformation d'un topic
» Décalage des messages privés à gauche
» Décalage de la dernière catégorie, comparée aux autres + décalage des forums à l'intérieur des catégories.
» Widget à gauche-déformation de la fenetre de post
» Déformation d'un topic
» Décalage des messages privés à gauche
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