[TEMPLATES] Passer le Nom d'Utilisateur au Dessus de Tout?

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu [TEMPLATES] Passer le Nom d'Utilisateur au Dessus de Tout?

Message par Feu Ardent Sam 28 Mai 2011 - 9:39

Bonjour! Smile

Je m'explique: pour embellir mon forum, je me suis attaqué aux templates, cherchant une présentation originale du profil. C'est ainsi que j'ai tenté de faire une superposition avec les marges du haut et du bas, et en fait, ce que j'essayais de faire, c'était de placer une image au dessus des avatars. Malheureusement, l'image passe également au dessus des noms d'utilisateurs, et j'aimerais pouvoir rémédier à ce problème. N'y a t-il pas moyen de placer "{postrow.displayed.POSTER_NAME}" au dessus de TOUT et de placer en dessous de "{postrow.displayed.POSTER_NAME}" mon image qui ELLE doit être au dessus de l'avatar? Sauriez-vous m'aider? Smile

La partie du templates qui vous intéresse:

Code:
<div style="margin-top: 60px;"><div class="profilfond"><center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><br><strong><big><big><div style="margin-bottom: -35px;"><asreyd1>{postrow.displayed.POSTER_NAME}</asreyd1></div></big></big></strong></span>

            <div class="profilcadre"><span class="postdetails poster-profile">
            <br><div style="margin-top: -30px; position: absolute"><img src="http://img687.imageshack.us/img687/9697/swirkl.png"></div>{postrow.displayed.POSTER_AVATAR}<br><div style="margin-top: -9px;"><div class="rang">{postrow.displayed.POSTER_RANK}</div></div>

            <div style="margin-top: -17px;">{postrow.displayed.RANK_IMAGE}</div>

            <div style="margin-top: -17px;"><div align="center"><div class="quotetitle"><input type="button" value="Afficher le Profil du Joueur" style="width: 180px; font-size:11px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer le Profil du Joueur'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher le Profil du Joueur'; }" /></div><div class="quotecontent"><div style="display: none;">
<!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></div>
            <br><div align="center"><div class="quotetitle"><input type="button" value="Afficher la Feuille de Personnage" style="width: 180px; font-size:11px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer la Feuille de Personnage'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher la Feuille de Personnage'; }" /></div><div class="quotecontent"><div style="display: none;">
<div style="margin-top: -10px;">{postrow.displayed.POSTER_RPG}</div></div><br></center><br>
         <br></div></div></div>
<br></span>
</div></div></div>

Lien vers un topic, que vous voyez de quoi je parle: http://www.asreyd.com/t383-les-partenaires

Comme vous pouvez le constater, le pseudo est caché par les arabesques.

Merci d'avance de votre aide Smile


Dernière édition par Feu Ardent le Sam 28 Mai 2011 - 14:37, édité 1 fois
Feu Ardent

Feu Ardent
***

Masculin
Messages : 151
Inscrit(e) le : 29/08/2010

Feu Ardent a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [TEMPLATES] Passer le Nom d'Utilisateur au Dessus de Tout?

Message par Anzu Sam 28 Mai 2011 - 11:27

Bonjour,

Le template en entier ca aurait été plus pratique =>
Ainsi que le css.

Donc vous voulez le pseudo au dessus du premier cadre ? ou dans le premier mais au dessus du deuxième ? Razz

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [TEMPLATES] Passer le Nom d'Utilisateur au Dessus de Tout?

Message par Feu Ardent Sam 28 Mai 2011 - 12:25

En fait, j'aimerais que le pseudonyme soit placé au DESSUS de cette image ci:

[TEMPLATES] Passer le Nom d'Utilisateur au Dessus de Tout? Swirkl

Mais il est en dessous, probablement à cause du div style ="position: absolute;" placé autour de l'image. Cependant, sans celà, l'image mise plus haut va en dessous des avatars. En gros, je cherche à emmener le pseudonyme devant cette image, et de garder cette image devant les avatars. Le pseudo est censé être à moitié dans le premier cadre (profilfond) et à moitié dans le deuxième (profilcadre) et ceci a été fait en mettant une marge inférieur négative. ^^ J'espère avoir répondu à ta question Smile

Template:

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;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}&amp;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">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <div style="margin-top: 60px;"><div class="profilfond"><center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><br><strong><big><big><div style="margin-bottom: -35px;"><asreyd1>{postrow.displayed.POSTER_NAME}</asreyd1></div></big></big></strong></span><br />
            <div class="profilcadre"><span class="postdetails poster-profile">
            <br><div style="margin-top: -30px; position: absolute"><img src="http://img687.imageshack.us/img687/9697/swirkl.png"></div>{postrow.displayed.POSTER_AVATAR}<br><div style="margin-top: -9px;"><div class="rang">{postrow.displayed.POSTER_RANK}</div></div><br />
            <div style="margin-top: -17px;">{postrow.displayed.RANK_IMAGE}</div><br />
            <div style="margin-top: -17px;"><div align="center"><div class="quotetitle"><input type="button" value="Afficher le Profil du Joueur" style="width: 180px; font-size:11px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer le Profil du Joueur'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher le Profil du Joueur'; }" /></div><div class="quotecontent"><div style="display: none;">
<!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></div>
            <br><div align="center"><div class="quotetitle"><input type="button" value="Afficher la Feuille de Personnage" style="width: 180px; font-size:11px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer la Feuille de Personnage'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher la Feuille de Personnage'; }" /></div><div class="quotecontent"><div style="display: none;">
<div style="margin-top: -10px;">{postrow.displayed.POSTER_RPG}</div></div><br></center><br>
         <br></div></div></div>
<br></span>
</div></div></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">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

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

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

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

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

                  <div class="postbody">

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

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

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

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

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

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

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type=&quot;hidden&quot; name=&quot;sid&quot; value=&quot;{S_SID}&quot; /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

CSS:

Code:
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

.bodyline {
-moz-border-radius:10px;
}

.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
border: 3px #COULEUR solid;
}

.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

tr.post span.gensmall { display: none; }

a {
font-variant: small-caps;
}

a { text-decoration: none; }

{ overflow-x: hidden; }

/*TEXTE MAJUSCULE QUAND ON PASSE DESSUS*/

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
 {
  }
a:hover {
text-decoration: none !important;
border-bottom : 1px dotted #000000
font-variant: small-caps;
letter-spacing : 0px;
text-shadow: black 1px 1px 2px;
}


/*ONGLET*/

.my_modified_table{
  width: 98%;
  margin-left: 1%;
margin-right: 1%;
margin-top: 10px !important;

font-family: Jokerman;
cursor:pointer;
}

.my_forum_name{
  display:none;
}
.my_img{
width: 1%;
margin-left: 5px;

}
.my_disc{
width: 70%;
text-align:center;
font-size: 12px;

}
.my_stats{

 width: 20%;
text-align:center;
}

.myfoo_title{
  text-align:center;
  img-align:center
  width: 100%;
  border: 1px solid #000000;
  background-color: #27113b;
text-shadow: black 2px 2px 2px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;

}
.my_title{
  text-align:center;
  font-size: 15px;
font-family: Jokerman;

}

.my_cat_body{
border: 1px solid #000000;
-moz-border-radius: 10px;
 background-color: #BAA9D0;

 
}

.my_cat ul{
margin:0;
padding: 0;
width: 1000px !important;

}
.my_cat li{
margin-left: 5px;

}
.my_cat_style{
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 15px;
padding-left:12px;
padding-right:12px;
display:inline;
background-color: #27113b;
width: 100px;
font-family: Jokerman;
font-weight: normal;
text-transform: background-color: #000000;

}
.my_cat a{
text-decoration: none !important;
color: #77DCE0;
}

.a:hover{
background:#000000;
}


.cadresignSW {
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  border-left: 2px #000000 solid;
  border-bottom: 2px #000000 solid;
  border-top: 2px #000000 solid;
  border-right: 2px #000000 solid;
background-color: #27113b;
}

/*------/Légende des sujets------*/
.SWtextbout {
margin-top:2px;
color: #ffffff;
padding-top: 2px;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 2px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-top-left-radius: 7px;
border-left: 1px #00000 solid;
border-bottom: 1px #000000 solid;
border-top: 1px #000000 solid;
border-right: 1px #000000 solid;
background:#BAA9D0;
}

/*----------Encadrés et légende-------------*/
.SWfieldset {
background: #27113b;
-moz-border-radius-topright: 18px;
-moz-border-radius-bottomright: 18px;
-moz-border-radius-bottomleft: 18px;
-moz-border-radius-topleft: 18px;
-webkit-border-top-right-radius: 18px;
-webkit-border-bottom-right-radius: 18px;
-webkit-border-bottom-left-radius: 18px;
-webkit-border-top-left-radius: 18px;
border-bottom: 2px #000000 solid;
border-top: 2px #000000 solid;;
border-right: 5px #000000 solid;
border-left: 5px #000000 solid;
padding-top: 5px;
padding-bottom: 5px;
padding:5px;
}
.SWlegend {
background: #27113b;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-bottom: 2px #000000 solid;
border-top: 2px #000000 solid;;
border-right: 3px #000000 solid;
border-left: 3px #000000 solid;
padding-top: 2px;
padding-bottom: 2px;
padding-left:5px;
padding-right:5px;
width:auto;
height: auto;
margin-left: 10px;
}

/*--------------TH personnalisé-------------*/
.SWfondth1 {
background:#695B7A;
-moz-border-radius-bottomleft:18px;
-webkit-border-radius-bottomleft: 18px;
}
.SWfondth2 {
background:#695B7A;
-moz-border-radius-bottomright:18px;
-webkit-border-radius-bottomright: 18px;
}

/*Online_Offline-------------------------------------------------*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url('http://img811.imageshack.us/img811/1806/offlinea.png');
background-repeat : no-repeat;
background-position : center;
min-width: 90px;
width: 90px;
min-height: 44px;
height: 44px;
}

/*CSS_Personnalisé------------------*/

asreyd1 {
color:#669933;
text-shadow: black 1px 1px 2px;
font-family:"Calibri";
text transform: "strong";}

asreyd2 {
color:#000000;
font-family:"Brush Script MT";
font-variant: lower-case;}

asreyd3 {
background: #502450;
border: 3px solid black ;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;}

/*Code, citation et spoiler*/
.code
{
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 1px solid #000000;
}

.quote
{
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 1px solid #000000;
}

.spoiler
{
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 1px solid #000000;
}

.spoiler_closed hidden, .spoiler_content, .spoiler_closed
{
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 1px solid #000000;
}

*PRESENTATION-----------------*

body
{
  width: 760px;
  margin: auto; /* Pour centrer notre page */
  margin-top: 60px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
  margin-bottom: 20px;    /* Idem pour le bas du navigateur */
  background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

.presentationfond {
background-image: url("http://imageshack.us/m/13/6255/bckgrcopy.png");
margin: auto;
width: 700px;
height: auto;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 1px solid #000000;
}

.titrepres {
text-align: centre;
color: #ffffff;
font-face: "Calibri";
TEXT-TRANSFORM: Uppercase;
FONT-SIZE: 30pt;
background: #603d72;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 1px solid #000000;
}

.presentationcadre {
width: 600px;
margin: auto;
color: #1d1421;
background: #603d72;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 1px solid #000000;
}

.image {
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 5px solid #524857;
}

/*Affichage du Profil------------------*/

.profilfond {
background-image: url("http://imageshack.us/m/13/6255/bckgrcopy.png");
margin: auto;
width: 220px;
height: auto;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 1px solid #000000;
}

.profilcadre {
width: 200px;
margin: auto;
color: #1d1421;
background: #603d72;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 1px solid #000000;
}

.rang {
text-align: centre;
font-face: "Calibri";
text-shadow: black 1px 1px 2px;
background: #290038;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
-moz-border-radius-bottomleft: 11px;
border: 1px solid #000000;
}
Feu Ardent

Feu Ardent
***

Masculin
Messages : 151
Inscrit(e) le : 29/08/2010

Feu Ardent a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [TEMPLATES] Passer le Nom d'Utilisateur au Dessus de Tout?

Message par Anzu Sam 28 Mai 2011 - 13:30


Remplacez votre template par celui ci:

Code:
      <script type="text/javascript">
        //<![CDATA[
        var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
        $(function(){
          _atc.cwait = 0;
          $('.addthis_button').mouseup(function(){
              if ($('#at15s').css('display') == 'block') {
                addthis_close();
                addthis_close();
              }
          });
        });
        //]]>
        </script>

        <table width="100%" border="0" cellspacing="2" cellpadding="0">
          <tr>
              <td align="left" valign="middle" nowrap="nowrap">
                <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
                </span>
              </td>
              <td align="left" valign="middle" nowrap="nowrap">
                <!-- BEGIN switch_twitter_btn -->
                <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                </span>
                <!-- END switch_twitter_btn -->
                <!-- BEGIN switch_fb_likebtn -->
                <span id="fb_likebtn" style="margin-left: 6px; ">
                    <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
                </span>
                <!-- END switch_fb_likebtn -->
              </td>
              <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
              <td align="right" valign="bottom" nowrap="nowrap" width="100%">
                <span class="gensmall bold">
                    <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;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}&amp;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">
          <tr align="right">
              <td class="catHead" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title">
                          <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                      </td>
                      <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN topicpagination -->
          <tr>
              <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
          </tr>
          <!-- END topicpagination -->
          {POLL_DISPLAY}
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- BEGIN postrow -->
          <!-- BEGIN displayed -->
          <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                <div style="margin-top: 60px;"><div class="profilfond"><center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><big><big><div style="margin-bottom: -35px;">{postrow.displayed.POSTER_NAME}</div></big></big></strong></span>

                <div class="profilcadre"><span class="postdetails poster-profile">
                <br /><br /><img src="http://img687.imageshack.us/img687/9697/swirkl.png"><br />{postrow.displayed.POSTER_AVATAR}<br><div style="margin-top: -9px;"><div class="rang">{postrow.displayed.POSTER_RANK}</div></div>

                <div style="margin-top: -17px;">{postrow.displayed.RANK_IMAGE}</div>

                <div style="margin-top: -17px;"><div align="center"><div class="quotetitle"><input type="button" value="Afficher le Profil du Joueur" style="width: 180px; font-size:11px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer le Profil du Joueur'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher le Profil du Joueur'; }" /></div><div class="quotecontent"><div style="display: none;">
    <!-- BEGIN profile_field -->
                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field --></div>
                <br><div align="center"><div class="quotetitle"><input type="button" value="Afficher la Feuille de Personnage" style="width: 180px; font-size:11px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer la Feuille de Personnage'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher la Feuille de Personnage'; }" /></div><div class="quotecontent"><div style="display: none;">
    <div style="margin-top: -10px;">{postrow.displayed.POSTER_RPG}</div></div><br></center><br>
            <br></div></div></div>
    <br></span>
    </div></div></div>

                <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="middle">
                          <div class="vava">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> <br/><center><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></center></div>
                      </td>
                    </tr>
                </table>
                <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                      <td valign="top" nowrap="nowrap" class="post-options">
                          {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                      </td>
                    </tr>
                    <tr>
                      <td colspan="2" class="hr">
                          <hr />
                      </td>
                    </tr>
                    <tr>
                      <td colspan="2">
                          <!-- BEGIN switch_vote_active -->
                          <div class="vote gensmall">
                            <!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                            <!-- END switch_vote -->

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

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

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

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

                          <div class="postbody">

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

        <!-- BEGIN switch_attachments -->
        <dl class="attachbox">
        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
        <dd>
        <!-- BEGIN switch_post_attachments -->
        <dl class="file">
        <dt>
        <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

        <!-- BEGIN switch_dl_att -->
        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
        <!-- END switch_dl_att -->

        <!-- BEGIN switch_no_dl_att -->
        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}
        <!-- END switch_no_dl_att -->
        </dt>

        <!-- BEGIN switch_no_comment -->
        <dd>
        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
        </dd>
        <!-- END switch_no_comment -->

        <!-- BEGIN switch_no_dl_att -->
        <dd>
        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</em>
        </dd>
        <!-- END switch_no_dl_att -->

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

                            <!-- BEGIN switch_attachments -->
                            <dl class="attachbox">
                                <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                <dd>
                                  <!-- BEGIN switch_post_attachments -->
                                  <dl class="file">
                                      <dt>
                                        <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                        <!-- BEGIN switch_dl_att -->
                                        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                        <!-- END switch_dl_att -->

                                        <!-- BEGIN switch_no_dl_att -->
                                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                        <!-- END switch_no_dl_att -->
                                      </dt>

                                      <!-- BEGIN switch_no_comment -->
                                      <dd>
                                        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                      </dd>
                                      <!-- END switch_no_comment -->

                                      <!-- BEGIN switch_no_dl_att -->
                                      <dd>
                                        <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                      </dd>
                                      <!-- END switch_no_dl_att -->

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

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

                          </div>
                          <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                      </td>
                    </tr>
                </table>
              </td>
          </tr>
       
          <!-- BEGIN first_post_br -->
        </table>
        <br />
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- END first_post_br -->
          <!-- END displayed -->
          <!-- BEGIN hidden -->
          <tr>
              <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
          </tr>
          <!-- END hidden -->
          <!-- END postrow -->
          <!-- BEGIN no_post -->
          <tr align="center">
              <td class="row1" colspan="3" height="28">
                <span class="genmed">{no_post.L_NO_POST}</span>
              </td>
          </tr>
          <!-- END no_post -->
          <tr align="right">
              <td class="catBottom" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                      <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
        </table>

        <!-- BEGIN promot_trafic -->
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" 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_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: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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td class="row2" valign="top">
              <ul>
                <!-- BEGIN link -->
                <li><a href="{promot_trafic.link.U_HREF}" target="_blank" class="gensmall">{promot_trafic.link.TITLE}</a>
                <!-- END link -->
              </ul>
              </td>
          </tr>
        </table>
        <!-- END promot_trafic -->

        <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
              <!-- BEGIN topicpagination -->
              <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
              <!-- END topicpagination -->
          </tr>
          <!-- BEGIN switch_user_logged_in -->
          <!-- BEGIN watchtopic -->
          <tr>
              <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
          </tr>
          <!-- END watchtopic -->
          <!-- END switch_user_logged_in -->
          <tr>
              <td class="row2" colspan="2" align="center" style="padding:0px">
                <!-- BEGIN switch_user_logged_in -->
                <a name="quickreply"></a>
                {QUICK_REPLY_FORM}<br />
                <!-- END switch_user_logged_in -->
              </td>
          </tr>
          <tr>
              <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                    <tbody>
              <!-- BEGIN show_permissions -->
              <tr>
                <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
                <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
              </tr>
              <!-- END show_permissions -->
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                          <!-- BEGIN show_permissions -->
                          <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                          <!-- END show_permissions -->
                      </tr>
                    </table>
                </td>
              </tr>
          </tbody>
                </table>
              </td>
          </tr>
          <tr>
              <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                    <tbody>
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                          <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                      </tr>
                    </table>
                </td>
              </tr>
          </tbody>
                </table>
              </td>
          </tr>
        </table>

        <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
        <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
          <tr>
              <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
                <span class="nav">
                    <!-- BEGIN switch_user_authpost -->
                    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authpost -->
                    <!-- BEGIN switch_user_authreply -->
                    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authreply -->
                </span>
              </td>

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

              <!-- BEGIN moderation_panel -->
              <td align="center">
                <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
              </td>
              <td align="center" width="250">
                <span class="gensmall"> </span>
              </td>
              <!-- END moderation_panel -->
          </tr>
        </table>
        </form>

        <!-- BEGIN viewtopic_bottom -->
        <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
          <tr>
              <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
                <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                    <input type="hidden" name="t" value="{TOPIC_ID}" />
                    <input type="hidden" name="sid" value="{S_SID}" />
                    <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
                </form>
              </td>
          </tr>
        </table>
        <!-- END viewtopic_bottom -->

        <!-- BEGIN switch_image_resize -->
        <script type="text/javascript">
        //<![CDATA[
        $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
        //]]>
        </script>
        <!-- END switch_image_resize -->
        <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

J'espère avoir bien compris votre demande ^^

Par contre, c'était quoi la balise bizarroïde autour de la variable pour le pseudo ? Razz

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [TEMPLATES] Passer le Nom d'Utilisateur au Dessus de Tout?

Message par Feu Ardent Sam 28 Mai 2011 - 13:33

Tu parles du <asreyd1> ? C'est une balise du CSS pour la police et le style d'écriture. x')

Je vais tester de suite, je te tiens au courant ^^

EDIT: Non, ça ne marche pas :/

http://www.asreyd.com/t415-le-recensement-obligatoire-mai-juin-2011

Attends, je vais te faire une esquisse de ce que je veux ^^

[TEMPLATES] Passer le Nom d'Utilisateur au Dessus de Tout? Esquisse

Il y a une marge entre chaque "tableau" et le pseudo est au dessus de l'image, en superposition, qui elle est en superposition avec l'avatar. ^^
Feu Ardent

Feu Ardent
***

Masculin
Messages : 151
Inscrit(e) le : 29/08/2010

Feu Ardent a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [TEMPLATES] Passer le Nom d'Utilisateur au Dessus de Tout?

Message par Anzu Sam 28 Mai 2011 - 14:06

Code:
      <script type="text/javascript">
        //<![CDATA[
        var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
        $(function(){
          _atc.cwait = 0;
          $('.addthis_button').mouseup(function(){
              if ($('#at15s').css('display') == 'block') {
                addthis_close();
                addthis_close();
              }
          });
        });
        //]]>
        </script>

        <table width="100%" border="0" cellspacing="2" cellpadding="0">
          <tr>
              <td align="left" valign="middle" nowrap="nowrap">
                <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
                </span>
              </td>
              <td align="left" valign="middle" nowrap="nowrap">
                <!-- BEGIN switch_twitter_btn -->
                <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                </span>
                <!-- END switch_twitter_btn -->
                <!-- BEGIN switch_fb_likebtn -->
                <span id="fb_likebtn" style="margin-left: 6px; ">
                    <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
                </span>
                <!-- END switch_fb_likebtn -->
              </td>
              <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
              <td align="right" valign="bottom" nowrap="nowrap" width="100%">
                <span class="gensmall bold">
                    <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;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}&amp;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">
          <tr align="right">
              <td class="catHead" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title">
                          <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                      </td>
                      <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN topicpagination -->
          <tr>
              <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
          </tr>
          <!-- END topicpagination -->
          {POLL_DISPLAY}
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- BEGIN postrow -->
          <!-- BEGIN displayed -->
          <tr class="post">
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                <div style="margin-top: 60px;"><div class="profilfond"><center><span class="name"><div class="spirale"><a name="{postrow.displayed.U_POST_ID}"><strong><big><big>{postrow.displayed.POSTER_NAME}</big></big></strong></a></div></span>

                <div class="profilcadre"><span class="postdetails poster-profile">
                <br />{postrow.displayed.POSTER_AVATAR}<br><div style="margin-top: -9px;"><div class="rang">{postrow.displayed.POSTER_RANK}</div></div>

                <div style="margin-top: -17px;">{postrow.displayed.RANK_IMAGE}</div>

                <div style="margin-top: -17px;"><div align="center"><div class="quotetitle"><input type="button" value="Afficher le Profil du Joueur" style="width: 180px; font-size:11px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer le Profil du Joueur'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher le Profil du Joueur'; }" /></div><div class="quotecontent"><div style="display: none;">
    <!-- BEGIN profile_field -->
                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field --></div>
                <br><div align="center"><div class="quotetitle"><input type="button" value="Afficher la Feuille de Personnage" style="width: 180px; font-size:11px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Masquer la Feuille de Personnage'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher la Feuille de Personnage'; }" /></div><div class="quotecontent"><div style="display: none;">
    <div style="margin-top: -10px;">{postrow.displayed.POSTER_RPG}</div></div><br></center><br>
            <br></div></div></div>
    <br></span>
    </div></div></div>

                <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="middle">
                          <div class="vava">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> <br/><center><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></center></div>
                      </td>
                    </tr>
                </table>
                <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                      <td valign="top" nowrap="nowrap" class="post-options">
                          {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                      </td>
                    </tr>
                    <tr>
                      <td colspan="2" class="hr">
                          <hr />
                      </td>
                    </tr>
                    <tr>
                      <td colspan="2">
                          <!-- BEGIN switch_vote_active -->
                          <div class="vote gensmall">
                            <!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                            <!-- END switch_vote -->

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

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

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

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

                          <div class="postbody">

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

        <!-- BEGIN switch_attachments -->
        <dl class="attachbox">
        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
        <dd>
        <!-- BEGIN switch_post_attachments -->
        <dl class="file">
        <dt>
        <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

        <!-- BEGIN switch_dl_att -->
        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
        <!-- END switch_dl_att -->

        <!-- BEGIN switch_no_dl_att -->
        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}
        <!-- END switch_no_dl_att -->
        </dt>

        <!-- BEGIN switch_no_comment -->
        <dd>
        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
        </dd>
        <!-- END switch_no_comment -->

        <!-- BEGIN switch_no_dl_att -->
        <dd>
        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</em>
        </dd>
        <!-- END switch_no_dl_att -->

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

                            <!-- BEGIN switch_attachments -->
                            <dl class="attachbox">
                                <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                <dd>
                                  <!-- BEGIN switch_post_attachments -->
                                  <dl class="file">
                                      <dt>
                                        <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                        <!-- BEGIN switch_dl_att -->
                                        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                        <!-- END switch_dl_att -->

                                        <!-- BEGIN switch_no_dl_att -->
                                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                        <!-- END switch_no_dl_att -->
                                      </dt>

                                      <!-- BEGIN switch_no_comment -->
                                      <dd>
                                        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                      </dd>
                                      <!-- END switch_no_comment -->

                                      <!-- BEGIN switch_no_dl_att -->
                                      <dd>
                                        <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                      </dd>
                                      <!-- END switch_no_dl_att -->

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

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

                          </div>
                          <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                      </td>
                    </tr>
                </table>
              </td>
          </tr>
       
          <!-- BEGIN first_post_br -->
        </table>
        <br />
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- END first_post_br -->
          <!-- END displayed -->
          <!-- BEGIN hidden -->
          <tr>
              <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
          </tr>
          <!-- END hidden -->
          <!-- END postrow -->
          <!-- BEGIN no_post -->
          <tr align="center">
              <td class="row1" colspan="3" height="28">
                <span class="genmed">{no_post.L_NO_POST}</span>
              </td>
          </tr>
          <!-- END no_post -->
          <tr align="right">
              <td class="catBottom" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                      <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
        </table>

        <!-- BEGIN promot_trafic -->
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" 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_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: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_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td class="row2" valign="top">
              <ul>
                <!-- BEGIN link -->
                <li><a href="{promot_trafic.link.U_HREF}" target="_blank" class="gensmall">{promot_trafic.link.TITLE}</a>
                <!-- END link -->
              </ul>
              </td>
          </tr>
        </table>
        <!-- END promot_trafic -->

        <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
              <!-- BEGIN topicpagination -->
              <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
              <!-- END topicpagination -->
          </tr>
          <!-- BEGIN switch_user_logged_in -->
          <!-- BEGIN watchtopic -->
          <tr>
              <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
          </tr>
          <!-- END watchtopic -->
          <!-- END switch_user_logged_in -->
          <tr>
              <td class="row2" colspan="2" align="center" style="padding:0px">
                <!-- BEGIN switch_user_logged_in -->
                <a name="quickreply"></a>
                {QUICK_REPLY_FORM}<br />
                <!-- END switch_user_logged_in -->
              </td>
          </tr>
          <tr>
              <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                    <tbody>
              <!-- BEGIN show_permissions -->
              <tr>
                <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
                <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
              </tr>
              <!-- END show_permissions -->
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                          <!-- BEGIN show_permissions -->
                          <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                          <!-- END show_permissions -->
                      </tr>
                    </table>
                </td>
              </tr>
          </tbody>
                </table>
              </td>
          </tr>
          <tr>
              <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                    <tbody>
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                          <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                      </tr>
                    </table>
                </td>
              </tr>
          </tbody>
                </table>
              </td>
          </tr>
        </table>

        <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
        <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
          <tr>
              <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
                <span class="nav">
                    <!-- BEGIN switch_user_authpost -->
                    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authpost -->
                    <!-- BEGIN switch_user_authreply -->
                    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authreply -->
                </span>
              </td>

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

              <!-- BEGIN moderation_panel -->
              <td align="center">
                <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
              </td>
              <td align="center" width="250">
                <span class="gensmall"> </span>
              </td>
              <!-- END moderation_panel -->
          </tr>
        </table>
        </form>

        <!-- BEGIN viewtopic_bottom -->
        <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
          <tr>
              <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
                <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                    <input type="hidden" name="t" value="{TOPIC_ID}" />
                    <input type="hidden" name="sid" value="{S_SID}" />
                    <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
                </form>
              </td>
          </tr>
        </table>
        <!-- END viewtopic_bottom -->

        <!-- BEGIN switch_image_resize -->
        <script type="text/javascript">
        //<![CDATA[
        $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
        //]]>
        </script>
        <!-- END switch_image_resize -->
        <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Et le css:

Code:
    textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    }

    .bodyline {
    -moz-border-radius:10px;
    }

    .forumline{
    background-color: #COULEUR;
    -moz-border-radius: 10px ;
    border: 3px #COULEUR solid;
    }

    .postdetails.poster-profile a img {
    margin: auto;
    display: block;
    margin-bottom: -10px;
    }

    tr.post span.gensmall { display: none; }

    a {
    font-variant: small-caps;
    }

    a { text-decoration: none; }

    { overflow-x: hidden; }

    /*TEXTE MAJUSCULE QUAND ON PASSE DESSUS*/

    textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    }
    {
      }
    a:hover {
    text-decoration: none !important;
    border-bottom : 1px dotted #000000
    font-variant: small-caps;
    letter-spacing : 0px;
    text-shadow: black 1px 1px 2px;
    }


    /*ONGLET*/

    .my_modified_table{
      width: 98%;
      margin-left: 1%;
    margin-right: 1%;
    margin-top: 10px !important;

    font-family: Jokerman;
    cursor:pointer;
    }

    .my_forum_name{
      display:none;
    }
    .my_img{
    width: 1%;
    margin-left: 5px;

    }
    .my_disc{
    width: 70%;
    text-align:center;
    font-size: 12px;

    }
    .my_stats{

    width: 20%;
    text-align:center;
    }

    .myfoo_title{
      text-align:center;
      img-align:center
      width: 100%;
      border: 1px solid #000000;
      background-color: #27113b;
    text-shadow: black 2px 2px 2px;
    -moz-border-radius-bottomleft:12px;
    -moz-border-radius-bottomright:12px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;

    }
    .my_title{
      text-align:center;
      font-size: 15px;
    font-family: Jokerman;

    }

    .my_cat_body{
    border: 1px solid #000000;
    -moz-border-radius: 10px;
    background-color: #BAA9D0;

   
    }

    .my_cat ul{
    margin:0;
    padding: 0;
    width: 1000px !important;

    }
    .my_cat li{
    margin-left: 5px;

    }
    .my_cat_style{
    border-top: 1px #000000 solid;
    border-left: 1px #000000 solid;
    border-right: 1px #000000 solid;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    text-align:center;
    font-size: 15px;
    padding-left:12px;
    padding-right:12px;
    display:inline;
    background-color: #27113b;
    width: 100px;
    font-family: Jokerman;
    font-weight: normal;
    text-transform: background-color: #000000;

    }
    .my_cat a{
    text-decoration: none !important;
    color: #77DCE0;
    }

    .a:hover{
    background:#000000;
    }


    .cadresignSW {
      -moz-border-radius-topright: 20px;
      -moz-border-radius-bottomright: 20px;
      -moz-border-radius-bottomleft: 20px;
      -moz-border-radius-topleft: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-bottom-right-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-left: 2px #000000 solid;
      border-bottom: 2px #000000 solid;
      border-top: 2px #000000 solid;
      border-right: 2px #000000 solid;
    background-color: #27113b;
    }

    /*------/Légende des sujets------*/
    .SWtextbout {
    margin-top:2px;
    color: #ffffff;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    border-left: 1px #00000 solid;
    border-bottom: 1px #000000 solid;
    border-top: 1px #000000 solid;
    border-right: 1px #000000 solid;
    background:#BAA9D0;
    }

    /*----------Encadrés et légende-------------*/
    .SWfieldset {
    background: #27113b;
    -moz-border-radius-topright: 18px;
    -moz-border-radius-bottomright: 18px;
    -moz-border-radius-bottomleft: 18px;
    -moz-border-radius-topleft: 18px;
    -webkit-border-top-right-radius: 18px;
    -webkit-border-bottom-right-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -webkit-border-top-left-radius: 18px;
    border-bottom: 2px #000000 solid;
    border-top: 2px #000000 solid;;
    border-right: 5px #000000 solid;
    border-left: 5px #000000 solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding:5px;
    }
    .SWlegend {
    background: #27113b;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom: 2px #000000 solid;
    border-top: 2px #000000 solid;;
    border-right: 3px #000000 solid;
    border-left: 3px #000000 solid;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left:5px;
    padding-right:5px;
    width:auto;
    height: auto;
    margin-left: 10px;
    }

    /*--------------TH personnalisé-------------*/
    .SWfondth1 {
    background:#695B7A;
    -moz-border-radius-bottomleft:18px;
    -webkit-border-radius-bottomleft: 18px;
    }
    .SWfondth2 {
    background:#695B7A;
    -moz-border-radius-bottomright:18px;
    -webkit-border-radius-bottomright: 18px;
    }

    /*Online_Offline-------------------------------------------------*/
    .offlinebutton {
    background-color: transparent;
    border: none;
    background-image: url('http://img811.imageshack.us/img811/1806/offlinea.png');
    background-repeat : no-repeat;
    background-position : center;
    min-width: 90px;
    width: 90px;
    min-height: 44px;
    height: 44px;
    }

    /*CSS_Personnalisé------------------*/

    asreyd1 {
    color:#669933;
    text-shadow: black 1px 1px 2px;
    font-family:"Calibri";
    text transform: "strong";}

    asreyd2 {
    color:#000000;
    font-family:"Brush Script MT";
    font-variant: lower-case;}

    asreyd3 {
    background: #502450;
    border: 3px solid black ;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;}

    /*Code, citation et spoiler*/
    .code
    {
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 1px solid #000000;
    }

    .quote
    {
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 1px solid #000000;
    }

    .spoiler
    {
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 1px solid #000000;
    }

    .spoiler_closed hidden, .spoiler_content, .spoiler_closed
    {
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 1px solid #000000;
    }

    *PRESENTATION-----------------*

    body
    {
      width: 760px;
      margin: auto; /* Pour centrer notre page */
      margin-top: 60px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
      margin-bottom: 20px;    /* Idem pour le bas du navigateur */
      background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
    }

    .presentationfond {
    background-image: url("http://imageshack.us/m/13/6255/bckgrcopy.png");
    margin: auto;
    width: 700px;
    height: auto;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 1px solid #000000;
    }

    .titrepres {
    text-align: centre;
    color: #ffffff;
    font-face: "Calibri";
    TEXT-TRANSFORM: Uppercase;
    FONT-SIZE: 30pt;
    background: #603d72;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 1px solid #000000;
    }

    .presentationcadre {
    width: 600px;
    margin: auto;
    color: #1d1421;
    background: #603d72;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 1px solid #000000;
    }

    .image {
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 5px solid #524857;
    }

    /*Affichage du Profil------------------*/

    .profilfond {
    background-image: url("http://imageshack.us/m/13/6255/bckgrcopy.png");
    margin: auto;
    width: 220px;
    height: auto;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 1px solid #000000;
    }

    .profilcadre {
    width: 200px;
    margin: auto;
    color: #1d1421;
    background: #603d72;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 1px solid #000000;
    }

    .rang {
    text-align: centre;
    font-face: "Calibri";
    text-shadow: black 1px 1px 2px;
    background: #290038;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border: 1px solid #000000;
    }

.spirale {
background: url('http://img687.imageshack.us/img687/9697/swirkl.png') no-repeat top center;
min-width: 200px;
min-height: 45px;
padding-top: 15px;
vertical-align: center;
}

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [TEMPLATES] Passer le Nom d'Utilisateur au Dessus de Tout?

Message par Feu Ardent Sam 28 Mai 2011 - 14:33

Merci beaucoup Anzu: ça marche à merveille ^^
Feu Ardent

Feu Ardent
***

Masculin
Messages : 151
Inscrit(e) le : 29/08/2010

Feu Ardent a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum