Décalage d'un post à l'autre !
3 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 d'un post à l'autre !
Bonjour à tous, je viens ici car sur mon forum en construction, quand je répond à un post, ce dernier se trouve décalé. C'est très gênant, cela me change tout.
Voici une capture d'écran plus explicite :
Aussi, je retire de cause le CSS pour avoir fait un test en son absence totale.
Ainsi que mes trois templates modifiés : Index box, Index body et Viewtopic body pour avoir fait la même chose.
Chapeau à celui ou celle qui aura une explication.
Merci.
Voici une capture d'écran plus explicite :
- Spoiler:
Aussi, je retire de cause le CSS pour avoir fait un test en son absence totale.
Ainsi que mes trois templates modifiés : Index box, Index body et Viewtopic body pour avoir fait la même chose.
Chapeau à celui ou celle qui aura une explication.
Merci.
Dernière édition par Dr. House le Mer 13 Mar 2013 - 0:09, édité 1 fois
Re: Décalage d'un post à l'autre !
Bonsoir
A toute fin utile, essayez de vider le cache de votre navigateur chrome :
Vider le cache Internet
Cordialement
A toute fin utile, essayez de vider le cache de votre navigateur chrome :
Vider le cache Internet
Cordialement
Re: Décalage d'un post à l'autre !
Je suis désolé, cela ne fonctionne pas, j'ai suivi les étapes à la lettre pourtant. :/
Re: Décalage d'un post à l'autre !
Avez-vous le même problème sous d'autres navigateurs ?
Quels seraient les nouveaux scripts installés sur le forum ?
Cordialement
Quels seraient les nouveaux scripts installés sur le forum ?
Cordialement
Re: Décalage d'un post à l'autre !
Le problème reste identique sur Safari, Chrome et internet Explorer.
Je n'ai pas compris la deuxième question, désolé.
Je n'ai pas compris la deuxième question, désolé.
Re: Décalage d'un post à l'autre !
Je reprends donc ma deuxième question : auriez-vous installé sur votre forum en construction des scripts d'embellissement, compteur de visites, horloge... et de manière plus générale tout ce que vous auriez pu ajouter au forum de base, y compris le CSS ?
Cordialement
Cordialement
Re: Décalage d'un post à l'autre !
Pas d'effets matériels mais de textes oui. Mon CSS ne possède rien de propre à lui, il complète mes templates.
P.S. : Merci de répondre si vite.
P.S. : Merci de répondre si vite.
Re: Décalage d'un post à l'autre !
Merci bien. Si vous n'y voyez pas d'inconvénient, je souhaite faire un test de votre template viewtopic_body accompagné du code complet de votre feuille de style CSS.
Cordialement
Cordialement
Re: Décalage d'un post à l'autre !
Très bien :
Viewtopic body:
CSS :
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">
<table class="tableau_profil" cellpadding="0" cellspacing="0">
<tr>
<td class="haut_tab"> </td>
</tr>
<tr>
<td class="milieu_tab">
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><span class="pseudo_posteur">{postrow.displayed.POSTER_NAME}</span></span>
<br />
<span class="postdetails poster-profile"><br />
<span class="rang_posteur">{postrow.displayed.POSTER_RANK}</span>
<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br />
<div class="infos_posteur"><!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</div>
</span>
</td>
</tr>
<tr>
<td class="bas_tab"> </td>
</tr>
</table>
<br />
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</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>{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="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>
<!-- 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" 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">
<!-- 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>
CSS :
- Code:
/*MODIFICATION FORUM*/
#i_whosonline{
margin-bottom:-5px;
}
td.row1, td.row3.over:hover {
background-color: #FAF8F8;
}
a.forumlink{
font-family: Times New Roman; /* police */
font-size:18px;
font-weight: bold;
font-style: italic;
letter-spacing: -1px;
text-transform: lowercase;
}
.selectCode {
float:right;
text-transform: uppercase;
cursor:pointer;
}
.forumline {
border: 1px solid #FAF8F8;
}
th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
border: #FAF8F8;
font-weight: 700;
border-style: solid;
}
-RETRAIT : ce CSS pose de nombreux problèmes - {
display: none;
}
body {
margin: 0 auto;
}
#i_logo{
margin-top: -5px;
}
.bodyline {
border: 3px #624154 solid;
border-top: none !important;
border-bottom: none !important;
}
th{
font-size: 11px;
font-weight: 700;
height: 25px;
padding: 3px 3px;
}
a.cattitle {
color: #FAF8F8;
text-decoration: none;
}
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background-color: #FAF8F8;
background-image: url(http://2img.net/i/fa/empty.gif);
border: #FAF8F8;
border-style: solid #FAF8F8;
height: 28px;
}
.maintitle{
margin-top:-30px;
}
a
{
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
.mainmenu {
font-family: Times New Roman; /* police */
font-size:18px;
font-weight: bold;
font-style: italic;
letter-spacing: -1px;
text-transform: lowercase;
}
.mainmenu:hover{
font-weight:bold;
color: #FAF8F8;
}
/*SELECTEUR DE COULEUR*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #FAF8F8;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #FAF8F8;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #FAF8F8;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #FAF8F8;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/* avatar sans le hover */
.poster-profile a img {
border: 3px solid #624154;
border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* on ne modifie que ce qui doit changer par le hover */
.poster-profile a img:hover {
-o-transition: 0.4s ease;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-htm-transition: 0.6s ease;
-ms-transition: 0.6s ease;
transition: 0.6s ease;
-o-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.name {
font-size: 20px;
}
body
{cursor: crosshair}
a:hover{ cursor: crosshair; }
a.forumlink {
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;}
a.forumlink:hover {
padding-left:20px;}
body.chatbox {
background-color: #FAF8F8;
}
.foragency {
width: 70%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
border-left: 4px solid #624154;
border-right: 4px solid #624154;
padding: 10px 0px 10px 0px;
}
.statistiques{
border:0px;
background-image: url("URL DE VOTRE IMAGE DE FOND");
background-repeat: no-repeat;
background-position: center;
height:300(HAUTEUR DE VOTRE IMAGE)px;}
.groupes{
background-color:#COULEUR DE FOND DU TEXTE DES GROUPES;border: 1px #COULEUR DU POINTILLÉ dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
a:hover{text-transform:uppercase;}
#fondavatar{
background-color: #FAF8F8;
padding: 10px;
border-radius: 0px;
}
#fondprofil{
background-color: #FAF8F8;
padding:10px;
border-radius: 0px;
}
.name {text-align:center;}
@import url(http://fonts.googleapis.com/css?family=Petit+Formal+Script);
/*NAVIGATION*/
.navig {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 999;
width: 100%;
font-variant: small-caps;
background-color: #FAF8F8;
border-bottom: 2px solid #624154;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
height: 20px;
}
a {
outline: none;
}
/*FIN NAVIGATION*/
/* ESPACE ENTRE LE HEADER ET LA NAVIGATION */
.maintitle
{
margin-top:-45px;
}
/* FIN ESPACE ENTRE LE HEADER ET LA NAVIGATION */
/*profil*/
table.tableau_profil{
width:250px;
margin:auto;
border:5;
}
table.tableau_profil td.haut_tab{
width:250px;
height:100px;
background-image:url('http://i75.servimg.com/u/f75/18/09/24/09/hautpr12.jpg');
background-repeat:no-repeat;
}
table.tableau_profil td.milieu_tab{
width:250px;
background-image:url('http://i75.servimg.com/u/f75/18/09/24/09/centre10.jpg');
background-repeat:repeat-y;
padding-left:14px;
padding-right:14px;
text-align:center;
}
table.tableau_profil td.bas_tab{
width:250px;
height:100px;
background-image:url('http://i75.servimg.com/u/f75/18/09/24/09/baspro11.jpg');
background-repeat:no-repeat;
}
table.tableau_profil td.milieu_tab span.pseudo_posteur{
font-family: 'Arial', cursive;
font-size:16pt;
}
table.tableau_profil td.milieu_tab span.rang_posteur{
font-family: 'Arial', cursive;
font-size:11pt;
color:white;
font-style:italic;
}
table.tableau_profil td.milieu_tab div.infos_posteur{
width:160px;
margin:auto;
padding:4px;
text-align:left;
font-family: 'Arial', cursive;
font-size:10pt;
color:#624154;
background-color:#FAF8F8;
border:2px solid #624154;
opacity:0,5; /* Transparence : 0 = transparent // 0 = opaque */
border-radius: 0px 0px 20px 20px;
-moz-opacity : 0.5; /* Transparence pour Firefox */
-ms-filter: "alpha(opacity=0)"; /* Transparence pour IE 8 */
filter : alpha(opacity=0); /* Transparence pour les versions IE antérieure à la 8 */
}
/* DEBUT BORDURES ET TITRES */
.bodyline
{border-left: 2px solid #624154;
border-right: 2px solid #624154;
border-top: none;
border-bottom: none;}
a.forumlink{
-moz-border-radius: 0px 0px 0px 0px;
background-color: #FAF8F8;
background-image: url(img);
border-bottom: 3px double #624154;
color:#624154;
font-family: arial;
font-size: 12px;
font-weight: lighter;
letter-spacing: 4px;
display:block;
text-align: center;
moz-box-shadow:1px 1px 5px #262626;-webkit-box-shadow:1px 1px 5px #262626;box-shadow:1px 1px 5px #262626;
}
/* FIN BORDURES ET TITRES */
/* DEBUT CLASSES */
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
/* FIN CLASSES */
/* TITRE CAT INDEX*/
.secondarytitle, .secondarytitle h2{
color: #FAF8F8;
font-size: 0x;
letter-spacing: -4px;
text-align: center;
font-family: Vani;
text-transform: uppercase;
text-shadow:1px 1px 3px #FAF8F8;
}
.forumline{
background-color: #624154
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-bottom: 2px #624154 solid;
border-top: 2px #624154 solid;
border-right: 2px #624154 solid;
border-left: 2px #624154 solid;
text-align: justify;
background-color: #624154;
padding-left: 2px; /*espace entre les bloc et le cadre de l'index*/
padding-right: 2px; /*espace entre les bloc et le cadre de l'index*/
padding-bottom: 2px; /*espace entre les bloc et le cadre de l'index*/
padding-top: 2px;
}
Re: Décalage d'un post à l'autre !
Rien à signaler, j'ai installé les deux codes et tout semble fonctionner pour le mieux. Avez-vous installé un ou deux scripts sur votre forum ?
En outre, veuillez me communiquer svp ici l'adresse internet de votre forum pour faire un autre test.
Cordialement
En outre, veuillez me communiquer svp ici l'adresse internet de votre forum pour faire un autre test.
Cordialement
Re: Décalage d'un post à l'autre !
Voici l'adresse de mon forum :
Je sais pas trop combien de script. :/
- Spoiler:
Je sais pas trop combien de script. :/
Re: Décalage d'un post à l'autre !
Alors que votre forum est en construction, un test sur 'validator' fait ressortir déjà 103 erreurs et 1 avertissement :
http://validator.w3.org/check?uri=http%3A%2F%2Fthe-vampirediaries.forumactif.org&charset=%28detect+automatically%29&doctype=Inline&group=0-
Vous devez supprimer temporairement tous les scripts que vous avez installés, sans aucune exception. Et probablement vous avez dû ouvrir une balise quelque part mais sans la refermer.
Cordialement
http://validator.w3.org/check?uri=http%3A%2F%2Fthe-vampirediaries.forumactif.org&charset=%28detect+automatically%29&doctype=Inline&group=0-
Vous devez supprimer temporairement tous les scripts que vous avez installés, sans aucune exception. Et probablement vous avez dû ouvrir une balise quelque part mais sans la refermer.
Cordialement
Re: Décalage d'un post à l'autre !
103 erreurs ? Elles proviennent d'où ?
Re: Décalage d'un post à l'autre !
Ne vous inquiétez pas outre mesure, nous avons tous des erreurs sur nos forums et leur nombre varie. Les indications données par Validator devraient vous aider à les retrouver dans vos codes lorsque vous intégrez par exemple une image, vidéo, un script quelconque etc... mais aussi pour éviter d'en faire à l'avenir dans l'intérêt bien compris du forum.
Avez-vous supprimé les scripts ?
Cordialement
Avez-vous supprimé les scripts ?
Cordialement
Re: Décalage d'un post à l'autre !
Non, par la simple et bonne raison que je ne saisi pas ce qu'est un script et pardonnez cette idiotie... :/
Pouvez-vous me l'expliquer ?
Pouvez-vous me l'expliquer ?
Re: Décalage d'un post à l'autre !
Si vous ne savez pas ce qu'est un script cela veut dire tout simplement que vous n'en avez pas installé. Pour installer une horloge ou un compteur de visite sur un forum, les fournisseurs en ligne vous donnent un code d'installation qu'on appelle script. Essayez de voir sur Google pour plus d'explications.
S'agissant de votre problème, depuis quand et à la suite de quoi le décalage des posts a commencé à se produire ?
Cordialement
S'agissant de votre problème, depuis quand et à la suite de quoi le décalage des posts a commencé à se produire ?
Cordialement
Re: Décalage d'un post à l'autre !
Merci beaucoup pour ces erreurs trouvées, je m'occupe de ça ce soir.
Le commencement précis du problème je ne sais pas, mais je peux vous dire qu'il survient après n'importe quelle message précédent, que ce soit après un code du style fiche de présentation ou juste une phrase sans caractère spécifique. :/
Le commencement précis du problème je ne sais pas, mais je peux vous dire qu'il survient après n'importe quelle message précédent, que ce soit après un code du style fiche de présentation ou juste une phrase sans caractère spécifique. :/
Re: Décalage d'un post à l'autre !
je suis comme vous .
je ne comprends pas non plus , mais sachez que les scripts mal insérés peuvent altérer l'affichage du forum.
Plus simplement, retirer l'horloge, le chat box ou tout autre gadget récemment installé devrait rectifier le tir.
J'ai recemment appris que le BB code/ html mal fermé aussi peut causer ce problème.
je ne comprends pas non plus , mais sachez que les scripts mal insérés peuvent altérer l'affichage du forum.
Plus simplement, retirer l'horloge, le chat box ou tout autre gadget récemment installé devrait rectifier le tir.
J'ai recemment appris que le BB code/ html mal fermé aussi peut causer ce problème.
voila...Vous devez supprimer temporairement tous les scripts que vous avez installés, sans aucune exception. Et probablement vous avez dû ouvrir une balise quelque part mais sans la refermer.
Et, Si vous inversez ?Index box, Index body et Viewtopic body
Dooku- Membre actif
- Messages : 7312
Inscrit(e) le : 22/10/2006
Re: Décalage d'un post à l'autre !
La chatbox que j'ai est celle par défaut, je n'ai ni horloge ni autre gadget. Cependant, inversez les templates ?
Re: Décalage d'un post à l'autre !
Pour le moment, et dans l'éventualité d'un bug, je vous recommande de ne rien tenter jusqu'à demain sauf de rechercher et corriger si possible les erreurs signalées par Validator.
Cordialement
Cordialement
Re: Décalage d'un post à l'autre !
Très bien, je vais le faire, mais : que voulez-vous dire par inverser les templates ?
Re: Décalage d'un post à l'autre !
Je n'ai rien dit de tel, mais peut-être que notre ami 'Dooku' voulait dire : rétablir les valeurs par défaut des templates ou activer l'option "Forcer les templates par défaut".
Cordialement
Cordialement
Re: Décalage d'un post à l'autre !
Alors, moi et une amie, avons trouvé la source du problème, il s'agissait en fait, de ma signature possédant une balise non refermée. Tout simplement.
Sujets similaires
» Problème de post - Décalage
» Décalage de l'avatar du l'écriture du post
» Décalage du profil lors d'un post
» Décalage du profil sous le texte du post
» Décalage d'un champ sur le post suivant dans l'intérieur des sujets
» Décalage de l'avatar du l'écriture du post
» Décalage du profil lors d'un post
» Décalage du profil sous le texte du post
» Décalage d'un champ sur le post suivant dans l'intérieur des sujets
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