Sujets similaires

Bonsoir

Oui, j'enchaîne, j'enchaîne...
Cette fois-ci, j'ai voulu tester ce tutoriel pour voir ce que ça pouvait donner. J'ai commencé à tripatouiller mais je n'ai pas vraiment fait gaffe que ma bordure droite s'était barrée et qu'il y avait un problème au niveau des proportions. De même, je n'ai pas réussi non plus à caser ma feuille de personnage, qui faisait très laid. (d'ailleurs s'il pouvait exister un moyen de simplement mettre un lien vers la fiche personnage du membre concerné, ce serait génial). Je pensais aussi faire une véritable séparation entre chaque message parce que je trouve la mise en page plutôt confuse.

Pour le moment, j'aimerais surtout régler cette histoire de bordure.
Mon forum test.

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">

<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>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>
<td align="left" valign="middle" nowrap="nowrap">

<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>


<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>

</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>

|
<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>

</span>
</td>
</tr>
</table>

<center><h1 class="cattitle"> {TOPIC_TITLE}</h1></center>

<div class="bloc_message">
<span class="gensmall" align="right">{PAGINATION}</span>




<div style="clear: both;"></div>

<div class="profil">
<span class="online">{postrow.displayed.ONLINE_IMG}</span>
<span class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span>
<div class="bloc_profil"><span class="rang_img">{postrow.displayed.RANK_IMAGE}</span>
<span class="pseudo_membre">{postrow.displayed.POSTER_NAME}</span>
<span class="rang">{postrow.displayed.POSTER_RANK}</span>
<div class="profil_contenu">

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</div><br>
<span class="option_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</span>
</div></div><br>

<div class="message">
<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">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>



<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>

</div>



<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>



<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>

</div>


<div class="postbody">

<div class="message_contenu">{postrow.displayed.MESSAGE}</div>


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />


<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}



{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}

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>

</dd>
</dl>


<div class="clear"></div>
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>

</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</div>
</div>


<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>



<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

<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="margin: 0 0 1px 0; border-top: 0px;">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

</tr>


<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


<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" style="display:'';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">

» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />

</td>
</tr>
</table>



<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>

<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>

<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

</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>

<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>

<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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

</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">

<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>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>


<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>



<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>

</tr>
</table>
</form>


<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="{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>



<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>

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Code:

/* MISE EN FORME DU PROFIL ET DES MESSAGES */

.bloc_message
{
margin: auto;
width: 700px;
}
.profil
{
width: 100%;
height: 180px;
background: #978E99;
border-top: 1px solid #635963;
border-left: 1px solid #635963;
border-right: 1px solid #635963;
border-bottom: 2px dotted #635963;
margin-top: 20px;
}
.message
{
width: 100%;
margin: auto;
margin-bottom: 20px;
padding-top: 2px;
}
.online
{
display: block;
clear: both;
position: absolute;
margin-top: -6px;
margin-left: -6px;
}
.avatar_profil
{
display: block;
float: right;
margin-right: 200px;
margin-top: -20px;
}
.avatar_profil img
{
position: absolute;
box-shadow: 3px 3px 3px #000000;
-moz-box-shadow: 3px 3px 3px #000000;
-htm-box-shadow: 3px 3px 3px #000000;
-webkit-box-shadow: 3px 3px 3px #000000;
-o-box-shadow: 3px 3px 3px #000000;
}

.bloc_profil
{
margin-left: 90px;
}
.rang_img
{
position: relative;
float: left;
}
.pseudo_membre
{
display: block;
width: 80%;
font-size: 24px;
letter-spacing: 2px;
border-bottom: 2px dotted #e0d5c9;
margin-left: 50px;
}
.rang
{
display: block;
margin-left: 100px;
font-weight: bold;
font-size: 11px;
font-style: italic;
letter-spacing: 4px;
color: #e0d5c9;
}

.profil_contenu
{
background-color: #C7C7C7;
border-left:5px solid #635963;
border-right: 5px solid #635963;
clear: both;
width: 50%;
margin-top: 20px;
padding: 4px;
font-size: 11px;
text-align: justify;
}
.message_contenu
{
font-size: 11px;
text-align: justify;
padding: 10px;
}
.signature_div
{
width: 100%;
height: 200px;
margin: auto;
background: #978E99;
}

Merci beaucoup pour votre (future) aide

edit: j'ai trouvé d'où venait le problème pour la bordure à droite, reste celle du bas et le problème de proportions des blocs messages (seul le premier respecte les 700px)

re-edit: Bon. Là il m'a fait un caca nerveux et j'ai beau revenir aux codes de base, rien n'y fait. C'est très agaçant.

Salut

Pour ta bordure du bas, c'est bien celle tout en bas de la page que tu veux avoir? Si c'est bien elle, il faudrait que je vois le reste de ta feuille de style CSS. Si tu as modifier le bodyline, c'est probablement là que réside le problème.

Parce que théoriquement en ajoutant

Code:: border-bottom: Xpx solid #XXXXXX;

t'a bordure du bas devrait réapparaitre.

Pour ce qui est du 700px, je vais aller analyser ton template, je te reviens là-dessus!

En fait, la bordure du bas n'est normalement pas visible, puisqu'elle se prolonge au-delà de ce qui est visible par l'utilisateur (voir page d'accueil) ^.^

Sinon voici mon css complet ->

Code:

.newsnonews {
filter: alpha(opacity=30);
-moz-opacity: 0.5;
opacity: 0.5;
transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;}

.profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
{background-color: #978E99;
border: 1px solid #635963;
font-size: 12px;
letter-spacing: 1px;}

.profil1/*ceci s'appliquera au bouton*/
{width: 200px;
background-color: #978E99;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;}

.decorpg { width:250px;
height:150px;
font-size:10px !important;
background-color:#B5ADB6;
border-top: 1px solid #635963;
border-left: 1px solid #635963;
border-right: 1px solid #635963;
border-bottom: 1px solid #635963;}

/* MISE EN FORME DU PROFIL ET DES MESSAGES */

.bloc_message
{
margin: auto;
width: 700px;
}
.profil
{
width: 100%;
height: 180px;
background: #978E99;
border-top: 1px solid #635963;
border-left: 1px solid #635963;
border-right: 1px solid #635963;
border-bottom: 2px dotted #635963;
margin-top: 20px;
}
.message
{
width: 100%;
margin: auto;
margin-bottom: 20px;
padding-top: 2px;
}
.online
{
display: block;
clear: both;
position: absolute;
margin-top: -6px;
margin-left: -6px;
}
.avatar_profil
{
display: block;
float: right;
margin-right: 200px;
margin-top: -20px;
}
.avatar_profil img
{
position: absolute;
box-shadow: 3px 3px 3px #000000;
-moz-box-shadow: 3px 3px 3px #000000;
-htm-box-shadow: 3px 3px 3px #000000;
-webkit-box-shadow: 3px 3px 3px #000000;
-o-box-shadow: 3px 3px 3px #000000;
}

.bloc_profil
{
margin-left: 90px;
}
.rang_img
{
position: relative;
float: left;
}
.pseudo_membre
{
display: block;
width: 80%;
font-size: 24px;
letter-spacing: 2px;
border-bottom: 2px dotted #e0d5c9;
margin-left: 50px;
}
.rang
{
display: block;
margin-left: 100px;
font-weight: bold;
font-size: 11px;
font-style: italic;
letter-spacing: 4px;
color: #e0d5c9;
}

.profil_contenu
{
background-color: #C7C7C7;
border-left:5px solid #635963;
border-right: 5px solid #635963;
clear: both;
width: 50%;
margin-top: 20px;
padding: 4px;
font-size: 11px;
text-align: justify;
}
.message_contenu
{
font-size: 11px;
text-align: justify;
padding: 10px;
}
.signature_div
{
width: 100%;
min-height: 200px;
margin: auto;
background: #978E99;
}

.newsnonews:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;}

.postbody {
background-color: #978E99;
border:2px solid #635963;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

/*LIENS DERNIERS MESSAGES*/

.zelien a {
color:#689C5E;
-webkit-transition:all 500ms ease-in;
-moz-transition:all 500ms ease-in;
-o-transition:all 500ms ease-in;
transition:all 500ms ease-in;
}

.zelien a:hover {
color:#FFFFFF;
-webkit-transition:all 500ms ease-in;
-moz-transition:all 500ms ease-in;
-o-transition:all 500ms ease-in;
transition:all 500ms ease-in;
}

.newsnonews2 {
filter: alpha(opacity=30);
-moz-opacity: 0.8;
opacity: 0.8; }

/*ONGLETS MENU DE LA PAGE D'ACCUEIL*/
.onglet
{
text-shadow: 0px 1px 1px #000000;
display:inline-block;
margin-left:0px;
margin-right:0px;
padding:3px;
border:1px solid: #ffffff;
cursor:pointer;
-moz-border-radius : 5px 5px 0px 0px;
}
.onglet_0
{
background:#578458;
border-bottom:1px solid #ffffff;
}
.onglet_1
{
background:#738040;
border:1px solid #ffffff;
padding-bottom:1px;
}
.contenu_onglet
{
background-color:#578458;
border:1px solid #ffffff;
margin-top:-1px;
padding:20px;
display:none;
-moz-border-radius : 0px 5px 5px 5px;
height: 200px;
weight: 400px;
}

/*TRUCS ET AUTRES*/

a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important;}

.groupe {
text-shadow: 0px 0px 2px;
font-family:Arial;
text-transform: uppercase;
font-size: 15px;
background-image:url('http://i1006.photobucket.com/albums/af182/cheima123/Patterns/pattern7.png');
-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
border: 2px solid #635963;
margin-left: 15px;
margin-right: 15px;}

.bla
{color: #000000;}

.cattitle
{color: #000000;}

.postbody {display: block; padding-left: 2px;padding-right: 2px;}

.liens {
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in; }

.liens:hover {
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in; }

a {
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in; }

a:hover {
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in; }

/*BLOC TEXTE PAS EN RELIEF MOCHE*/

textarea, input, select {
background-color:#978E99;
border:2px solid #635963;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

.spoiler {
background-color:#C7C7C7;
border:2px solid #635963;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

.spoiler_closed.hidden,.spoiler_content.hidden { border:transparent !important;border-style:none !important;border-width:0px !important;}

.spoiler_content {
background-image:url('http://i1006.photobucket.com/albums/af182/cheima123/Patterns/pattern7.png');
}

.quote {
color:#FFFFFF;
border:2px solid #635963;
background-image:url('http://i1006.photobucket.com/albums/af182/cheima123/Patterns/pattern7.png');
background-color:#F2E1C6;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

.code {
color:#FFFFFF;
border:2px solid #635963;
background-image:url('http://i1006.photobucket.com/albums/af182/cheima123/Patterns/pattern7.png');
background-color:#F2E1C6;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

/*ALIGNEMENT*/
.alignement
{ vertical-align: -10px; }

/*CADRES PROFIL*/

.profil_contour
{ background-image:url('http://i1006.photobucket.com/albums/af182/cheima123/Patterns/pattern7.png');
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
-moz-box-shadow: 0px 0px 5px #635963;
-webkit-box-shadow: 0px 0px 5px #635963;
box-shadow: 0px 0px 5px #635963;
border:double 2px #635963;
}

.police_pseudo
{ font-family:Bodoni MT condensed;
font-weight: lighter;
margin: auto;
font-size: 30px;
text-transform: uppercase;
text-shadow: 0px 0px 2px;
background-color: #635963;}

.cadre_profilent
{
background-color: #C7C1C8;
padding-top:5px; padding-bottom:5px;
padding-left:15px; padding-right:15px;
border-left:8px solid #635963;
border-right: 8px solid #635963;
margin-left:5px; margin-right:5px;
}

.cadre_perso
{
background-color: #C7C1C8;
padding-top:5px; padding-bottom:5px;
padding-left:15px; padding-right:15px;
border-left:8px solid #635963;
border-right: 8px solid #635963;
margin-left:5px; margin-right:5px;
}

/*POUR LES GROS LOGO LE FOND DU FORUM*/

body {
background-position: top center;
background-repeat: repeat;
}

/*POUR LE LOGO BIS*/

#i_logo {
margin-right: -10px;
margin-left: -10px;
}

/*POUR LE CADRE EXTÉRIEUR DU FORUM (RE-BODY)*/

body{margin-bottom: -52px;}
body{margin-top: -10px;}

.bodyline {
background-repeat: repeat;
position: relative;
border: 7px solid;
border-top: 0px;
border-bottom: 0px;
border-color: #635963;}

.vignettes {
background-color: #FFFFFF;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-radius-topright: 10px; border-radius-topright: 10px;
-webkit-border-radius-bottomleft: 10px; border-radius: 10px;
-webkit-border-radius-bottomright: 4px; border-radius-bottomright: 4px;
-webkit-border-radius-topleft: 4px; border-radius-topleft: 4px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 5px;
padding-left: 5px;}

/*MENU DE NAVIGATION*/

a.mainmenu
{ color: #ACDEA2;
background-color: #978E99;
font-family: georgia;
font-size: 13px;
text-transform: uppercase;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 5px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-radius-topright: 10px; border-radius-topright: 10px;
-webkit-border-radius-bottomleft: 10px; border-radius: 10px;
-webkit-border-radius-bottomright: 4px; border-radius-bottomright: 4px;
-webkit-border-radius-topleft: 4px; border-radius-topleft: 4px;
padding-bottom: 13px;
border-left: 5px solid #635963;
border-right: 5px solid #635963;
padding-top:1px;padding-bottom:1px;
-webkit-transition:all 500ms ease-in;
-moz-transition:all 500ms ease-in;
-o-transition:all 500ms ease-in;
transition:all 500ms ease-in;
}

a.mainmenu:hover {
background-color: #978E99;
font-family: georgia;
font-size: 13px;
text-transform: uppercase;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 5px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-radius-topright: 10px; border-radius-topright: 10px;
-webkit-border-radius-bottomleft: 10px; border-radius: 10px;
-webkit-border-radius-bottomright: 4px; border-radius-bottomright: 4px;
-webkit-border-radius-topleft: 4px; border-radius-topleft: 4px;
padding-bottom: 13px;
text-shadow: 0px 0px 2px;
border-left: 5px solid #635963;
border-right: 5px solid #635963;
padding-top:1px;padding-bottom:1px;
-webkit-transition:all 500ms ease-in;
-moz-transition:all 500ms ease-in;
-o-transition:all 500ms ease-in;
transition:all 500ms ease-in; }

.spoiler.hidden .quote.spoiler_content, .spoiler .quote {display:none;}.spoiler .quote.spoiler_content, .spoiler.hidden .quote {display:block;}

/*LIENS DU FORUM CSS3*/

.liens {
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in; }

.liens:hover {
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in; }

a {
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in; }

a:hover {
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in; }

/*LIENS FORUMS DES CATEGORIES*/

a.forumlink{
color: #ACDEA2 !important;
display:block;
text-align:center;
letter-spacing: 1px;
font-family:Book Antiqua;
font-weight: lighter;
margin: auto;
font-size:25px;
font-style:italic;
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in;
}

a.forumlink:hover{
color : #FFFFFF !important;
display:block;
text-align:center;
letter-spacing: 1px;
font-family:Book Antiqua;
font-weight: lighter;
margin: auto;
font-size:25px;
font-style:italic;
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in;
}

/*SOULIGNEMENT ANNULE*/
a:hover {
text-decoration: none !important;
}

/* ABS SOULIGNEMENT PSEUDOS */
a { text-decoration: none; }

/*JUSTIFY MESSAGES*/
.postbody, td.row1 span.gensmall {
text-align: justify !important;
}

tr.post span.gensmall { display: none; } /*effacer barre edition*/

/*LIEN EN MAJUSCULES*/
a:hover{
text-decoration:lowercase;
}
a.forumlink {
font-weight: normal;
font-variant: lowercase;
}
A:focus { font-variant: lowercase;}
a:link { text-decoration: none ; font-variant: lowercase;}
a:hover { text-decoration: none; font-variant: lowercase; }

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

/*CADRES ARRONDIS*/

.forumline{
background-color: #635963;
-moz-border-radius: 5px ; -webkit-border-radius: 5px; border-radius: 5px;
border: 5px double #635963;
-moz-box-shadow: 0px 0px 5px #635963;
-webkit-box-shadow: 0px 0px 5px #635963;
box-shadow: 0px 0px 5px #635963;
}

/*SURLIGNEMENT*/
*::-moz-selection {background:#D9D8CE none repeat scroll 0 0;} ;
*::-webkit-selection {background:#D9D8CE none repeat scroll 0 0;} ;
*::selection {background:#D9D8CE none repeat scroll 0 0;}

/*QEEL*/
.tableau_qeel {
background-image: ('http://nsa27.casimages.com/img/2011/10/30/111030102254151420.png'); }

.menupa {
background-color: #578458;
padding-top: 1px;
padding-bottom: 1px;
font-size: 10px;
font-family: arial;
text-transform: uppercase;
}

.ongletpa {
padding-right: 10px;
padding-left: 10px;
}

.ongletpa:hover {
background-color: #578458;
}

.table1pa {
border: 2px solid #ffffff;
height: 200px;
valign: top;
}

.table2pa {
border: 2px solid #ffffff;
height: 150px;
}

.cadrescenapa {
border: 1px solid #ffffff;
padding: 1px;
margin: 1px;
-moz-box-shadow: 0px 0px 3px; }

/*INFOBULLES*/
* {

}
.info {
position: relative;
color: #000000;
text-decoration: none;
}

.info span {
display: none; /* on masque l'infobulle */
font-size: 10px;

}
.info:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;

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é */

top: 10px; /* on positionne notre infobulle */
left: 10px;

background-image:url();
background-color: #AB8D69;
border: 1px solid #ffffff;
-webkit-border-radius: 4px;
border-radius: 4px;

color: #000000;
padding: 10px;
text-align: center;
font-style: normal;
-moz-border-radius: 4px;
text-shadow: #FFFFFF 0px 0px 0px;
-moz-box-shadow: 0px 0px 3px;
}
/*fin*/

/*DESCRIPTION*/

.desc {
background-color: #C7C7C7;
padding-top:5px; padding-bottom:5px;
padding-left:15px; padding-right:15px;
border-left:8px solid #635963;
border-right: 8px solid #635963;
margin-left:5px; margin-right:5px;
!important text-decoration:no;
height:65px; overflow:auto;}

/*BORDURE DES CATEGORIES*/
.bordure { border: solid 1px #ffffff; }

/*SOUS-FORUMS*/
.sousforums {
text-align:justify; padding-left:5px; padding-right:5px; border: 1px dashed #ffffff;}

.sousforums a { color: #ACDEA2 !important; }
.sousforums a:hover { color: #FFFFFF !important; }

/*ARRONDI DERNIER SUJET POSTE*/

.arrondi {
display:block;
text-align:center;
width : 140px;
font-size: 10px;
background-color: #C7C7C7;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-radius-topleft: 0px;
border-radius-topright: 6px;
border-radius-bottomright: 6px;
border-radius-bottomleft: 6px;
border-left:5px solid #635963;
border-right: 5px solid #635963;}

span.postbody{
margin:0px;
padding:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-khtml-border-radius:0px;
border-radius :0px;
border:none;
box-shadow: 0 0 0 0 #fff;
}

Merci ^.^

Excuse moi j'ai un peu de mal à comprendre Embarassed

C'est qu'elle bordure du bas que tu veux avoir?

Donc là si j'ai bien compris, tu veux intégrer ta fiche de personnage dans la partie du profil (en haut des messages) ou faire un lien (je vais voir ce qu'il y a de possible), et arranger la mise en page (le problème est à même le tuto, je travaille ça là).

EDIT: Tient, voilà ton viewtopic_body, ça devrait fonctionner!

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">

<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>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>
<td align="left" valign="middle" nowrap="nowrap">

<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>


<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>

</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>

|
<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>

</span>
</td>
</tr>
</table>

<center><h1 class="cattitle"> {TOPIC_TITLE}</h1></center>

<div class="bloc_message">
<span class="gensmall" align="right">{PAGINATION}</span>




<div style="clear: both;"></div>

<div class="profil">
<span class="online">{postrow.displayed.ONLINE_IMG}</span>
<span class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span>
<div class="bloc_profil"><span class="rang_img">{postrow.displayed.RANK_IMAGE}</span>
<span class="pseudo_membre">{postrow.displayed.POSTER_NAME}</span>
<span class="rang">{postrow.displayed.POSTER_RANK}</span>
<div class="profil_contenu">

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</div><br>
<span class="option_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</span>
</div></div><br>

<div class="message">
<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">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>



<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>

</div>



<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>



<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>

</div>


<div class="postbody">

<div class="message_contenu">{postrow.displayed.MESSAGE}</div>


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />


<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}



{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}

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>

</dd>
</dl>


<div class="clear"></div>
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>

</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</div>


<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>



<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

<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>
</div>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

</tr>


<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


<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" style="display:'';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">

» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />

</td>
</tr>
</table>



<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>

<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>

<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

</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>

<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>

<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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

</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">

<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>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>
</td>


<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>



<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>

</tr>
</table>
</form>


<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="{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>



<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>

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Pour ce qui est de la fiche de personnage, j'ai trouvé une alternative plaisante ^.^
En tout cas milles fois merci, la largeur est nickel

Pour ce qui est du bas de page, voici un screen pour t'aider à comprendre mon problème, désolée si je n'ai pas été assez explicite i__i

Ce que j'ai actuellement ->
Spoiler:

Ce que je devrais avoir ->
Spoiler:

Là, tu touches au page_footer. En effet, les liens vers le panneau d'administration s'y trouve. Si tu veux un fond tout du long, tu dois toucher au overall_header et/ou overall_footer.

(Je dis ça en passant, je n'ai pas lu tout le reste du sujet, c'est juste l'image qui m'a fait réagir ^^")

Oui mais.. c'est déjà le cas sur la page d'accueil XD
Regarde ici, je n'ai fait que screener mon bas de page pour montrer ce qui devrait être :/

Ah ouais ok, alors du coup j'ai rien dit, désolée ^^"

Je me penche sur ton code, et je reviens vers toi si je trouve quelque chose (et que Fire-Fly n'a rien trouvé).

Pas grave, je comprends la confusion xD
Merci beaucoup je continue de chercher aussi de mon côté ^.^"

Bon, apparemment, c'est ton bodylinewidth qui s'arrête pour une quelconque raison avant le footer de bas de page, ce qui est assez.... déconcertant.

En effet, sur la page d'accueil, ainsi que toutes les autres pages à vrai dire, le div qui est ton "page_footer" (donc tous les liens de bas de page) est inclus dans le bodylinewidth. Mais pas dans tes sujets!

Je regarde encore un peu sur mon forum test comment résoudre le problème, mais au moins, maintenant, on sait où chercher! ^^

Edit: Le problème semble également venir du div bloc_message. Je sais pas encore de où, mais à chaque fois que je l'intègre, ou que je le modifie très très légèrement, FA se plaint comme quoi les balises sont mal fermées, alors que ce n'est pas le cas (je fais bien confiance en mon Notepad++).
Bref, je cherche encore dans cette div, mais pour l'instant, je ne vois pas ce qui pourrait bien fermer ce bodylinewidth (qui est un table. Donc il faudrait chercher un

Code:

</tbody>

ou

Code:

</table>

en trop...)!

Edit 2: Je pense que l'erreur du code vient de cette portion de code:

Code:


<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>



<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

<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>

En effet, j'ai tenté d'enlever dans bloc_message les différentes "sous-parties" et aucune ne faisait bouger le problème d'un poile. Mais soudain, quand j'enlève cette partie du code, FA gueule comme quoi une balise n'a pas été fermée, et c'est pas vrai du tout. L'erreur doit donc être là-dedans. Ou alors je me goure complètement, et c'est après, c'est possible aussi, mais là j'ai plus le temps de chercher, parce que je vais me coucher, et je ne regarderais pas ça avant mercredi soir. Donc, voilou ><

*re-rentre très subtilement*

J'ai exactement le même problème que toi Nyo, ya quelque chose dans ce code qui cloche vraiment. J'ai rien trouvé de mon côté non plus (désolée du retard en passant), d'après moi à moins qu'un personne bénite ne trouve le problème, je vais devoir reconstruire une bonne partie du code pour régler le problème.

J'avais pensé au même truc et firebug disait que le bodyline s'arrêtait avant le footer sur la page qui bug en question, mais c'est impossible car on n'y a pas touché, et aussitôt qu'on réinitialise le code ça fonctionne.

Bref, désolée du délais, je me repenche là-dessus!

Merci à vous deux !
Si le problème vient de la construction du code en lui-même, le mieux serait de demander à son créateur, mais je n'ai pas encore eu de réponse à ce sujet... ><
J'essaierai de voir ce soir, quand je serais rentrée de cours o/

J'espère qu'ils vont pouvoir mieux t'aider que nous ^^"

Le cas échéant, je regarderais encore mercredi et testerais sans relâche! xDD

Ce que je ne comprends pas, c'est que quand j'enlève une partie du code qui est ''indépendante'' mais dans la balise du bloc_message, FA me lance des erreurs comme si je n'enlevais qu'une seule partie de ce segment de code. arrgh. J'ai pas beaucoup de temps pour coder aujourd'hui alors je recommence ce soir!

Je n'ai toujours pas de réponse, j'ai tenté aussi quelques manips mais rien n'y fait Oo

Bonsoir !

N'étant pas membre du forum d'où vient le tuto, j'ai une compréhension limitée du problème vu que je ne sais absolument rien du tuto, mais les screens et une description du problème me font penser à un truc.

Spoiler:

Ca m'évoque un problème d'éléments HTML flottants et donc retirés du flux HTML et donc "inexistants" dans le conteneur parent, ce qui empêche ledit conteneur de prendre la taille adéquate. Ca vous parle ? Ca voudrait dire que vous avez des éléments en float à l'intérieur de votre conteneur. Pour résoudre le problème, rajouter juste avant la fermeture du conteneur une div vide avec le style CSS "clear:both" qui lui soit appliquée.

Je dis ça un peu à tout hasard, ça n'a pas l'air de rejoindre votre souci de modification de code par contre... Vous n'auriez pas un lien sinon ? Ou alors vous pourriez confirmer que vos dernières avancées sont bien les derniers codes postés ?

Kiwi

Hop'

Peux-t-on avoir ton template overall_footer_end ainsi que ton CSS s'il te plaît ?

Merci beaucoup Kiwi pour ta suggestion, je me pencherai là-dessus dans l'après-midi !

Sinon Anoobnyme, mon overall_footer_end n'est pas modifié (c'est donc celui de base), mon css le voici ->

Code:

.newsnonews {
filter: alpha(opacity=30);
-moz-opacity: 0.5;
opacity: 0.5;
transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;}

.cattitle
{ font-size: 15px;
letter-spacing: 2px;
color:#FFFFFF;}

.cattitle a
{ color:#FFFFFF;
font-align:center;
font-style:uppercase;
border-bottom: 2px dotted #978E99;
padding-bottom: 2;
text-decoration:overline;}

.spoiler_closed { border : none ;}

.profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
{background-color: #978E99;
border: 1px solid #635963;
font-size: 12px;
letter-spacing: 1px;}

.profil1/*ceci s'appliquera au bouton*/
{width: 200px;
background-color: #978E99;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;}

.decorpg { width:250px;
height:150px;
font-size:10px !important;
background-color:#B5ADB6;
border-top: 1px solid #635963;
border-left: 1px solid #635963;
border-right: 1px solid #635963;
border-bottom: 1px solid #635963;}

/* MISE EN FORME DU PROFIL ET DES MESSAGES */

.bloc_message
{
margin: auto;
width: 700px;
}
.profil
{
width: 100%;
height: 180px;
background: #978E99;
border-top: 1px solid #635963;
border-left: 1px solid #635963;
border-right: 1px solid #635963;
border-bottom: 2px dotted #635963;
margin-top: 20px;
background-image: url('http://nsa21.casimages.com/img/2012/04/03/12040305274056996.png');
background-repeat: no-repeat;
}
.message
{
width: 100%;
margin: auto;
margin-bottom: 20px;
padding-top: 2px;
}
.online
{
display: block;
clear: both;
position: absolute;
margin-top: -6px;
margin-left: -6px;
}
.avatar_profil
{
display: block;
float: right;
margin-right: 200px;
margin-top: -20px;
}
.avatar_profil img
{
position: absolute;
box-shadow: 3px 3px 3px #000000;
-moz-box-shadow: 3px 3px 3px #000000;
-htm-box-shadow: 3px 3px 3px #000000;
-webkit-box-shadow: 3px 3px 3px #000000;
-o-box-shadow: 3px 3px 3px #000000;
}

.bloc_profil
{
margin-left: 90px;
}
.rang_img
{
position: relative;
float: left;
}
.pseudo_membre
{
display: block;
width: 80%;
font-size: 24px;
letter-spacing: 2px;
border-bottom: 2px dotted #e0d5c9;
margin-left: 50px;
text-shadow: 0px 0px 2px;
}
.rang
{
display: block;
margin-left: 100px;
font-weight: bold;
font-size: 11px;
font-style: italic;
letter-spacing: 4px;
color: #e0d5c9;
}

.profil_contenu
{
background-color: #C7C7C7;
border-left:5px solid #635963;
border-right: 5px solid #635963;
clear: both;
width: 50%;
margin-top: 20px;
padding: 4px;
font-size: 11px;
text-align: justify;
}
.message_contenu
{
font-size: 11px;
text-align: justify;
padding: 10px;
}
.signature_div
{
width: 100%;
min-height: 200px;
margin: auto;
background: #978E99;
}

.newsnonews:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;}

.postbody {
background-color: #978E99;
border:2px solid #635963;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

/*LIENS DERNIERS MESSAGES*/

.zelien a {
color:#689C5E;
-webkit-transition:all 500ms ease-in;
-moz-transition:all 500ms ease-in;
-o-transition:all 500ms ease-in;
transition:all 500ms ease-in;
}

.zelien a:hover {
color:#FFFFFF;
-webkit-transition:all 500ms ease-in;
-moz-transition:all 500ms ease-in;
-o-transition:all 500ms ease-in;
transition:all 500ms ease-in;
}

.newsnonews2 {
filter: alpha(opacity=30);
-moz-opacity: 0.8;
opacity: 0.8; }

/*ONGLETS MENU DE LA PAGE D'ACCUEIL*/
.onglet
{
text-shadow: 0px 1px 1px #000000;
display:inline-block;
margin-left:0px;
margin-right:0px;
padding:3px;
border:1px solid: #ffffff;
cursor:pointer;
-moz-border-radius : 5px 5px 0px 0px;
}
.onglet_0
{
background:#578458;
border-bottom:1px solid #ffffff;
}
.onglet_1
{
background:#738040;
border:1px solid #ffffff;
padding-bottom:1px;
}
.contenu_onglet
{
background-color:#578458;
border:1px solid #ffffff;
margin-top:-1px;
padding:20px;
display:none;
-moz-border-radius : 0px 5px 5px 5px;
height: 200px;
weight: 400px;
}

/*TRUCS ET AUTRES*/

a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important;}

.groupe {
text-shadow: 0px 0px 2px;
font-family:Arial;
text-transform: uppercase;
font-size: 15px;
background-image:url('http://i1006.photobucket.com/albums/af182/cheima123/Patterns/pattern7.png');
-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
border: 2px solid #635963;
margin-left: 15px;
margin-right: 15px;}

.bla
{color: #000000;}

.cattitle
{color: #000000;}

.postbody {display: block; padding-left: 2px;padding-right: 2px;}

.liens {
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in; }

.liens:hover {
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in; }

a {
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in; }

a:hover {
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in; }

/*BLOC TEXTE PAS EN RELIEF MOCHE*/

textarea, input, select {
background-color:#978E99;
border:2px solid #635963;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

.spoiler {
background-color:#C7C7C7;
border:2px solid #635963;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

.spoiler_closed.hidden,.spoiler_content.hidden { border:transparent !important;border-style:none !important;border-width:0px !important;}

.spoiler_content {
background-image:url('http://i1006.photobucket.com/albums/af182/cheima123/Patterns/pattern7.png');
}

.quote {
color:#FFFFFF;
border:2px solid #635963;
background-image:url('http://i1006.photobucket.com/albums/af182/cheima123/Patterns/pattern7.png');
background-color:#F2E1C6;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

.code {
color:#FFFFFF;
border:2px solid #635963;
background-image:url('http://i1006.photobucket.com/albums/af182/cheima123/Patterns/pattern7.png');
background-color:#F2E1C6;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

/*ALIGNEMENT*/
.alignement
{ vertical-align: -10px; }

/*CADRES PROFIL*/

.profil_contour
{ background-image:url('http://i1006.photobucket.com/albums/af182/cheima123/Patterns/pattern7.png');
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
-moz-box-shadow: 0px 0px 5px #635963;
-webkit-box-shadow: 0px 0px 5px #635963;
box-shadow: 0px 0px 5px #635963;
border:double 2px #635963;
}

.police_pseudo
{ font-family:Bodoni MT condensed;
font-weight: lighter;
margin: auto;
font-size: 30px;
text-transform: uppercase;
text-shadow: 0px 0px 2px;
background-color: #635963;}

.cadre_profilent
{
background-color: #C7C1C8;
padding-top:5px; padding-bottom:5px;
padding-left:15px; padding-right:15px;
border-left:8px solid #635963;
border-right: 8px solid #635963;
margin-left:5px; margin-right:5px;
}

.cadre_perso
{
background-color: #C7C1C8;
padding-top:5px; padding-bottom:5px;
padding-left:15px; padding-right:15px;
border-left:8px solid #635963;
border-right: 8px solid #635963;
margin-left:5px; margin-right:5px;
}

/*POUR LES GROS LOGO LE FOND DU FORUM*/

body {
background-position: top center;
background-repeat: repeat;
}

/*POUR LE LOGO BIS*/

#i_logo {
margin-right: -10px;
margin-left: -10px;
}

/*POUR LE CADRE EXTÉRIEUR DU FORUM (RE-BODY)*/

body{margin-bottom: -52px;}
body{margin-top: -10px;}

.bodyline {
background-repeat: repeat;
position: relative;
border: 7px solid;
border-top: 0px;
border-bottom: 0px;
border-color: #635963;}

.vignettes {
background-color: #FFFFFF;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-radius-topright: 10px; border-radius-topright: 10px;
-webkit-border-radius-bottomleft: 10px; border-radius: 10px;
-webkit-border-radius-bottomright: 4px; border-radius-bottomright: 4px;
-webkit-border-radius-topleft: 4px; border-radius-topleft: 4px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 5px;
padding-left: 5px;}

/*MENU DE NAVIGATION*/

a.mainmenu
{ color: #ACDEA2;
background-color: #978E99;
font-family: georgia;
font-size: 13px;
text-transform: uppercase;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 5px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-radius-topright: 10px; border-radius-topright: 10px;
-webkit-border-radius-bottomleft: 10px; border-radius: 10px;
-webkit-border-radius-bottomright: 4px; border-radius-bottomright: 4px;
-webkit-border-radius-topleft: 4px; border-radius-topleft: 4px;
padding-bottom: 13px;
border-left: 5px solid #635963;
border-right: 5px solid #635963;
padding-top:1px;padding-bottom:1px;
-webkit-transition:all 500ms ease-in;
-moz-transition:all 500ms ease-in;
-o-transition:all 500ms ease-in;
transition:all 500ms ease-in;
}

a.mainmenu:hover {
background-color: #978E99;
font-family: georgia;
font-size: 13px;
text-transform: uppercase;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 5px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-radius-topright: 10px; border-radius-topright: 10px;
-webkit-border-radius-bottomleft: 10px; border-radius: 10px;
-webkit-border-radius-bottomright: 4px; border-radius-bottomright: 4px;
-webkit-border-radius-topleft: 4px; border-radius-topleft: 4px;
padding-bottom: 13px;
text-shadow: 0px 0px 2px;
border-left: 5px solid #635963;
border-right: 5px solid #635963;
padding-top:1px;padding-bottom:1px;
-webkit-transition:all 500ms ease-in;
-moz-transition:all 500ms ease-in;
-o-transition:all 500ms ease-in;
transition:all 500ms ease-in; }

.spoiler.hidden .quote.spoiler_content, .spoiler .quote {display:none;}.spoiler .quote.spoiler_content, .spoiler.hidden .quote {display:block;}

/*LIENS DU FORUM CSS3*/

.liens {
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in; }

.liens:hover {
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in; }

a {
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in; }

a:hover {
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in; }

/*LIENS FORUMS DES CATEGORIES*/

a.forumlink{
color: #ACDEA2 !important;
display:block;
text-align:center;
letter-spacing: 1px;
font-family:Book Antiqua;
font-weight: lighter;
margin: auto;
font-size:25px;
font-style:italic;
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in;
}

a.forumlink:hover{
color : #FFFFFF !important;
display:block;
text-align:center;
letter-spacing: 1px;
font-family:Book Antiqua;
font-weight: lighter;
margin: auto;
font-size:25px;
font-style:italic;
-webkit-transition:color 400ms ease-in;
-moz-transition:color 400ms ease-in;
-o-transition:color 400ms ease-in;
transition:color 400ms ease-in;
}

/*SOULIGNEMENT ANNULE*/
a:hover {
text-decoration: none !important;
}

/* ABS SOULIGNEMENT PSEUDOS */
a { text-decoration: none; }

/*JUSTIFY MESSAGES*/
.postbody, td.row1 span.gensmall {
text-align: justify !important;
}

tr.post span.gensmall { display: none; } /*effacer barre edition*/

/*LIEN EN MAJUSCULES*/
a:hover{
text-decoration:lowercase;
}
a.forumlink {
font-weight: normal;
font-variant: lowercase;
}
A:focus { font-variant: lowercase;}
a:link { text-decoration: none ; font-variant: lowercase;}
a:hover { text-decoration: none; font-variant: lowercase; }

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

/*CADRES ARRONDIS*/

.forumline{
background-color: #635963;
-moz-border-radius: 5px ; -webkit-border-radius: 5px; border-radius: 5px;
border: 5px double #635963;
-moz-box-shadow: 0px 0px 5px #635963;
-webkit-box-shadow: 0px 0px 5px #635963;
box-shadow: 0px 0px 5px #635963;
}

/*SURLIGNEMENT*/
*::-moz-selection {background:#D9D8CE none repeat scroll 0 0;} ;
p.webkit::-webkit-selection {background:#D9D8CE none repeat scroll 0 0;} ;
*::selection {background:#D9D8CE none repeat scroll 0 0;}

/*QEEL*/
.tableau_qeel {
background-image: ('http://nsa27.casimages.com/img/2011/10/30/111030102254151420.png'); }

.menupa {
background-color: #578458;
padding-top: 1px;
padding-bottom: 1px;
font-size: 10px;
font-family: arial;
text-transform: uppercase;
}

.ongletpa {
padding-right: 10px;
padding-left: 10px;
}

.ongletpa:hover {
background-color: #578458;
}

.table1pa {
border: 2px solid #ffffff;
height: 200px;
valign: top;
}

.table2pa {
border: 2px solid #ffffff;
height: 150px;
}

.cadrescenapa {
border: 1px solid #ffffff;
padding: 1px;
margin: 1px;
-moz-box-shadow: 0px 0px 3px; }

/*INFOBULLES*/
* {

}
.info {
position: relative;
color: #000000;
text-decoration: none;
}

.info span {
display: none; /* on masque l'infobulle */
font-size: 10px;

}
.info:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;

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é */

top: 10px; /* on positionne notre infobulle */
left: 10px;

background-image:url();
background-color: #AB8D69;
border: 1px solid #ffffff;
-webkit-border-radius: 4px;
border-radius: 4px;

color: #000000;
padding: 10px;
text-align: center;
font-style: normal;
-moz-border-radius: 4px;
text-shadow: #FFFFFF 0px 0px 0px;
-moz-box-shadow: 0px 0px 3px;
}
/*fin*/

/*DESCRIPTION*/

.desc {
background-color: #C7C7C7;
padding-top:5px; padding-bottom:5px;
padding-left:15px; padding-right:15px;
border-left:8px solid #635963;
border-right: 8px solid #635963;
margin-left:5px; margin-right:5px;
!important text-decoration:no;
height:65px; overflow:auto;}

/*BORDURE DES CATEGORIES*/
.bordure { border: solid 1px #ffffff; }

/*SOUS-FORUMS*/
.sousforums {
text-align:justify; padding-left:5px; padding-right:5px; border: 1px dashed #ffffff;}

.sousforums a { color: #ACDEA2 !important; }
.sousforums a:hover { color: #FFFFFF !important; }

/*ARRONDI DERNIER SUJET POSTE*/

.arrondi {
display:block;
text-align:center;
width : 140px;
font-size: 10px;
background-color: #C7C7C7;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-radius-topleft: 0px;
border-radius-topright: 6px;
border-radius-bottomright: 6px;
border-radius-bottomleft: 6px;
border-left:5px solid #635963;
border-right: 5px solid #635963;}

span.postbody{
margin:0px;
padding:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-khtml-border-radius:0px;
border-radius :0px;
border:none;
box-shadow: 0 0 0 0 #fff;
}

Je repasse plus tard, là j'ai cours o/

Salut, puis-je avoir ton overall_footer stp ?

Car en dessous du lien "Rejoindre la Chatbox" , tu as plusieurs :

Code:: <br>
<br>
<br>
<br>
<br>
<br>

Retires-les et le forum devrait toucher le bas normalement (testé et approuvé :p )

Aucun de mes overall_footer n'est modifié, c'est bien ça le problème :s
Il y avait bel et bien des

Code:

<br>

sous mon qeel mais, même enlevés, ça ne change rien...

De mon côté, j'ai essayé de rajouté un clear:both mais rien n'y fait. Et je suis persuadée à 100% que le problème vient de viewtopic_body, de cette partie du code plus précisément:

Code:: <div class="bloc_message">
<span class="gensmall" align="right">{PAGINATION}</span>




<div style="clear: both;"></div>

<div class="profil">
<span class="online">{postrow.displayed.ONLINE_IMG}</span>
<span class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</span>
<div class="bloc_profil"><span class="rang_img">{postrow.displayed.RANK_IMAGE}</span>
<span class="pseudo_membre">{postrow.displayed.POSTER_NAME}</span>
<span class="rang">{postrow.displayed.POSTER_RANK}</span>
<div class="profil_contenu">

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</div><br>
<span class="option_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</span>
</div></div><br>

<div class="message">
<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">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>



<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>

</div>



<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>



<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>

</div>


<div class="postbody">

<div class="message_contenu">{postrow.displayed.MESSAGE}</div>


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />


<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}



{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}

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>

</dd>
</dl>


<div class="clear"></div>
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>

</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</div>


<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>



<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

<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>
<div style="clear: both;"></div>
</div>

J'arrive juste pas à mettre le doigt dessus Personnalisation du profil, problème 825433

C'est bizarre, car quand je le fais avec firebug tout est nikel...

Tu dis que tu n'as modifier aucun overall_footer, mais si tu as un qeel perso, tu l'as obligatoirement modifié Wink

Tu as raison Hiro, j'ai été voir dans firebug aussi et tout est supposé fonctionner, mais concrètement ça ne me donne pas ce que c'est supposé donner Personnalisation du profil, problème 186756

Personnalisation du profil, problème 186756

Sur mon forum test, tout mes templates sont les initiaux sauf viewtopic_body, que c'est le template de Shepp.

Personnalisation du profil, problème Test10

Personnalisation du profil, problème Test10

Personnalisation du profil, problème Test111

La dernière capture d'écran c'est si je retire littéralement la partie du template que j'ai donné plus haut.

J'y comprends rien. Sad

Bonjour,

Ne vous inquiétez pas, je ne suis pas là pour résoudre le problème que vous travaillez dessus depuis deux pages en quelques secondes (ça serait pas correct Razz

... et je ne sais pas comment faire).

Je me permet de faire une petite citation des petits caractère de l'annonce de cette section:

Orange a écrit:: Nota: Comprenez que certains problèmes particulièrement complexes ([...] des codes obtenus sur d'autres forums) peuvent ne pas trouver de réponse rapidement, voire par de réponse du tout...

Il semblerait que le tutoriel que tu as suivi contienne des erreurs fondamentales de codage... Par conséquent, pourrais-tu nous fournir le lien vers ce tutoriel, pour que nous puissions suivre la marche à suivre et déterminer l'origine exacte du problème ?

Elle l'a donné dans son premier post Orange, mais Never Utopia, comme ici, rend inaccessible ses parties de forums si on est pas inscrits. Donc à moins qu'on s'inscrive tous, on ne peut pas voir ce tutoriel è_é

Personnalisation du profil, problème

Personnalisation du profil, problème

Sujets similaires

Sujets similaires

Partenaires Or