Sujets similaires

Bonjour

J'espère que je poste au bon endroit ^^'
J'ai un petit souci avec ce tuto: http://www.css-actif.com/t9431-afficher-cacher-les-infos-du-profil .

Concernant la fonction "afficher/ cacher le profil" il n'y a pas de problème ça fonctionne, j'ai même réussi à remplacer "En savoir plus" par l'image que je souhaitais grâce aux explications données.

Mon problème concerne la partie qui sera affichée quand on cliquera sur l'image. Dans le tuto, on obtient un cadre mais j'aimerai que les infos du profil s'affiche sur une image.

J'espère être compréhensible ^^' En gros j'ai deux images : un parchemin enroulé (j'ai réussi à la mettre à la place du En savoir +) et un parchemin déroulé. J'aimerai que les infos s'affiche justement sur le parchemin déroulé.
J'ai essayé en mettant : background : url('url de l'image') dans .profil-cache mais sans succès.

Mon code jusqu'à présent est le même que dans le tuto (sauf remplacement du en savoir plus et enlèvement des bordures dans le css).

Code:: <div onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="bouton-profil"><img src="http://img11.hostingpics.net/pics/945099scrollrenderpn3.png " alt="profil +" /></div>
<div class="profil-cache" style="display: none">

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</div>

et mon css :

Code:: .bouton-profil {
cursor: pointer; /* curseur au survol */
margin: 2px 0; /* petite marge en haut et en bas */
padding: 2px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
font-size: 11px; /* taille du texte */
font-variant: small-caps; /* effet petites majuscules */
font-weight: bold; /* effet gras */
letter-spacing: 2px; /* espace entre les lettres */
}

.profil-cache {
margin: 2px 0;
padding: 2px;
}

Merci d'avance et bonne journée Very Happy

Bonjour,

Je pourrais avoir tous ton template viewtopic_body pour que je puisse tester sur mon forum test ?

Pas de soucis, le voilà (bon pour l'instant il n'y a rien d'autres dessus que cette modification) :

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">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
         <center><div class="postdetails poster-profile">
         {postrow.displayed.POSTER_RANK}<br />
         {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
         <div onClick="a=this.nextSibling.style;a.display=(a.display==''?'none':'')" class="bouton-profil"><img src="http://img11.hostingpics.net/pics/945099scrollrenderpn3.png " alt="profil +" /></div>
<div class="profil-cache" style="display: none">

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</div><br/></center>
      <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>

Salut,

Je pourrais avoir l'image du parchemin dérouler ?

Salut =)

La voilà : https://2img.net/r/hpimg11/pics/741276small4.png

Alors j'ai du tous refaire Wink

Remplace tous ton template par:

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="profilentour">
<center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
<center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span></center></div><br />
<div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil':'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><img src="http://img11.hostingpics.net/pics/945099scrollrenderpn3.png" type="button" class="profil1"/><div style="display: none; text-align:left;">

{postrow.displayed.profile_field.LABEL} <div class="contenent">{postrow.displayed.profile_field.CONTENT}</div>{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</div></div>
</span><br />

</div>
<div id=""></div><br />
<img src="http://2img.net/i/fa/vide.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>

et tous ton CSS

Code:: .profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
{
width: 200px;
background-image: url(' http://img11.hostingpics.net/pics/741276small4.png');
font-size: 12px;
font-family: Century Gothic, Verdana;
}

.profil1/*ceci s'appliquera au bouton*/
{
width: 200px;

}

Merci tu as du courage je pensais pas te donner autant de travail désolé ^^'

Par contre j'ai deux petits soucis : le texte ne tombe pas sur l'image et l'image est tronquée en bas. Est-ce normal ou facilement corrigeable?

En tout cas merci beaucoup pour ce que tu as déjà fait ! Smile

Le texte, je me doutais je vais corriger sa, tronquer tu veux dire quoi ? couper ? si c'est le cas il fais apparaître juste la bonne longueur de l'image et pas toute l'image (sinon tu aurais un gros vide dans le bas)

Oui couper c'est ça. D'accord donc si je rajoute plus d'infos dans le profil l'image s'affichera en entier c'est ça?
Oki j'attends de voir ta correction =)

Oui si tu rajoute sa va afficher toute l'image, je m'occupe du texte Wink

Oki =)

Salut,

Donc je reprends l'école, je suis en train de travailler sur ton prob en parralèlle mais si quelle qu'un pense faire plus vite que moi qu'il n'hésite pas.

Hello

D'accord pas de soucis j'attendrai de voir si quelqu'un me répond ou si tu es le plus rapide ^^

Bonjour,

En modifiant le CSS de cette façon :

Code:: .profilmasque {       /* ceci s'appliquera sur le bouton et le profil masqué */
width: 200px;
background-image: url('http://img11.hostingpics.net/pics/945099scrollrenderpn3.png');
background-repeat: no-repeat;
font-size: 12px;
font-family: Century Gothic, Verdana;
text-align: center;
}

.profil1 {             /* ceci s'appliquera au bouton */
width: 200px;
}

.profilmasque > div {      /* ceci limitera le texte à l'image */
width: 100px;
margin: 0 50px;
text-align: left;
}

Vous mettez ainsi une marge sur les bords du texte qui permet de l'inclure dans le parchemin.

En ce qui concerne le script, je me suis permis de le reprendre pour le corriger. En effet, si actuellement on a un effet "coupé", c'est qu'il ne s'agit pas du parchemin de scroll qui s'affiche, mais de celui qui est déroulé (et qui est donc coupé).

Vous pouvez donc modifier votre template comme suit :

En début de template

Code:: <script type="text/javascript">
$(function() {
var imgMasque = 'url(http://img11.hostingpics.net/pics/945099scrollrenderpn3.png)';
var imgDeroule = 'url(http://img11.hostingpics.net/pics/741276small4.png)';

$('.profilmasque').click(function() {
   var a = $(this).css('background-image');

   if(a==imgMasque) {
      $(this).css('background-image', imgDeroule);
      $(this).find('div').css('display', 'block');
   } else {
      $(this).css('background-image', imgMasque);
      $(this).find('div').css('display', 'none');
   }
});
});
</script>

La partie concernée par l'affichage

Code:: ...

<div class="profilmasque">
<img src="http://img11.hostingpics.net/pics/945099scrollrenderpn3.png" type="button" class="profil1" />
<div style="display:none;">
   
   {postrow.displayed.profile_field.LABEL}
   <div class="contenent">
      {postrow.displayed.profile_field.CONTENT}
   </div>
   {postrow.displayed.profile_field.SEPARATOR}
   
   {postrow.displayed.POSTER_RPG}
</div>
</div>

...

Bonjour,

J'ai appliqué les modifications que vous avez apporté à mon css et mon template mais le bouton ne fonctionne plus maintenant, je ne peux donc pas voir si le reste est bon.

J'ai sans doute fait une erreur en remplaçant...

Voici mon template :

Code:: <script type="text/javascript">
$(function() {
var imgMasque = 'url(http://img11.hostingpics.net/pics/945099scrollrenderpn3.png)';
var imgDeroule = 'url(http://img11.hostingpics.net/pics/741276small4.png)';

$('.profilmasque').click(function() {
var a = $(this).css('background-image');

if(a==imgMasque) {
$(this).css('background-image', imgDeroule);
$(this).find('div').css('display', 'block');
} else {
$(this).css('background-image', imgMasque);
$(this).find('div').css('display', 'none');
}
});
});
</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="profilentour">
<center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
<center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span></center></div><br />
<div class="profilmasque">
<img src="http://img11.hostingpics.net/pics/945099scrollrenderpn3.png" type="button" class="profil1" />
<div style="display:none;">

{postrow.displayed.profile_field.LABEL}
<div class="contenent">
{postrow.displayed.profile_field.CONTENT}
</div>
{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</div>
</div>

</span><br />

</div>
<div id=""></div><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>

Quant à mon ccs il correspond à celui que vous m'avez donné :

Code:: .profilmasque { /* ceci s'appliquera sur le bouton et le profil masqué */
width: 200px;
background-image: url('http://img11.hostingpics.net/pics/945099scrollrenderpn3.png');
background-repeat: no-repeat;
font-size: 12px;
font-family: Century Gothic, Verdana;
text-align: center;
}

.profil1 { /* ceci s'appliquera au bouton */
width: 200px;
}

.profilmasque > div { /* ceci limitera le texte à l'image */
width: 100px;
margin: 0 50px;
text-align: left;
}

Le template (si vous n'avez pas fait d'autres modifications) doit être ainsi :

Code:: <script type="text/javascript">
$(function() {
var imgMasque = 'url(http://img11.hostingpics.net/pics/945099scrollrenderpn3.png)';
var imgDeroule = 'url(http://img11.hostingpics.net/pics/741276small4.png)';

$('.profilmasque').click(function() {
var a = $(this).css('background-image');

if(a==imgMasque) {
$(this).css('background-image', imgDeroule);
$(this).find('div').css('display', 'block');
} else {
$(this).css('background-image', imgMasque);
$(this).find('div').css('display', 'none');
}
});
});
</script>
<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="profilentour">
<center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
<center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava">{postrow.displayed.POSTER_AVATAR}</span></center></div><br />
<div class="profilmasque">
<img src="http://img11.hostingpics.net/pics/945099scrollrenderpn3.png" type="button" class="profil1" />
<div style="display:none;">

{postrow.displayed.profile_field.LABEL}
<div class="contenent">
{postrow.displayed.profile_field.CONTENT}
</div>
{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</div>
</div>
</span><br />

</div>
<div id=""></div><br />
<img src="http://2img.net/i/fa/vide.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>

Est-ce-que cela fonctionne ? Chez moi oui : http://espeon-test.forumgratuit.org/t3-presentation-de-fe#3

Non cela ne fonctionne pas (après remplacement complet de mon template viewtopic_body par celui de votre message) mais sur votre forum non plus je n'arrive pas à dérouler le parchemin...
Est-ce un problème de navigateur? J'utilise Firefox.

Autant pour moi, il s'agit d'une erreur de guillemets. Chrome étant assez permissif, ça ne posait pas trop de problèmes, mais sous Firefox effectivement cela ne fonctionne pas.

Remplace donc le début de ton template (le premier script) par:

Code:: <script type="text/javascript">
$(function() {
var imgMasque = 'url("http://img11.hostingpics.net/pics/945099scrollrenderpn3.png")';
var imgDeroule = 'url("http://img11.hostingpics.net/pics/741276small4.png")';

$('.profilmasque').click(function() {
var a = $(this).css('background-image');

if(a==imgMasque) {
$(this).css('background-image', imgDeroule);
$(this).find('div').css('display', 'block');
} else {
$(this).css('background-image', imgMasque);
$(this).find('div').css('display', 'none');
}
});
});
</script>

Formidable cela fonctionne! Je vous remercie beaucoup pour votre aide =)

Dernière petite chose (j'en demande peut être beaucoup ^^") : peut-on mettre sur la même ligne "messages: x"?
Sur le parchemin actuellement, le chiffre apparait en dessous.
Question d'esthétisme ^^ mais si vous n'avez pas le temps je comprendrai. Merci en tout cas Smile

Tout à fait, il suffit de remplacer cette partie :

Code:: <div class="profilmasque">
<img src="http://img11.hostingpics.net/pics/945099scrollrenderpn3.png" type="button" class="profil1" />
<div style="display:none;">

{postrow.displayed.profile_field.LABEL}
<div class="contenent">
{postrow.displayed.profile_field.CONTENT}
</div>
{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</div>
</div>

Par celle-ci :

Code:: <div class="profilmasque">
<img src="http://img11.hostingpics.net/pics/945099scrollrenderpn3.png" type="button" class="profil1" />
<div style="display:none;">

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}
{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</div>
</div>

Formidable merci pour votre aide!

Mon problème est résolu Smile

Content d'avoir pu t'aider Wink

Pour la visibilité des modérateurs, n'hésites pas à indiquer [Résolu] dans le titre du topic. Merci =)

C'est fait! Merci et bonne soirée Smile

Hello (:
Merci Espeon ! Et merci Mzelle Machin d'avoir suivi les conseils d'Espeon ^^
Dans ce cas, je classe =D
N'hésite pas à rouvrir un autre sujet si tu as d'autres questions =D

[Résolu] Question concernant le tuto "Afficher/cacher le profil" / Problème de personnalisation

[Résolu] Question concernant le tuto "Afficher/cacher le profil" / Problème de personnalisation

Sujets similaires

Sujets similaires

Partenaires Or