Feuille de personnage ne s'affiche plus dans le profil.

[cobain.]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Modification du template profile_view_body
Lien du forum : http://des-astres.kanak.fr

Description du problème

Bonjour, bonsoir.
Suite à la modification du template pour l'affichage de mon profil, je me retrouve face à un problème qui m'enquiquine plutôt beaucoup. La feuille de personnage ne s'affiche pas alors qu'elle est activé et rempli dans le profil du membre. (profil rempli). J'ai pourtant bien mis les balises nécessaires dans le template et n'ai pas ce problème d'affichage sur d'autres forums modifier par mes soins. Je n'arrive pas à trouver d'où viens le problème.

Le template modifié

Code:

<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 id="PFL"><center><div id="profil"><div id="pseu">✩ {USERNAME} ✩</div>
  <table><tr><td><div id="imgfp">{RPG_IMAGE}</div><div id="fepe"> <!-- BEGIN rpg_fields -->
 <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
 <!-- END rpg_fields --></div> </td><td><div id="ava">{AVATAR_IMG}</div><div id="rng">{POSTER_RANK}</div>
    <div id="enligne">Hey! Je suis {USER_ONLINE}.</div>
    <div id="admi">Gérer le {ADMINISTRATE_USER}{BAN_USER} du membre.</div></td><td><div id="sbjpfil"><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a></div>
    <div id="pstpfil"><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a></div>
    <div id="ktactPFIL"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div>
    <div id="conte"><!-- BEGIN profile_field --><div id="field_id{profile_field.ID}"><span class="lab">{profile_field.LABEL}</span> <div class="co">{profile_field.CONTENT}</div></div>  <!-- END profile_field --> </div></td></tr></table></div></center></div>
<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>

Le css

Code:

/*--------------------PROFIL--------------------*/
#PFL{background:none;width:730px;height:auto;padding:10px;text-align:center;}
#profil{background-image:url('https://images2.imgbox.com/6b/d7/HIV7cDsI_o.png');width:450px;height:auto;padding:10px;border-radius:10px;}
#pseu{width:420px;border-radius:5px;background-color:rgba(255,255,255,0.7);padding:5px;font-family:oswald;
  text-transform:uppercase;font-size:25px;text-align:center;color:#6f6b68;}
#ava img{border: 5px solid #fff;border-radius: 5px;bottom: 50px;height: 320px;left: 15px;width: 200x;}
#rng{background-color: #d0e3da;color: #606b87!important;font-family:karla;font-size: 11px;font-weight: 100;width:203px;margin-top:5px;
  height: 15px;letter-spacing: -1px;line-height: 15px;padding:0 4px;text-transform: uppercase;display:block;border-radius:10px 10px 10px 10px;
text-align:center;}
#rng img{display:none;}
#enligne{background-color: #f0e7e7;color: #606b87!important;font-family:karla;font-size: 11px;font-weight: 100;width:203px;margin-top:5px;
  height: 15px;letter-spacing: -1px;line-height: 15px;padding:0 4px;text-transform: uppercase;display:block;border-radius:10px 10px 10px 10px;
text-align:center;}
#enligne img{display:none;}
#admi{background-color: #f0e7e7;color: #606b87!important;font-family:karla;font-size: 11px;font-weight: 100;width:203px;margin-top:5px;
  height: 15px;letter-spacing: -1px;line-height: 15px;padding:0 4px;text-transform: uppercase;display:block;border-radius:10px 10px 10px 10px;
text-align:center;}
#admi a{color: #606b87!important;font-family:karla;font-size: 11px;font-weight: 100;text-transform: uppercase;letter-spacing: -1px;}

#sbjpfil{background-color: #f3b0b1;color: #973b66!important;font-family:karla;font-size: 11px;font-weight: 100;width:100px;margin-top:5px;
  height: 15px;line-height: 15px;padding:0 4px;text-transform: uppercase;display:block;border-radius:10px 10px 10px 10px;
text-align:center;position:absolute;margin-top:-180px;margin-left:-20px;}
#sbjpfil a{color: #973b66!important;font-family:karla;font-size: 11px;font-weight: 100;line-height: 15px;
  padding:0 4px;text-transform: uppercase;display:block;border-radius:10px 10px 10px 10px;text-align:center;}
#pstpfil{background-color: #f3b0b1;color: #973b66!important;font-family:karla;font-size: 11px;font-weight: 100;width:100px;margin-top:5px;
  height: 15px;line-height: 15px;padding:0 4px;text-transform: uppercase;display:block;border-radius:10px 10px 10px 10px;
text-align:center;position:absolute;margin-top:-160px;margin-left:-20px;}
#pstpfil a{color: #973b66!important;font-family:karla;font-size: 11px;font-weight: 100;line-height: 15px;
  padding:0 4px;text-transform: uppercase;display:block;border-radius:10px 10px 10px 10px;text-align:center;}

#ktactPFIL {margin-top:-150px;padding:10px;margin-left:-20px;position:absolute;}
.ktactPFIL {display:block; vertical-align:middle;height:25px;width:25px;}
.ktactPFIL img {margin-top:8px; height:25px;width:25px;}

#conte{background-color:rgba(255,255,255,0.9);border: 1px solid #c6f0ec;font-size: 11px;height: 300px;overflow: auto;
    padding: 10px;text-align:justify;width: 210px;position:absolute;margin-top:-140px;margin-left:20px;}
.lab{color:#973b66!important;font-family:karla;font-size: 11px;font-weight: 100;width:100px;height: 15px;
  line-height: 15px;text-transform: uppercase;}
.co img{max-width:210px;}

#imgfp img{width:100px;height:100px;border-radius:100px;border: 5px solid #fff;position:absolute;margin-left:-170px;margin-top:-220px;}

#fepe{background-color:rgba(255,255,255,0.9);border: 1px solid #c6f0ec;font-size: 11px;height: 150px;overflow: auto;
    padding: 10px;text-align:justify;width: 210px;position:absolute;margin-top:-100px;margin-left:-250px;}
.pkl{color:#973b66!important;font-family:karla;font-size: 11px;font-weight: 100;width:100px;height: 15px;
  line-height: 15px;text-transform: uppercase;}

Merci par avance à celui/celle/ceux qui apportera/apporteront leur aide.

[cobain.]

Le sujet est toujours d'actualité, si quelqu'un sait comment me venir en aide.

[cobain.]

Petit up, je désespère totalement de trouver une solution

[cobain.]

[cobain.]

[cobain.]

Toujours personne pour m'aider ?

[cobain.]

[cobain.]