<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<div class="FTAprofil">
 <div class="FTApftitle">
 <h1>Who are you {USERNAME} ?</h1>
 <h2>Révèle moi tous tes secrets...</h2>
 </div>
 <table>
 <td>
 <div class="FTApfz1">
 <!-- BEGIN profile_field -->
 <div class="FTApflabel">
 <span id="field_id{profile_field.ID}">{profile_field.LABEL}</span>
 <br />
 {profile_field.CONTENT}
 </div>  <!-- END profile_field -->
 </div>
 </td>
 <td>
 <div class="FTApfz2">
 <div class="FTApfavatar">
 <span class="gen">{AVATAR_IMG}</span>
 </div>
 <div class="FTApfrank">
 <span>{POSTER_RANK}</span>
 </div>
 </div>
 </td>
 <td>
 <div class="FTApfz1">
 <div class="FTApflabel">
 <span>La dernière fois que l'on t'as vu</span>
 <br />
 C'était {LAST_VISIT_TIME}
 </div>
 <div class="FTApflabel">
 <span>Tu y as participé</span> : <a href="/sta/{PUSERNAME}">{L_TOPICS}</a>
 </div>
 <div class="FTApflabel">
 <span>Ce que tu as écrit</span> : <a href="/spa/{PUSERNAME}">{L_POSTS}</a>
 </div>
 <center><!-- BEGIN contact_field -->
 <span id="field_id{contact_field.ID}">{contact_field.CONTENT}</span> <!-- END contact_field --></center>
 </div>
 </div>
 </td>
 </table>
 <div class="FTApfcredit">:copyright:Nîniel</div>
</div>
<br />
<script src="{JQUERY_ROOT}json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){
 $('[id^=field_id]').each(function(){
 if ( $(this).find('.field_editable').is('span, div') )
 {
 $(this).hover(function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
 $(this).find('.ajax-profil_edit').attr({
 alt: "{L_FIELD_EDIT_VALUE}",
 title: "{L_FIELD_EDIT_VALUE}"
 }).click(function(){
 $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
 $(this).prev().find('.ajax-profil_valid').attr({
 alt: "{L_VALIDATE}",
 title: "{L_VALIDATE}"
 }).click(function(){
 var content = new Array();
 $(this).parent().find('[name]').each(function(){
 var type_special = $(this).is('input[type=radio],input[type=checkbox]');
 if ( (type_special && $(this).is(':checked')) || !type_special )
 {
 content.push(new Array($(this).attr('name'), $(this).attr('value')));
 }
 });
 var id_name = $(this).parents('[id^=field_id]').attr('id');
 var id = id_name.substring(8, id_name.length);
 $.post(
 "{U_AJAX_PROFILE}",
 {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
 function(data){
 $.each(data, function(i, item){
 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
 });
 },
 "json"
 );
 });
 $(this).remove();
 });
 }
 },function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
 $(this).find('.ajax-profil_edit').remove();
 }
 });
 }
 });
 });
//]]>
</script>

/****************************************** AFFICHAGE DU PROFIL **********************************/
.FTAprofil {
 width: 800px;
 height: 500px;
 background: #e7e7e7;
}
.FTApftitle {
 width: 790px;
 height: 90px;
 background: url('https://www.zupimages.net/up/20/17/tvqx.png');
 padding: 5px;
 text-align: center;
}
.FTApftitle h1 {
 color: #cad2d6;
 text-shadow: -1px 1px 0 #032517;
 font-size: 30px;
 text-transform: uppercase;
}
.FTApftitle h2 {
 color: #af644f;
 font-style: italic;
 font-size: 10px;
 text-transform: uppercase;
 margin-top: -25px;
}
.FTAprofil table {
 width: 800px;
 height: 400px;
}
.FTAprofil table td {
 width: 266px;
 height: 400px;
 text-align: justify;
}
.FTApfz1 {
 width: 230px;
 height: 350px;
 margin: auto;
 background: #eceaed;
 padding: 2px;
 overflow: auto;
 border: 1px solid #051c24;
}
.FTApfz2 {
 width: 230px;
 height: 350px;
 margin: auto;
 padding: 2px;
}
.FTApfavatar {
 width: 200px;
 height: 310px;
 border:4px solid #051c24;
 border-radius: 2px 2px 0px 0px;
 margin-left: auto;
 margin-right: auto;
 overflow: hidden;
}
.FTApfrank {
 width: 200px;
 height: 20px;
 margin: auto;
 background: url('https://www.zupimages.net/up/20/17/hgj0.png');
 background-size: cover;
 padding: 4px;
 margin-top: 0px;
 text-align: center;
 font-weight: bold;
 color: #ffffff !important;
 text-shadow: -1px 1px 0 #032517;
 font-size: 11px;
 padding-top: 10px;
}
.FTApflabel {
 border-bottom: 1px solid #af644f;
 width: 100%;
 padding-top: 2px;
 padding-bottom: 5px;
 font-size: 10px !important;
 color: #000000;
 margin-bottom: 5px;
}
.FTApflabel span {
 font-size: 10px !important;
 color: #af644f !important;
 font-weight: bold;
 text-transform: uppercase;
}
.FTApflabel a, .FTApflabel a:hover {
 color: #000000;
 text-decoration: none;
}
.FTApflabel img {
 max-width: 230px;
}
.FTApflink {
 width: 230px;
 height: 30px;
 margin: auto;
 background: #eceaed;
 padding: 2px;
 overflow: auto;
 border: 1px solid #051c24;
 margin-top: 5px !important;
 overflow: hidden;
}
.FTApflink div {
 display: inline-block;
}

.FTApflink img {
 max-height: 25px;
}
.FTApfcredit {
 font-size: 10px;
 color: #000000;
 width: 100%;
 text-align: center;
}