Le HTML se met dans le template profil_view_body. Dans vos templates, c'est dans la section "PROFIL" plutôt que le classique "GENERAL" ! Il faut désactiver le profil avancé pour que le code fonctionne ! Remplacez la totalité de votre template par ce code >

Code:

<div class="fondprofil">
<div class="entoureavatar"><div class="avatarprofil">{AVATAR_IMG}</div></div>
<div class="username"><div class="triangleuh"></div><h1>{USERNAME}</h1></div>
 <div class="adminPFIL">
 <div>{ADMINISTRATE_USER}{BAN_USER}</div>
 <div>{L_PRIVATE_MSG} : {PRIVATE_MSG}</div></div>

<div class="abtPFIL"><!-- BEGIN profile_field -->
  <div id="field_id{profile_field.ID}"><div>
  <span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div><!-- END profile_field --></div>
  <div id="ktactPFIL"><!-- BEGIN contact_field -->
  <div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div>
</div>
<script src="{JS_DIR}jquery/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>

LE CSS :

Code:


.fondprofil {
    background: #000;
    border: 1px solid #deb873;
    height: 444px;
    margin: 0 auto;
    padding: 5px;
    width: 690px;
    position: relative;
}
.entoureavatar {
    background-image: url(https://image.freepik.com/free-vector/background-with-black-lines_1051-1040.jpg);
    background-size: cover;
    border: 1px solid #deb873;
    float: left;
    height: 420px;
    margin-left: 10px;
    transform: translateY(10px);
    transition: all 800ms;
    width: 220px;
}
  .entoureavatar:hover {
    border: 1px solid #454545;
    transition:all 800ms;
  }
.avatarprofil {
    background-image: url(http://via.placeholder.com/200x320);
    filter: grayscale(60%);
    height: 400px;
    margin-left: 10px;
    transform: translateY(10px);
    transition: all 800ms;
    width: 200px;
}
.avatarprofil img {
    height: 400px;
    width: 200px;
}
  .avatarprofil:hover {
    transition:all 800ms;
    filter:grayscale(0%);
  }
  .username {
    width:430px;
    height:100px;
    background:black;
    border: 1px solid #deb873;
    margin-left:250px;
    transform:translateY(10px);
  }
.username strong {
    font-size: 17px;
}
  .triangleuh {
    background-image: url('https://i.imgur.com/F8JNpEc.png');
    background-position: center;
    background-size: cover;
    float: left;
    position:relative;
    left:0px;
    height: 100px;
    width: 200px;
}
.triangleuh::after {
    border-left: 120px solid transparent;
    border-top: 100px solid black;
    content: "";
    height: 0;
    margin-left: 80px;
    position: absolute;
    width: 0;
}
.adminPFIL {
    -webkit-transition: opacity .75s;
    margin-left: 250px;
    margin-top: 63px;
    opacity: 1;
}
.adminPFIL div {
    background: rgba(0,0,0,0.8);
    border: 1px solid #deb873;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    margin-bottom: -28px;
    margin-top: -48px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    width: 214px;
}
.adminPFIL div a {
    color: white;
}
#ktactPFIL {
    background-size: 100%;
    height: 50px;
    margin-left: 245px;
    margin-top: 93px;
    text-align: center;
    width: 440px;
}
.ktactPFIL {
    background: #deb873;
    height: 40px;
    margin-left: 5px;
    margin-top: -35px;
    width: 430px;
}
.abtPFIL {
    font-size: 14px;
    height: 144px;
    margin-left: 250px;
    margin-top: 20px;
    width: 350px;
    overflow: auto;
}
.abtPFIL div span {
    color: #deb873;
    font-weight: 700;
    text-transform: uppercase;
}
.abtPFIL .field_uneditable {
    display: inline-block;
}