Sujets similaires

Bonjour et un grand merci aux personnes qui viendront pour essayer de m'aider à résoudre ce problème.

Pour commencer je vous expliquer, j'ai mon avatar qui doit se déplacer au hover comme sur CSS Actif, et en dessous devrait apparaitre les infos que je voulais.
Sur mon forum de test ça marche comme sur des roulettes, mais sur le vrai fow, non. L'avatar bouge, mais je n'ai aucune info derrière.
Pourtant, j'ai copier-coller le code de mon forum de test (qui marchait à merveille). Je ne parviens donc pas après des mois de recherches à trouver mon erreur, qui doit sans doute être stupide.

Voici le template viewtopic_body (qui concerne le code en logique !)

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>

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

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

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


<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="atelierprof"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><br />
<span class="postdetails poster-profile">

<font size="1"><font color="#1c0101"><div style="text-align:center;"><b>Hello, my name is</b></div></font></font><div style="letter-spacing:2px;text-shadow:0px 2px 2px #black;text-align:center;text-transform:uppercase;"><strong><div style="padding:5px;background-color: #595a59;"><div class="pseudo_membre">{postrow.displayed.POSTER_NAME}</div></div></strong></div></span><i><font size="1"><font color="#1c0101"><div style="text-align:center;">and I Kill fucking zombies</div></font></font></i></span>

<div id="englob">
<div class="imgp">{postrow.displayed.POSTER_AVATAR}</div>
<div class="infosp">

{postrow.displayed.POSTER_RPG}
</div>
</div></div><br /><center>{postrow.displayed.RANK_IMAGE}</center>

<br/>
<div class="atelierprof"><span class="postdetails poster-profile">
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</span></div><br/>

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

<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>{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>
</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} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
</td>
</tr>
</table>
</td>
</tr>

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



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

Encore une fois, un grand merci à la personne qui viendra me répondre ^^

Coucou,
Tout d'abord, as -tu suivi le tutoriel de CSS actif ?
Ensuite, on ne peut pas t'aider sans ton CSS Very Happy

Pour finir, as-tu déjà apporter des modifcations sur ton forum (pas celui de test) ?

Merci bonne journée

Coucou,

Alors j'ai en effet suivi un tuto, mais est-ce que c'était sur CSS actif, je me souviens plus vu que ça fait plusieurs mois.

Et il ne me semble pas avoir apporté des modifs au forum après. Dès que j'ai mis les codes sur le fow, j'ai constaté que les info n'était pas la.

Au cas pour voir et si besoin d'inspescter le code, je vous mets le lien du forum (je le supprimerai après si besoin).
http://try-again.forumactif.com/

Voici le CSS

Code:: body
{
background-image: url("http://img4.hostingpics.net/pics/836141bannieretryagainv4.png"), url("http://img15.hostingpics.net/pics/736264solid.png");
background-repeat: no-repeat, repeat;
background-position: center 20px;
}

/*Présentation du Profil*/
.atelierprof {
padding:10px;
/*text-transform:uppercase;*/
background-color:#c5c7c5;
}

.pseudo_membre{
font-size: 15px;
text-shadow : 1px 1px 3px #020202;
}

.bodylinewidth{
margin-top:-9px;
margin-bottom:-9px;
}

/*arrondis zones de saisie identifiant*/
input,textarea, select { border: 1px solid #bbbbbb;
box-shadow: 0px 2px 3px #909090;
background-color: #ece5d9;
font-size: 12px;
margin: 3px; }

textarea { margin-left: 0; margin-right:0; }

/*CODE*/
.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;/*texte*/
background-color: #989898;/*fond*/
border: #6a0b0b;/*bordure*/
border-style: solid;
border-left-width: 7px;
border-top-width: 0px;
border-right-width: 7px;
border-bottom-width: 0px;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

/*CITATION*/
.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-color: #989898;
border: #6a0b0b;
border-style: solid;
border-left-width: 6px;
border-top-width: 0px;
border-right-width: 6px;
border-bottom-width: 0px;
padding:7px;
-moz-border-radius:6px;
-webkit-border-radius:6px;}

/*SPOILER*/
.spoiler{
font-family: verdana;
font-size: 11px;
color: #FFF6D8;
line-height: 100%;
background-color: #989898;
border: #6a0b0b;
border-style: solid;
border-left-width: 6px;
border-top-width: 0px;
border-right-width: 6px;
border-bottom-width: 0px;
padding:7px;
}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }/*selection du code*/

.catHead { border: none !important;} /*retire la couleur cadre catégorie*/
.catBottom { border: none !important;}
.thLeft { border: none !important;}
.thRight { border: none !important;}
.row3Right { border: none !important;}

/*retire bordure gênante*/
.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;
}/* fin*/

.forumline
{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #e9e9e6;
border: 1px solid #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
table
{
margin: auto;
}

#page-body /* correction bug*/
{
width: 850px;
margin: auto;
}

/* Barre de navigation*/
#navigation
{
position: fixed;
z-index: 999;
height: 30px;
width: 100%;
margin-left: -8px;
}
#navig
{
width: 100%;
margin: auto;
text-align: center;
background: #a4a4a4;
border-bottom: 2px solid #d24b4b;
padding-bottom: 3px;
}
#navig a
{
font-weight: bold;
color: black;
}
/*fin barre de navigation*/

/*Catégorie*/
a.nav img
{
width: 200px;
}
.cate_titre
{
width: 98%;
margin: auto;
text-align: center;
}
.categorie
{
width: 98%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #a4a4a4;
border: 3px solid #a4a4a4;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #f0eded;
padding: 2px;
}
.forumlink
{
display: block;
width: 600px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
font-size: 16px;
border-bottom: 2px solid #f15353;
text-decoration: none !important;
}
.description
{
display: block;
width: 500px;
margin: auto;
font-size: 11px;
text-align: justify;
color: #a6a6a6;
}
.illu
{
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 5px;
}

.stats_last
{
display: block;
width: 150px;
margin: auto;
background: #d1d0d0;
border: 1px solid #a4a4a4;
}

.stats
{
display: block;
text-align: center;
font-size: 10px;
color: #706d6d;
border-bottom: 1px solid #a4a4a4;
padding-bottom: 4px;
margin-bottom: 4px;
}
.last
{
display: block;
text-align: center;
font-size: 11px;
}
.sous_forum
{
display: block;
width: 98%;
margin: auto;
background: #d61d1d;
padding: 2px;
text-align: center;
}/* Fin*/

.nsujets{ /*mise en forme du "ecrit par ..."*/
}

/*Profil derrière l'avatar*/

/* Code par Hiro pour CSSACTIF
Merci de ne pas supprimer cette mention
(http://www.css-actif.com) */

#englob { /* Encadrement global des 2 divs */
position:relative;
width:200px;
height:320px;
/*border:1px solid red; La vilaine bordure rouge */
overflow:hidden; /* Permet de cacher ce qui dépasse */
}

.imgp {
background:grey; /* le bg de la div qui contient l'avatar */
position:absolute; /* Laissez comme ceci */
top:0;/* Laissez comme ceci */
left:0;/* Laissez comme ceci */
width:100%;/* Laissez comme ceci */
height:100%;/* Laissez comme ceci */
z-index:1;/* La position par rapport à l'autre div qui contient les infos */
-webkit-transition:all 0.5s;/* Laissez comme ceci */
-moz-transition:all 0.5s;/* Laissez comme ceci */
-o-transition:all 0.5s;/* Laissez comme ceci */
-ms-transition:all 0.5s;/* Laissez comme ceci */
transition:all 0.5s;/* Laissez comme ceci */
}

#englob:hover > .imgp {
margin-top:300px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */
}

.infosp {
background: #acacac; /* le bg de la div qui contient les infos*/
position:absolute;/* Laissez comme ceci */
top:0;/* Laissez comme ceci */
left:0;/* Laissez comme ceci */
width:100%;/* Laissez comme ceci */
height:100%;/* Laissez comme ceci */
z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */
margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
-webkit-transition:all 0.5s;/* Laissez comme ceci */
-moz-transition:all 0.5s;/* Laissez comme ceci */
-o-transition:all 0.5s;/* Laissez comme ceci */
-ms-transition:all 0.5s;/* Laissez comme ceci */
transition:all 0.5s;/* Laissez comme ceci */
padding: 5px;
}

#englob:hover > .infosp {
opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}

/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
width: 950px;
margin: auto;
background: #dfdfdf;
border: 1px solid #ececec;
box-shadow: 0px 0px 3px #868686;
-o-box-shadow: 0px 0px 3px #868686;
-moz-box-shadow: 0px 0px 3px #868686;
-webkit-box-shadow: 0px 0px 3px #868686;
-htm-box-shadow: 0px 0px 3px #868686;
padding: 5px;
}
.sujets
{
background: #ececec;
border: 1px solid #ffffff;
padding: 3px;
}
.topictitle
{
font-variant: small-caps;
font-size: 12px;
}
.sujets_auteur
{
display: block;
width: 200px;
font-size: 11px;
}
.sujet_last
{
display: block;
width: 180px;
height: 40px;
background: #f4f4f4;
border-left: 3px solid #9e9e9e;
border-right: 3px solid #9e9e9e;
padding-top: 10px;
font-size: 11px;
}
.sujets_stats
{
width: 900px;
text-align: right;
margin-bottom: 5px;
}
.sujets_stats_contenu
{
font-size: 10px;
color: #a4a4a4;
}
/* fin mise en forme liste sujet*/

/******************************
PAGE D'ACCUEIL
********************/

#conteneur{
position: relative;
width: 750px;
height: 500px;
padding: 10px;
}

.bienvenue{
font-size: 50px;
font-family: Times New Roman, Times, serif;
text-align: center;
color: #d1d0d0;
}

.nav_pa{
background: #d1d0d0;
padding: 4px;
text-align: center;
}

.nav_pa a{
text-decoration: none !important;
}

.menu_pa{
margin: 15px;
text-transform: uppercase;
color: white;
}

.menu_pa:hover{
background: #d61d1d;
-moz-transition-property: background;
-moz-transition-duration: 2s;
}

.pv{
text-align: center;
padding-top: 15px;
}

.pv a img{
text-align: center; border-radius: 100px;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

.pv a img:hover{
width: 100px;
height: 100px;
border-radius: 20px 20px 0px 0px;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.titrepv{
text-transform: uppercase;
color: black;
position: absolute;
top: 150px;
left: -15px;
z-index: 13;
font-size: 15px;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-khtml-transform: rotate(-90deg);
}

.contexte{
width: 350px;
height: 190px;
background: #d1d0d0;
position: absolute;
top: 228px;
left: 25px;
}

.contexte_titre{
text-align: center;
font-size: georgia;
text-transform: uppercase;
}

.texte{
text-align: justify;
overflow: auto;
height: 210px;
padding: 10px;
font-size: 12px;
}

.top_site{
width: 350px;
height: 60px;
background: #d1d0d0;
position: absolute;
left: 25px;
top: 425px;
}

.partenaire{
width: 100px;
height: 258px;
background: #d1d0d0;
position: absolute;
left: 390px;
top: 228px;
}

.staff{
position: absolute;
right: 10px;
top: 228px;
}

.translate { /*effet transition présentation staff*/
height:50px;
width:256px;
background: #d1d0d0;
color: black;
overflow: hidden;
position:relative;
}

.translate p {
padding:5px;
margin:0px;
text-align:justify;
}

.translate img {
-moz-transition: all 1s ease-in-out;
-webkit-transition: all1s ease-in-out;
transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
position:absolute;
top:0px;
left: 0px;
}

.translate:hover img {
-moz-transform: translate(256px, 68px);/*XX=largeur de ton image pour un déplacement horizontal; YY=hauteur de l'image pour déplacement vertical*/
-webkit-transform: translate(256px, 68px);
-o-transform: translate(256px, 68px);
-ms-transform: translate(256px, 68px);
transform: translate(256px, 68px);
}

.information{
width: 256px;
height: 70px;
background: #d1d0d0;
position: absolute;
bottom: 35px;
right: 10px;
font-size: 12px;
}

/***********************
QEEL
************************/
.mon_onglet{
display: inline;
padding: 5px;
font-size: 14px;
font-weight: bold;
margin: 2px;
color: #000;
text-shadow: 0px 1px 2px grey;
}

.tableauqueel{
border: 6px solid #a4a4a4;
}

.mon_onglet:hover{
display: inline;
padding: 5px;
font-size: 14px;
font-weight: bold;
margin: 2px;
color: #000;
text-shadow: 0px 1px 2px grey;
}

.mon_onglet_selected{
display: inline;
padding: 5px;
position: relative;
top: 5px;
font-size: 14px;
font-weight: bold;
margin: 2px;
color: #000;
text-shadow: 0px 1px 2px grey;
}

.clear{
clear: both;}

.mon_contenu{
color: #000;
border: 1px solid #eccdcd;
box-shadow: 0px 2px 3px #a3a3a3;
background-color: #d1d0d0;
padding: 10px;
margin: 10 px;
width: 320px;
height: 150px;
line-height: normal;
font-size: 11px;}

#mes_contenus, #mes_onglets{
height: 100%;
width:100%;}

a.personnagetitre {
font-family: arial;
font-size: 4;
text-transform : none;
text-decoration: none!important;
text-shadow: #000000 2px 2px 2px;
}

a.personnagetitre:hover {
font-family: arial;
font-size: 4;
text-transform : none!important;
text-decoration: none!important;
text-shadow: #000000 2px 2px 2px;
}

.rang {
padding: 3px;
border: 2px solid #a29c8b;
box-shadow: 0px 0px 2px #b2ab99;
border-radius: 5px;
background-color: #beb7a3;
margin-right: 3px;
margin-left: 3px;}

td.avatarfond {
background-color: #58012a42;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

.partiedroite {
padding: 5px;
font-size: 12px;
text-align: justify;
font-family: calibri;
}

.descriptadmin {
border-left: 7px solid #477ab5;
font-family: calibri;
margin-left: 7px;
margin-top: 5px;
color: #8a7b58;
font-size: 10px;
padding: 3px;
}

.descriptjeu {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
font-family: calibri;
color: #8a7b58;
font-size: 10px;
padding: 3px;
}

.descripi {
height: 66px;
overflow: auto;
position: relative;
right: 2px;
padding: 3px;
text-align: justify;
background-color: #d0c8b3;
border-top: 2px solid #c21f15;
}

.descripi:hover {
height: 66px;
overflow: auto;
position: relative;
right: 2px;
text-align: justify;
background-color: #d0c8b3;
padding: 3px;
border-top: 2px solid #477ab5;
}

.imagedescrp {
border: 2px solid #c21f15;
}

.imagedescrp:hover {
border: 2px solid #477ab5;
}

h4 {
color: #477ab5;
font-weight: bold;
font-size: 30px;
}

.partiedroiteqeel {
border: 1px solid #eccdcd;
box-shadow: 0px 2px 3px #a3a3a3;
background-color: #d1d0d0;
height: 92px;
margin: 3px;
padding: 4px;
font-size: 10px;
text-shadow: 0px 1px 1px gray;
overflow: auto;
}

.partiedessousqeel {
border: 1px solid #eccdcd;
box-shadow: 0px 2px 3px #a3a3a3;
background-color: #d1d0d0;
height: 80px;
margin: 3px;
padding: 4px;
font-size: 10px;
text-shadow: 0px 1px 1px gray;
overflow: auto;
}

/**************************************************************
-----------------------Ancienne partie CSS-------------------
**************************************************************/
/* fiche de présentation */

.presentationirl {
background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
width: 382px;
height: 94px;
border: 2px solid #f5f6f7;
box-shadow: 0px 1px 2px grey;
font-size: 11px;
padding: 3px;
font-family: arial;
line-height: 13px;
overflow: auto;
text-align: justify;
}

.titrepassehistoire {
font-size: 20px;
margin-top: 7px;
color: #9b8d74;
font-weight: bold;
font-family: batang;
text-shadow: 0px 1px 2px grey;
}

.passehistoire {
background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
width: 492px;
height: 400px;
padding: 3px;
border: 2px solid #f5f6f7;
box-shadow: 0px 1px 2px grey;
font-size: 11px;
font-family: arial;
line-height: 14px;
overflow: auto;
text-align: justify;
}

.questionnaire {
background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
width: 370px;
height: 192px;
border: 2px solid #f5f6f7;
box-shadow: 0px 1px 2px grey;
font-size: 11px;
font-family: arial;
line-height: 14px;
overflow: auto;
text-align: justify;
}

.ID2 {
width: 120px;
border: 2px solid #f5f6f7;
box-shadow: 0px 1px 2px grey;
}
.titrechamp {
font-weight: bold;
color: #8c6352;
}

.casepres {
background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
width: 191px;
height: 100px;
border: 2px solid #f5f6f7;
box-shadow: 0px 1px 2px grey;
font-size: 10px;
font-family: arial;
line-height: 12px;
overflow: auto;
text-align: justify;
}

.ID {
border: 2px solid #f5f6f7;
box-shadow: 0px 1px 2px grey;
}

.acteur {
position: relative;
right: 150px;
font-family: tahoma;
font-size: 10px;
}

.fonfiche {
background-image:url(http://i49.tinypic.com/4kjluo.png);
width: 530px;
height: 977px;
border-radius: 5px;
border: 1px solid #9b8d74;
box-shadow: 0px 2px 2px #897e6a;
}

.fonfiche:hover {
background-image:url(http://i49.tinypic.com/4kjluo.png);
width: 530px;
height: 977px;
border-radius: 5px;
border: 1px solid #b0a084;
box-shadow: 0px 2px 2px #d897e6a;
}

.champnom {
margin-top: 8px;
font-family: batang;
border-bottom: 3px double #aa6955;
color: #363636;
text-shadow: 0px 1px 1px #b8a98e;
font-size: 24px;
padding: 5px;
width: 80%;
}

#text_edit { display: block !important; }

.fondprofil2 {
border: 1px solid #9b8d74;
box-shadow: 0px 2px 3px #9b8d74;
background-image: url("http://i40.servimg.com/u/f40/09/00/11/61/sans_t19.png");
margin: 3px;
}

.pseudoprofil2 {
Text-Shadow: #b1a898 1px 0px 0px, #b1a898 1px 1px 0px, #b1a898 1px -1px 0px, #b1a898 -1px 1px 0px, #b1a898 -1px 0px 0px, #b1a898 -1px -1px 0px, #b1a898 0px 1px 0px, #b1a898 0px -1px 0px;
font-family: calibri;
font-size: 20px;
font-weight: bold;
margin: 5px;
line-height: 20px;
}
b{
color: #5f6069; /*couleur du texte*/
font-weight: bold;
font-size: 9px;
text-transform: uppercase;
font-variant: none; /*variante du texte (ici petites majuscules)*/
font-family: times new roman;
}

u{
border-bottom: 1px solid; /*--- taille du soulignement ---*/
border-color: #6e4338; /*--- couleur du soulignement ---*/
text-decoration: none;
}

i{
letter-spacing: 1px;
word-spacing: 2px;
text-decoration: none;
}

.rangcouleur {
align: center;
font-size: 10px;
letter-spacing: 3px;
}

.liensub {
background-color: #ece5d9;
border: 1px solid #867a64;
margin: 3px;
width: 100px;
height: 90px;
overflow: auto;
font-family: tahoma;
text-transform: capitalize;
text-align: center;
font-size: 14px;
color: black;
}

.liensub:hover {
background-color: #ece5d9;
border: 1px solid #867a64;
margin: 3px;
width: 100px;
height: 90px;
overflow: auto;
text-transform: capitalize;
font-family: tahoma;
text-align: center;
font-size: 14px;
}

.fichedeperso {
text-shadow: 0px 1px 1px gray;
padding: 5px;
text-align: justify;
font-size: 11px;
}

.descriptit {
padding: 5px;
height: 50px;
font-size: 12px;
overflow: auto;
}
a {
text-decoration:none!important;
text-transform:none;
}

a:hover{
text-background : url(http://img28.imageshack.us/img28/1880/gradiantwhite.png) repeat-x;
text-transform: none;
text-decoration: none!important;
}

a {font-variant: none;
family-font: times new roman;}

a.personnagetitre {
font-family: arial;
font-size: 4;
text-transform : none;
text-decoration: none!important;
text-shadow: #000000 2px 2px 2px;
}

a.personnagetitre:hover {
font-family: arial;
font-size: 4;
text-transform : none!important;
text-decoration: none!important;
text-shadow: #000000 2px 2px 2px;
}

.rang {
padding: 3px;
border: 2px solid #a29c8b;
box-shadow: 0px 0px 2px #b2ab99;
border-radius: 5px;
background-color: #beb7a3;
margin-right: 3px;
margin-left: 3px;}

td.avatarfond {
background-color: #58012a42;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

/*CSS fiche présentation*/
.cadre1{
margin-left: 0px;
margin-right: 0px;
padding: 1px;
border-bottom: 0px #transp solid;
border-top: 0px #transp solid;
border-right: 5px #000000 solid;
border-left: 5px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
background-color: #7D7D7D;
margin-left: 0px;
margin-right: 0px;
padding: 3px;
-moz-border-radius: 100px 100px 0px 0px;
}

.cadre2{
color: gray;
border-bottom: #000000 2px ;
letter-spacing: 2px;
word-spacing: 2px;
text-align: center;
font-size: 10px;
line-height: 13px;
line-width: 100px;
}

.cadre_int1{
width:400px;
BACKGROUND-COLOR:#ffffff;
border: 1px double #000000;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
padding: 20px;
}

.name_fiche{
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
font-size: 40px;
letter-spacing: -3pt;
text-transform: lowercase;
text-shadow: 0px 0px 1px #FFFFFF;
}

.image{
-moz-transform:rotate(0deg);
-moz-box-shadow:0px 0px 10px black;
}

.titre_id{
font-family: Courier New;
font-size: 35px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
}

.identification{
overflow: auto;
width:500px;
BACKGROUND-COLOR:#ffffff;
-moz-border-radius: 10px 10px 10px 10px;
border: 1px double #000000;
font-family: arial;
}

.cadre3{
margin-left: 0px;
margin-right: 0px;
padding: 4px;
border-bottom: 0px #transp solid;
border-top: 0px #transp solid;
border-right: 5px #000000 solid;
border-left: 5px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
background-color: #7D7D7D;
margin-left: 0px;
margin-right: 0px;
padding: 3px;
-moz-border-radius: 0px 0px 0px 0px;
margin-top: -40px;
}

.cadre4{
margin-left: 0px;
margin-right: 0px;
padding: 4px;
border-bottom: 0px #transp solid;
border-top: 0px #transp solid;
border-right: 5px #000000 solid;
border-left: 5px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
background-color: #7D7D7D;
margin-left: 0px;
margin-right: 0px;
padding: 3px;
-moz-border-radius: 0px 0px 100px 100px;
margin-top: -40px;
}

.image_1{
width: 100px;
-moz-transform:rotate(5deg);
margin-left:10px;
-moz-box-shadow:0px 0px 5px black;
}

.image_2{
width: 100px;
-moz-transform:rotate(-5deg);
margin-left:10px;
-moz-box-shadow:0px 0px 5px black;
}
/*fin CSS fiche présentation*/

Un grand merci encore une fois !

Je me rappelle avoir eu le même problème que toi avant de l'avoir installé, et je sias que je l'ai réglé, y a t-il moyen d'avoir ton template sans l'avatar come CSS actif, juste avec tes modifications de bases ?

C'est à dire ? Le template sans aucune modification ???

Hello !
Je viens aux nouvelles : le sujet est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu !
Merci de ta compréhension Hover sur avatar mais pas d'info derrière (A archiver) 926145

Bonjour,

Le sujet est toujours d'actu en effet ^^

Bonjour Nono !

Je viens de jeter un coup d'oeil à ton problème et il s'avère que le problème ne vient pas de l'effet (qui fonctionne très bien).

En fait, j'ai remarqué que sur ton forum, il n'y a tout simplement rien à cet endroit là :

Code:: <div class="infosp">

{postrow.displayed.POSTER_RPG}
</div>

Plusieurs possibilités à cela :

Soit je n'ai pas les droits pour accéder au contenu de cette variable, mais dans ce cas ça devrait être le cas pour vous (et tu n'aurais pas de problème)
Soit quelque chose n'est pas activé, ce qui explique que cette variable est vide

Par rapport à ton forum de test, y a-t-il une différence particulière, dans la configuration des profils des utilisateurs notamment ?

Si tu veux "tester" le bon fonctionnement de l'effet, essaye de remplacer ce bout de code par le suivant :

Code:: <div class="infosp">

{postrow.displayed.POSTER_RPG}
Ceci est un test
</div>

Techniquement, tu verra tout de suite si le problème vient de la variable {postrow.displayed.POSTER_RPG} ou non (si le texte Ceci est un test s'affiche, c'est que ta variable ne renvoie rien).

Coucou Espeon,

Je viens donc de faire le test, et en effet c'est bien la variable qui ne renvoie rien car "ceci est un test" s'affiche bien.
Du coup ça pourrait être quoi ? Quelque chose qui n'est pas activé ?

Bonsoir,

Tu as activé la fiche RPG des membres ? Tu as affiché les champs ?

Hum, je pense !
Faudrait que je retrouve ou c'est dans le panneau d'admin

Cette variable désigne la fiche RPG, comme son nom l'indique. Si elle est vide, c'est très probablement parce qu'elle n'a pas été activée sur ton forum, ou que le profil des concernés n'a pas de données RPG.

Logiquement c'est activé, on devrait voir les info qui indique l'inventaire de chaque personnage normalement.

Edit : désolé du DP, c'est bon j'ai trouvée Very Happy

Il y avait en effet, un truc qui était pas coché !!!

Du coup, le problème est réglé.

Un grand merci à vous, car je n'arrivais vraiment pas trouver après avoir retourné et re-retourné le code XD

Le sujet peut être archivé ^^

Merci beaucoup à vous tous ^^

Yop !
Puisque c'est résolu, je classe \o/
Merci d'avoir prévenu =D

Hover sur avatar mais pas d'info derrière (A archiver)

Hover sur avatar mais pas d'info derrière (A archiver)

Sujets similaires

Sujets similaires

Partenaires Or