Faire en sorte que l'image "rang" apparaisse au dessus de l'avatar

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

Résolu Faire en sorte que l'image "rang" apparaisse au dessus de l'avatar

Message par tony59 le Mar 27 Sep 2011 - 20:28

Bonjour,

J'aimerais faire en sorte que l'image "rang" apparaisse juste au dessus des avatars, sur le côté "profil" à l'intérieur des topics.

Voici mon CSS :
Spoiler:
{ text-decoration: none; }
blink {
visibility: expres​sion((function(){
if (!window.IEBlink) {
window.IEBlink = "visible";
setInterval(function() {
window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
var blinks = document.getElementsByTagName("blink");
for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
}, 700)
}
return "";
})());
}

/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
color: #a90c0c;
}
#username_reg.okusername {
color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */

a { text-decoration: none; }
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://goo.gl/4Ptts);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://goo.gl/zMLUm);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://goo.gl/QWjxV);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://goo.gl/ZmaO6) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://goo.gl/SfqDK) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://goo.gl/yGnwB);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://goo.gl/n8Mj4);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://goo.gl/Kc5d4);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://goo.gl/97xwY);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://goo.gl/DlZ8F);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://goo.gl/MJU25);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://goo.gl/Lmk3S) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}

.ces1 {color : #ff0829;font-weight: bold;}

.bodyline {
-moz-border-radius-topright: 80px;
}
.bodyline {
-moz-border-radius-topleft: 80px;
}
.bodyline {
-moz-border-radius-bottomright: 80px;
}
.bodyline {
-moz-border-radius-bottomleft: 80px;
}

input,textarea, select {
border:2px solid #00000;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

.numeroid { ... }

.class
{background-color: black;}

.cadreinfo{
background-repeat: no-repeat;
background-image: url(http://goo.gl/N43mh);
background-color: #b5bec6;
border: 2px solid #000000;
min-height: 83px;
background-position: 5px 5px;
padding-left: 85px;
color: #000;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
width: 80%;
margin: 5px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
}

.mpmsg {
background-color : #ffffff;
color: #FE0101;
background-image:url("http://goo.gl/y3dzk");
}

body {

font-size:1em;

}

/*Cadre de l'avatar*/
.cadravatar {
border : 0px solid #000000;
margin-right : 20px; /*marge à droite pour incorporation du triangle obligatoire*/
margin-left : 20px; /*marge à gauche pour égaliser, vous pouvez l'enlever si besoin*/
}

/*Bulle autour du message*/
.bulle{
background-color : #ffffff; /*couleur du fond de la bulle*/
border : 1px solid #150061; /*couleur de la bordure*/
-moz-border-radius: 10px ; /*adapter les arrondis en réglant le 10px des 4 phrases*/
-webkit-border-radius:10px;
-border-radius:10px;
-khtml-border-radius:10px;
padding : 5px; /*espacement interne obligatoire pour éviter les débordements de texte et d'images*/
}
/*Image du triangle de la bulle*/
.attache {
background-image : url("http://goo.gl/zz6Wt"); /*Image du triangle de la bulle à vous de faire la votre, vous pouvez prendre modèle sur la mienne*/
width: 20px; /*largeur de l'image à remettre, obligatoire*/
height :20px; /*hauteur de l'image à remettre, obligatoire*/
position : relative;
top :125px; /*à régler si besoin il s'agit de la position en hauteur initiale de l'image par rapport à celle qu'elle aura en visuel, obligatoire*/
left :-19px; /*idem, mais en largeur, calculer facilement, largeur de l'image -1, obligatoire*/
}

body {
filter:alpha(opacity=97);
-moz-opacity:0.97;
-khtml-opacity: 0.97;
opacity: 0.97;
}

/* CADRE VERT */
.vert{
background-repeat: no-repeat;
background-image: url("http://goo.gl/zhFF9");
padding: 10px;
width: 500px;
height: 70px;
color:#F0E36B;
font-family: Papyrus, time new roman, serif;
text-align: center;
background: #4E3D28;
border: 1px solid #ffff00;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

a:hover {
text-shadow: #ff00ff 1px 1px 1px;
}


.post {
background-image: url('http://goo.gl/i6fgT');
}

.fondmsg {
background-image:url('http://goo.gl/cH8OL');
}
.row4
{
background-image: url('http://goo.gl/cH8OL');
background-repeat: repeat;
}
.tdescrip{
color: #ffffff;
font-size: 8;}

.postbody a:link, .postbody a:visited {
color: #a80000;
background: url('http://goo.gl/iXZrq') bottom right no-repeat;
padding-right: 1px; /* Espacer l'image de fond de la gauche du lien. */
}
.a{
text-decoration: none !important;
}

.sondannon {
color : #ffffff;
}
.page a {
color : #ffffff;
}
.page {
color : #ffffff;
}

.haut
{
margin-left:96%;
margin-top:-16px;

}
.bas
{
margin-left:96%;
margin-top:-16px;
}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

#right{
width:0px !important;}
#left{
width:0px !important;}

input[name=hideonline] {

display:none;
}

/* CSS pour modifier la taille des images dans les sujets */
div.postbody img { max-width: 825px; max-height: 525px; }

/* CSS pour jQuery lightBox plugin @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) */
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 999;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}


#oneline
{
background: url('http://illiweb.com/fa/Offline.png') no-repeat;
width: XXpx;
height: XXpx;
padding: 0;
border: 0;
}

.bodyline {
margin:-1;
padding:-1;
background: url(http://goo.gl/c2Rf5) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}



#fa_ticker_block td{background: none !important;}
#fa_ticker_block table{background: none !important;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
background: url('http://goo.gl/0oLuN');
margin: auto;
padding: 10px;
color: #1D00BF;
width: 75%;
border: 1px solid #61ADBA;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X topics" ---*/
.forum-stats {
background: url('http://goo.gl/0oLuN');
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 2px solid #61ADBA;
border-right: 2px solid #61ADBA;
border-top: 2px solid #61ADBA;
color: #fff;
font-size: 11px;
font-style: italic;
height: 15px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 225px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #fff;
border: 0px solid #fff;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 0px;
color: #1D00BF;
width: 60%;
text-align: center;
height: 100%;
font-size: 11px;
}

/*onglets categories*/
.onglet {
background: url('http://astuforum.free.fr/forum/onglets/1_0.png');
-moz-opacity:0.90;
float: left;
margin-left:8px;
margin-bottom:-0px;
text-decoration: none !important;
border: 1px solid #000000;
padding: 5px;
background: bleu;
list-style-type:none;
font-size: 12px;
border-top: 1px #B8B8B8 solid;
border-left: 1px #B8B8B8 solid;
border-right: 1px #B8B8B8 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-radius-topleft: 6px;
-webkit-border-radius-topright: 6px;
-border-radius-topleft: 6px;
-border-radius-topright: 6px;
text-align:center;
font-size: 0.65em;
background-color:#DCE6EC;
padding-left:6px;
padding-right:6px;
display:inline;
font-size: 0.65em;
letter-spacing: -0.1em;
font-weight: bolder;
font-family: verdana;
-moz-border-radius: 6px;
}

/*onglet au survol*/
.onglet:hover{
background: url('http://astuforum.free.fr/forum/onglets/1_1.png');
color: #ff0000;
font-size: 16px;}

/*onglet selectionné*/
.actif {
background: url('http://astuforum.free.fr/forum/onglets/1_2.png');
color: #ff0000;
font-size: 14px;}



.profil_speudo {
background: url('http://goo.gl/0oLuN');
background-color: #79F8F8;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:5px;
}

.profil_avatar {
background: url('http://goo.gl/0oLuN');
background-color: #79F8F8;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding: 5px;
}

.profil_infos {
background: url('http://goo.gl/0oLuN');
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding: 5px;
}

.font_profil{
background: url('http://goo.gl/0oLuN');
background-color: #333333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding: 5px;
}
.maintitle {margin-top:-60px}

/* code du conteneur des onglets */
#ongline {
text-align: center;
padding: 30px;
}
/* code s'appliquant a chacun des onglets */
#ongline a {
background: url(http://i67.servimg.com/u/f67/15/37/25/29/barres10.png);
text-decoration: none!important;
padding: 5px;
marging-left: 10px;
margin-right: 10px;
color: #63a5ff;
font-weight: bold;
border: 2px solid #95c2ff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* code s'appliquant a l'onglet selectionne et aux onglets survoles */
#ongline a.ccurrent,#ongline a:hover {
background: url(http://i64.servimg.com/u/f64/15/44/98/38/barres11.png);
border: 2px solid #6cb1ff;
color: #228aff;
}
/* code s'appliquant a l'onglet selectionne */
#ongline a.ccurrent {
border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #228aff;
-webkit-box-shadow: 0px 0px 5px #228aff;
box-shadow: 0px 0px 5px #228aff;
}

Voici comment j'aimerais que ça soit à peu près et si possible le deuxième avec l'autre image autour de l'avatar+rang :

Pouvez vous m'aider s'il vous plait ?


Dernière édition par tony59 le Jeu 29 Sep 2011 - 19:41, édité 1 fois

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que l'image "rang" apparaisse au dessus de l'avatar

Message par Hell-eonore le Mer 28 Sep 2011 - 13:27

Bonjour,
Pouvez-vous me fournir votre Template viewtopic_body svp ?

Cordialement.

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que l'image "rang" apparaisse au dessus de l'avatar

Message par tony59 le Mer 28 Sep 2011 - 16:23

Bonjour,

Oui, le voici :
Spoiler:

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>
                      <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:20px;" 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="0" cellpadding="0">
                  <tr align="right">
                      <td class="catHead" colspan="3" height="28">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="2%" class="noprint"> </td>
                              <td align="center" class="t-title">
                                  <h1 class="cattitle"> <font color="#fcfcfc">{TOPIC_TITLE}</font><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:20px;" allowTransparency="true"></iframe><a href="http://twitter.com/share" target="_blank" rel="external"><img src="http://twitter-badges.s3.amazonaws.com/twitter-b.png" /></a><g:plusone size="big" count="false"></g:plusone></h1>
                              </td>
                              <td align="right" width="12%" class="wiki"><a href="http://www.wikio.fr//#vurl={FORUM_URL}{TOPIC_URL}" target="_blank"><script src="http://www.wikio.fr/getvote?style=styleold2" type="text/javascript"></script></a></td>

                              <td align="right" width="8%" 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}
                  <!-- BEGIN postrow -->
                  <!-- BEGIN displayed -->

                  <tr class="post">
        <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150" style="background: url(http://goo.gl/WwgpZ);">

                        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a></span>

                                    <div align="center" class="profil_avatar ">
                            <span class="postdetails poster-profile">
                            {postrow.displayed.POSTER_RANK}<br />
                            {postrow.displayed.RANK_IMAGE}<br /><br />
            </div><br>
            <div class="cadravatar">{postrow.displayed.POSTER_AVATAR}</div><BR>
<strong>    <div align="center" class="profil_speudo"><span style="font-size: 18px; line-height: normal;">{postrow.displayed.POSTER_NAME}</span></div></strong><br>
          <div align="center" class="profil_infos">
                            <!-- BEGIN profile_field -->
                            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                            <!-- END profile_field -->
          </div>
                            {postrow.displayed.POSTER_RPG}
                        </span>

                        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
                      </td>

                      <td class="fondmsg"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"><div class="attache"> </div>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="bulle">
                            <tr>
                    <td><span class="postdetails"><img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />  {postrow.displayed.POST_DATE} | <img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" /><a href="#{postrow.displayed.U_POST_ID}"><span class="numeroid">#{postrow.displayed.U_POST_ID}</span></a>  </span></td>
                              <td valign="top" nowrap="nowrap" class="post-options"><span class="nav">
                                  {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}"><img src="http://goo.gl/nsGWe" title="j'aime !" alt="J'aime !" /></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}"><img src="http://goo.gl/QcKTB" title="J'aime pas !" alt="J'aime pas !" /></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 -->
                              </td>
                            </tr>
                        </table>
                                    <div class="clear"></div>
                                    <div class="signature_div">
                                        {postrow.displayed.SIGNATURE}
                                    </div>
<div id="oneline">{postrow.displayed.ONLINE_IMG}</div>
                                  </div>
                                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                      </td>
                  </tr>
                  <tr>
                      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150" style="background: url(http://goo.gl/Y1ijz);"><div style="width:150px;"> </div>
                     
                      </td>
                      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" style="background: url(http://goo.gl/Y1ijz);">
                        <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 --><a href="#top">{L_BACK_TO_TOP}</a><a href="#bottom">{L_GOTO_DOWN}</a>
                              </td>
                            </tr>
                        </table>
                      </td>
                  </tr>
                  <!-- BEGIN first_post_br -->
                </table>
             

                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
                  <tr>                  <tr>
                      <td style="background: url(http://goo.gl/Y1ijz);" class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</td>
                      <td style="background: url(http://goo.gl/Y1ijz);" class="thRight" nowrap="nowrap" colspan="2" >{L_MESSAGE}</td>
                  </tr>
                  </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="8%" class="noprint"> </td>
                              <td align="center" class="t-title"><a name="bottomtitle"></a> <h1 class="cattitle">Vous répondez au topic "{TOPIC_TITLE}" : </h1></td>
                              <td align="right" nowrap="nowrap" width="8%" 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="http://pdfmyurl.com?url={FORUM_URL}{TOPIC_URL}">[PDF]</a><a href="#top">{L_BACK_TO_TOP}</a></td>
                            </tr>
                        </table>
                      </td>
                  </tr>
                </table>
<!-- AddToAny BEGIN -->
                <div class="a2a_kit a2a_default_style">
                <a class="a2a_dd" href="http://www.addtoany.com/share_save">Partager sur ...</a>
                <span class="a2a_divider"></span>
                <a class="a2a_button_email"></a>
                <a class="a2a_button_facebook"></a>
                <a class="a2a_button_twitter"></a>
                <a class="a2a_button_myspace"></a>
                </div>
                <script type="text/javascript">
                var a2a_config = a2a_config || {};
                a2a_config.locale = "fr";
                a2a_config.num_services = 22;
                a2a_config.color_main = "000000";
                a2a_config.color_border = "000000";
                a2a_config.color_link_text = "f40109";
                a2a_config.color_link_text_hover = "0905ff";
                a2a_config.color_bg = "050505";
                a2a_config.color_arrow = "fff";
                a2a_config.color_arrow_hover = "fff";
                a2a_config.prioritize = ["email", "facebook", "google_gmail", "google_buzz", "hotmail", "live", "myspace", "ping", "yahoo_mail", "yahoo_messenger"];
                </script>
                <script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
                <!-- AddToAny END -->
Source : Voir index de la rubrique de ce topic.
                <!-- 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"><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"><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}
<div id="court"></div>
                        <!-- 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">
    {S_TOPIC_ADMIN}

                        <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}
    {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>
<body><script> (function(d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = true; g.src = 'https://apis.google.com/js/plusone.js'; s.parentNode.insertBefore(g, s); })(document, 'script'); </script></body>
        <script src="http://milouze14.fr/M14smoothscroll.js" type="text/javascript"></script>

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que l'image "rang" apparaisse au dessus de l'avatar

Message par Hell-eonore le Jeu 29 Sep 2011 - 15:22

Merci bien, essayez avec ce 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>
                      <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:20px;" 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="0" cellpadding="0">
                  <tr align="right">
                      <td class="catHead" colspan="3" height="28">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="2%" class="noprint"> </td>
                              <td align="center" class="t-title">
                                  <h1 class="cattitle"> <font color="#fcfcfc">{TOPIC_TITLE}</font><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:20px;" allowTransparency="true"></iframe><a href="http://twitter.com/share" target="_blank" rel="external"><img src="http://twitter-badges.s3.amazonaws.com/twitter-b.png" /></a><g:plusone size="big" count="false"></g:plusone></h1>
                              </td>
                              <td align="right" width="12%" class="wiki"><a href="http://www.wikio.fr//#vurl={FORUM_URL}{TOPIC_URL}" target="_blank"><script src="http://www.wikio.fr/getvote?style=styleold2" type="text/javascript"></script></a></td>
 
                              <td align="right" width="8%" 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}
                  <!-- BEGIN postrow -->
                  <!-- BEGIN displayed -->
 
                  <tr class="post">
        <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150" style="background: url(http://goo.gl/WwgpZ);">
 
                        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a></span>
 
                                    <div align="center" class="profil_avatar ">
                            <span class="postdetails poster-profile">
                            {postrow.displayed.POSTER_RANK}
                            {postrow.displayed.RANK_IMAGE}
            <br>
            <div class="cadravatar">{postrow.displayed.POSTER_AVATAR}</div></div><BR>
<strong>    <div align="center" class="profil_speudo"><span style="font-size: 18px; line-height: normal;">{postrow.displayed.POSTER_NAME}</span></div></strong><br>
          <div align="center" class="profil_infos">
                            <!-- BEGIN profile_field -->
                            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                            <!-- END profile_field -->
          </div>
                            {postrow.displayed.POSTER_RPG}
                        </span>
 
                        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
                      </td>
 
                      <td class="fondmsg"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"><div class="attache"> </div>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="bulle">
                            <tr>
                    <td><span class="postdetails"><img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />  {postrow.displayed.POST_DATE} | <img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" /><a href="#{postrow.displayed.U_POST_ID}"><span class="numeroid">#{postrow.displayed.U_POST_ID}</span></a>  </span></td>
                              <td valign="top" nowrap="nowrap" class="post-options"><span class="nav">
                                  {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}"><img src="http://goo.gl/nsGWe" title="j'aime !" alt="J'aime !" /></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}"><img src="http://goo.gl/QcKTB" title="J'aime pas !" alt="J'aime pas !" /></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 -->
                              </td>
                            </tr>
                        </table>
                                    <div class="clear"></div>
                                    <div class="signature_div">
                                        {postrow.displayed.SIGNATURE}
                                    </div>
<div id="oneline">{postrow.displayed.ONLINE_IMG}</div>
                                  </div>
                                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                      </td>
                  </tr>
                  <tr>
                      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150" style="background: url(http://goo.gl/Y1ijz);"><div style="width:150px;"> </div>
                     
                      </td>
                      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" style="background: url(http://goo.gl/Y1ijz);">
                        <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 --><a href="#top">{L_BACK_TO_TOP}</a><a href="#bottom">{L_GOTO_DOWN}</a>
                              </td>
                            </tr>
                        </table>
                      </td>
                  </tr>
                  <!-- BEGIN first_post_br -->
                </table>
             
 
                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
                  <tr>                  <tr>
                      <td style="background: url(http://goo.gl/Y1ijz);" class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</td>
                      <td style="background: url(http://goo.gl/Y1ijz);" class="thRight" nowrap="nowrap" colspan="2" >{L_MESSAGE}</td>
                  </tr>
                  </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="8%" class="noprint"> </td>
                              <td align="center" class="t-title"><a name="bottomtitle"></a> <h1 class="cattitle">Vous répondez au topic "{TOPIC_TITLE}" : </h1></td>
                              <td align="right" nowrap="nowrap" width="8%" 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="http://pdfmyurl.com?url={FORUM_URL}{TOPIC_URL}">[PDF]</a><a href="#top">{L_BACK_TO_TOP}</a></td>
                            </tr>
                        </table>
                      </td>
                  </tr>
                </table>
<!-- AddToAny BEGIN -->
                <div class="a2a_kit a2a_default_style">
                <a class="a2a_dd" href="http://www.addtoany.com/share_save">Partager sur ...</a>
                <span class="a2a_divider"></span>
                <a class="a2a_button_email"></a>
                <a class="a2a_button_facebook"></a>
                <a class="a2a_button_twitter"></a>
                <a class="a2a_button_myspace"></a>
                </div>
                <script type="text/javascript">
                var a2a_config = a2a_config || {};
                a2a_config.locale = "fr";
                a2a_config.num_services = 22;
                a2a_config.color_main = "000000";
                a2a_config.color_border = "000000";
                a2a_config.color_link_text = "f40109";
                a2a_config.color_link_text_hover = "0905ff";
                a2a_config.color_bg = "050505";
                a2a_config.color_arrow = "fff";
                a2a_config.color_arrow_hover = "fff";
                a2a_config.prioritize = ["email", "facebook", "google_gmail", "google_buzz", "hotmail", "live", "myspace", "ping", "yahoo_mail", "yahoo_messenger"];
                </script>
                <script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
                <!-- AddToAny END -->
Source : Voir index de la rubrique de ce topic.
                <!-- 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"><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"><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}
<div id="court"></div>
                        <!-- 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">
    {S_TOPIC_ADMIN}
 
                        <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}
    {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>
<body><script> (function(d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = true; g.src = 'https://apis.google.com/js/plusone.js'; s.parentNode.insertBefore(g, s); })(document, 'script'); </script></body>
        <script src="http://milouze14.fr/M14smoothscroll.js" type="text/javascript"></script>

Cordialement.

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

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


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