Modifier l'apparence du Profil

par Invité Mer 4 Aoû 2010 - 13:37

Bonjour,

Je n'aime pas beaucoup la présentation du profil de mon forum. Je voudrais changer ça :

En ceci :

Je pense bien qu'il faut modifier le template "Profil_view-body" mais je ne sais pas du tout comment m'y prendre. Je n'ai pas encore modifié ce template, il est donc encore à la valeur par défaut :

Spoiler:

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> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_PROFILE}</th> </tr> <tr> <td class="catLeft" align="center" width="40%" height="28"><b><span class="gen">{L_USER_PRESENCE}</span></b></td> <td class="catRight" width="60%" align="center"><b><span class="gen">{L_ABOUT_USER}</span></b></td> </tr> <tr> <td class="row1" align="center" valign="top" height="120"> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td valign="middle" nowrap="nowrap" align="right" width="20%"><span class="gen">{L_AVATAR_IMG} </span></td> <td width="80%"><b><span class="gen">{AVATAR_IMG}</span></b></td> </tr> <tr> <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_RANK}: </span></td> <td><b><span class="gen">{POSTER_RANK}</span></b></td> </tr>  <tr> <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_STATUT}: </span></td> <td><b><span class="gen">{USER_ONLINE}</span></b></td> </tr>   <tr> <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_FRIENDS_AND_FOES}: </span></td> <td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td> </tr>   <tr> <td valign="middle" nowrap="nowrap" align="right"> <span class="gen">{L_ADMINISTRATE_USER}: </span></td> <td> <strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td> </tr>  </table> </td> <td class="row1" rowspan="3" valign="top"> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td align="right" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}:  </span></td> <td><b><span class="gen">{LAST_VISIT_TIME}</span></b></td> </tr>  <tr> <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}:  </span></td> <td><b><span class="gen">{PRIVATE_MSG}</span></b></td> </tr>   <tr id="field_id{profile_field.ID}"> <td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL}  </span></td> <td width="60%" width="100%"><b><span class="gen">{profile_field.CONTENT}</span></b> <span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <span class="genmed"><a class="genmed" href="{U_SEARCH_USER}&show_results=posts">{L_SEARCH_USER_POSTS} :</a>   - <a class="genmed" href="{U_SEARCH_USER}">{L_TOPICS}</a>   - <a class="genmed" href="{U_SEARCH_USER}&show_results=posts">{L_POSTS}</a></span></td> </tr>  </table> </td> </tr> <tr> <td class="catLeft" align="center" height="28"><b><span class="gen">{L_CONTACT} {USERNAME}</span></b></td> </tr> <tr> <td class="row1" valign="top" height="{S_CONTACT_HEIGHT}"> <table width="100%" border="0" cellspacing="1" cellpadding="0">  <tr id="field_id{contact_field.ID}"> <td width="40%" align="right" valign="middle" nowrap="nowrap"><span class="gen">{contact_field.LABEL}  </span></td> <td width="60%" valign="middle"><b><span class="gen">{contact_field.CONTENT}</span></b></td> </tr>   <tr> <td align="right" valign="middle" nowrap="nowrap" width="50%"> <span class="gen">{L_COMMENTS} :</span> <span class="gensmall">{L_MODS_AND_ADMINS}</span> </td> <td class="row1" valign="middle"> <table align="center"> <tr> <td> {ADMIN_USER_COMMENT} </td> </tr> </table> </td> </tr>  </table> </td> </tr>  <tr> <td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td> </tr> <tr> <td class="row1" align="center" valign="top" height="6"> {RPG_IMAGE} <table width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td align="right" valign="middle" nowrap="nowrap"> <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span> </td> <td width="100%" valign="middle" nowrap="nowrap"> <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</b></span> </td> </tr>  </table> </td> <td class="row1" align="center" valign="top" height="6"> <table width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td align="right" valign="middle" nowrap="nowrap"> <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> </td> <td width="100%" valign="baseline"> <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</b></span> </td> </tr>  </table> </td> </tr> <tr> <td colspan="2" align="center" class="row1"> {U_ADMIN_RPG} </td> </tr>  </table> <script type="text/javascript" src="{JS_DIR}jquery/json/jquery.json-1.3.min.js"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $('[id^=field_id]').each(function(){ if ( $(this).find('.field_editable').is('span') ) { $(this).hover(function() { if( $(this).find('.field_editable.invisible').is('span') ) { $(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( "ajax_profile.forum?jsoncallback=?", {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),sid:"{SID}"}, function(data){ $.each(data, function(i, item){ $('[id=field_id' + i + ']').find('span.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') ) { $(this).find('.field_editable').prev().removeClass('ajax-profil_hover'); $(this).find('.ajax-profil_edit').remove(); } }); } }); }); //]]> </script>

Si quelqu'un s'y connais en code css se serait sympas de laisser un message si vous avez un peu de temps, parce que moi je n'y connais vraiment rien!

Merci d'avance à tous ceux qui voudront bien m'aider.