[10] Profil

Remplacer l'intégralité du template par :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="namePFIL">{USERNAME}</div>
<div id="abtPFIL"><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div><div class="borderPFIL"></div></div><div id="adminPFIL"><div class="adminPFIL"><div><a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a> auxquels {PUSERNAME} a participé</div><div class="borderIIPFIL"></div><div><a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a> auxquels {PUSERNAME} a participé</div><div class="borderIIPFIL"></div><div><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><div class="borderIIPFIL"></div><div><span>{L_ADMINISTRATE_USER} :</span> {ADMINISTRATE_USER}{BAN_USER}</div><div class="borderIIPFIL"></div><div><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}</div></div><div id="ktactPFIL"><div class="ktactPFIL">{contact_field.CONTENT}</div></div></div></div>
<div id="avPFIL"><div class="avPFIL">{AVATAR_IMG}</div></div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div><br/>


<div class="tleRPG">{L_VIEWING_RPG}</div>
<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span>{switch_rpg.rpg_fields.F_NAME} :</span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

</table>
<br />
<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>

Partie CSS pour avatars 200*320 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:right;
background:#242424; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
#abtPFIL {
display:inline-block; vertical-align:top; margin-right:10px; width:570px;
}
/* BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:285px; height:325px; padding:5px 10px 10px; overflow:auto; font-size:11px;
background:#1A1A1A; color:#CCC; /* MODIFIABLE */
}
/* INFORMATIONS BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div {
padding:3px 0 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* INTITULES BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* BORDURES BLOC GAUCHE INFORMATIONS PROFIL */
.borderPFIL {
padding:0 0 5px !important;
border-bottom:1px solid #CCC; /* MODIFIABLE */
}
/* BLOC DROITE INFORMATIONS & IMAGES CONTACT PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:255px; height:340px; font-size:11px;
}
/* BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL {
height:280px; padding:5px 10px 10px; overflow:auto;
background:#1A1A1A; color:#CCC; text-transform:uppercase; /* MODIFIABLE */
}
/* INFORMATIONS BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div {
padding:5px 0;
}
/* INTITULES BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div span {
color:#CCC; /* MODIFIABLE */
}
/* BORDURES BLOC DROITE INFORMATIONS PROFIL */
.borderIIPFIL {
padding:0 0 4px !important;
border-bottom:1px solid #CCC; /* MODIFIABLE */
}
/* LIENS BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div a {
color:#CCC; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; height:27px; padding-top:8px; text-align:center;
background:#1A1A1A; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:top;
}
.ktactPFIL img {
margin:0 5px; max-height:20px;
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
.avPFIL {
width:200px; height:320px; overflow:hidden;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:0 auto 10px; width:800px; padding:10px 0;
font-size:12px; text-transform:uppercase; text-align:center; font-family:Arial;
background:#242424; color:#CCC; /* MODIFIABLE */
}
/* BLOC FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px; font-family:Arial;
background:#1A1A1A; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
font-size:11px; text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 200*400 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:right;
background:#242424; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
#abtPFIL {
display:inline-block; vertical-align:top; margin-right:10px; width:570px;
}
/* BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:285px; height:405px; padding:5px 10px 10px; overflow:auto; font-size:11px;
background:#1A1A1A; color:#CCC; /* MODIFIABLE */
}
/* INFORMATIONS BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div {
padding:3px 0 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* INTITULES BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* BORDURES BLOC GAUCHE INFORMATIONS PROFIL */
.borderPFIL {
padding:0 0 5px !important;
border-bottom:1px solid #CCC; /* MODIFIABLE */
}
/* BLOC DROITE INFORMATIONS & IMAGES CONTACT PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:255px; height:420px; font-size:11px;
}
/* BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL {
height:360px; padding:5px 10px 10px; overflow:auto;
background:#1A1A1A; color:#CCC; text-transform:uppercase; /* MODIFIABLE */
}
/* INFORMATIONS BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div {
padding:5px 0;
}
/* INTITULES BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div span {
color:#CCC; /* MODIFIABLE */
}
/* BORDURES BLOC DROITE INFORMATIONS PROFIL */
.borderIIPFIL {
padding:0 0 4px !important;
border-bottom:1px solid #CCC; /* MODIFIABLE */
}
/* LIENS BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div a {
color:#CCC; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; height:27px; padding-top:8px; text-align:center;
background:#1A1A1A; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:top;
}
.ktactPFIL img {
margin:0 5px; max-height:20px;
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
.avPFIL {
width:200px; height:400px; overflow:hidden;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:0 auto 10px; width:800px; padding:10px 0;
font-size:12px; text-transform:uppercase; text-align:center; font-family:Arial;
background:#242424; color:#CCC; /* MODIFIABLE */
}
/* BLOC FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px; font-family:Arial;
background:#1A1A1A; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
font-size:11px; text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 250*350 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:right;
background:#242424; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
#abtPFIL {
display:inline-block; vertical-align:top; margin-right:10px; width:520px;
}
/* BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:255px; height:355px; padding:5px 10px 10px; overflow:auto; font-size:11px;
background:#1A1A1A; color:#CCC; /* MODIFIABLE */
}
/* INFORMATIONS BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div {
padding:3px 0 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* INTITULES BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* BORDURES BLOC GAUCHE INFORMATIONS PROFIL */
.borderPFIL {
padding:0 0 5px !important;
border-bottom:1px solid #CCC; /* MODIFIABLE */
}
/* BLOC DROITE INFORMATIONS & IMAGES CONTACT PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:235px; height:370px; font-size:11px;
}
/* BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL {
height:310px; padding:5px 10px 10px; overflow:auto;
background:#1A1A1A; color:#CCC; text-transform:uppercase; /* MODIFIABLE */
}
/* INFORMATIONS BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div {
padding:5px 0;
}
/* INTITULES BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div span {
color:#CCC; /* MODIFIABLE */
}
/* BORDURES BLOC DROITE INFORMATIONS PROFIL */
.borderIIPFIL {
padding:0 0 4px !important;
border-bottom:1px solid #CCC; /* MODIFIABLE */
}
/* LIENS BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div a {
color:#CCC; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; height:27px; padding-top:8px; text-align:center;
background:#1A1A1A; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:top;
}
.ktactPFIL img {
margin:0 5px; max-height:20px;
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top;
width:250px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
.avPFIL {
width:250px; height:350px; overflow:hidden;
}
.avPFIL img {
min-width:250px;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:0 auto 10px; width:800px; padding:10px 0;
font-size:12px; text-transform:uppercase; text-align:center; font-family:Arial;
background:#242424; color:#CCC; /* MODIFIABLE */
}
/* BLOC FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px; font-family:Arial;
background:#1A1A1A; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
font-size:11px; text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Instructions :

Largeur minimale du forum : 800px

Remplacer l'intégralité du template par :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="namePFIL">{USERNAME}<div id="ktactPFIL"><div class="ktactPFIL">{contact_field.CONTENT}</div></div></div><div id="avPFIL"><div class="avPFIL"><div id="adminPFIL"><div class="adminPFIL"><div><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><div><span>{L_ADMINISTRATE_USER} :</span> {ADMINISTRATE_USER}{BAN_USER}</div><div><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}</div></div></div>{AVATAR_IMG}</div></div><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div><font style="text-transform:uppercase;">- <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a> auxquels {PUSERNAME} a participé<br />- <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a> auxquels {PUSERNAME} a participé</font></div></div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div><br/>


<div class="tleRPG">{L_VIEWING_RPG}</div>
<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span>{switch_rpg.rpg_fields.F_NAME} :</span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

</table>
<br />
<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>

Partie CSS pour avatars 200*320 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:#1A1A1A; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
float:right;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; margin:0 5px;
}
.ktactPFIL img {
max-height:20px;
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; padding:10px;
background:rgba(0,0,0,0.7); /* MODIFIABLE */
}
.avPFIL {
position:relative; width:200px; height:320px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:-150px;
width:200px; height:auto; font-size:11px;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
#avPFIL:hover #adminPFIL {
margin-top:90px;
}
.adminPFIL {
height:auto; padding:10px; overflow:auto;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* INTITULES BLOC ADMINISTRATION PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* LIENS BLOC ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* CONTENUS ADMINISTRATION PROFIL */
.adminPFIL div {
padding:5px 0;
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; vertical-align:top;
width:550px; height:320px; padding:10px; overflow:auto; font-size:11px;
background:rgba(0,0,0,0.7); color:#CCC; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* LIENS INFORMATIONS PROFIL */
.abtPFIL div a {
color:#CCC; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:0 auto 10px; width:790px; padding:10px 0 10px 10px;
font-size:12px; text-transform:uppercase; text-align:left; font-family:Arial;
background:#1A1A1A; color:#CCC; /* MODIFIABLE */
}
/* BLOC FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px; font-family:Arial;
background:rgba(0,0,0,0.7); /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
font-size:11px; text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 200*400 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:#1A1A1A; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
float:right;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; margin:0 5px;
}
.ktactPFIL img {
max-height:20px;
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; padding:10px;
background:rgba(0,0,0,0.7); /* MODIFIABLE */
}
.avPFIL {
position:relative; width:200px; height:400px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:-150px;
width:200px; height:auto; font-size:11px;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
#avPFIL:hover #adminPFIL {
margin-top:100px;
}
.adminPFIL {
height:auto; padding:10px; overflow:auto;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* INTITULES BLOC ADMINISTRATION PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* LIENS BLOC ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* CONTENUS ADMINISTRATION PROFIL */
.adminPFIL div {
padding:5px 0;
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; vertical-align:top;
width:550px; height:400px; padding:10px; overflow:auto; font-size:11px;
background:rgba(0,0,0,0.7); color:#CCC; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* LIENS INFORMATIONS PROFIL */
.abtPFIL div a {
color:#CCC; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:0 auto 10px; width:790px; padding:10px 0 10px 10px;
font-size:12px; text-transform:uppercase; text-align:left; font-family:Arial;
background:#1A1A1A; color:#CCC; /* MODIFIABLE */
}
/* BLOC FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px; font-family:Arial;
background:rgba(0,0,0,0.7); /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
font-size:11px; text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 250*350 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:#1A1A1A; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
float:right;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; margin:0 5px;
}
.ktactPFIL img {
max-height:20px;
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:250px; padding:10px;
background:rgba(0,0,0,0.7); /* MODIFIABLE */
}
.avPFIL {
position:relative; width:250px; height:350px; overflow:hidden;
}
.avPFIL img {
min-width:250px;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:-150px;
width:250px; height:auto; font-size:11px;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
#avPFIL:hover #adminPFIL {
margin-top:95px;
}
.adminPFIL {
height:auto; padding:10px; overflow:auto;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* INTITULES BLOC ADMINISTRATION PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* LIENS BLOC ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* CONTENUS ADMINISTRATION PROFIL */
.adminPFIL div {
padding:5px 0;
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; vertical-align:top;
width:500px; height:350px; padding:10px; overflow:auto; font-size:11px;
background:rgba(0,0,0,0.7); color:#CCC; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* LIENS INFORMATIONS PROFIL */
.abtPFIL div a {
color:#CCC; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:0 auto 10px; width:790px; padding:10px 0 10px 10px;
font-size:12px; text-transform:uppercase; text-align:left; font-family:Arial;
background:#1A1A1A; color:#CCC; /* MODIFIABLE */
}
/* BLOC FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px; font-family:Arial;
background:rgba(0,0,0,0.7); /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
font-size:11px; text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Instructions :

Largeur minimale du forum : 800px

Remplacer l'intégralité du template par :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="avPFIL">{AVATAR_IMG}</div><div class="boxPFIL"><div id="namePFIL"><div class="namePFIL">{USERNAME}</div><i></i><div id="ktactPFIL"><i></i><div class="ktactPFIL">{contact_field.CONTENT}</div></div></div><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div><font style="text-transform:uppercase;">- <a rel="nofollow" href="/sta/{PUSERNAME}">{L_TOPICS}</a> auxquels {PUSERNAME} a participé<br />- <a rel="nofollow" href="/spa/{PUSERNAME}">{L_POSTS}</a> auxquels {PUSERNAME} a participé</font></div></div>
<div id="adminPFIL"><div class="namePFIL" style="display:none;">{USERNAME}</div><div><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><div>| <span>{L_ADMINISTRATE_USER} :</span> {ADMINISTRATE_USER}{BAN_USER} | </div><div><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}</div></div></div>
<div id="boxRPG"><div class="tleRPG">{L_VIEWING_RPG}</div><div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}</div></div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div>
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
$( document ).ready(function() {$('.namePFIL').each(function(){var color = $(this).children().css("color");
$(this).parent().css("background-color", color);});});//]]></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>

Partie CSS pour avatars 200*320 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME & IMAGES CONTACT PROFIL */
#namePFIL {
height:90px; text-align:center;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* BLOCS ALIGNEMENT */
#namePFIL i {
display:inline-block; vertical-align:middle; width:1px; height:90px;
}
.namePFIL {
display:inline-block; vertical-align:middle; text-align:center;
text-transform:uppercase; font-size:32px;
}
/* PSEUDONYME PROFIL */
.namePFIL strong {
color:white; /* MODIFIABLE */
}
#namePFIL:hover .namePFIL strong {
opacity:0;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
position:absolute; margin-top:-90px; width:590px; height:90px; text-align:center;
opacity:0;
}
#namePFIL:hover #ktactPFIL {
opacity:1;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin:10px auto;
width:570px; height:160px; padding:10px; overflow:auto; font-size:11px;
background:#DEDEDE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* LIENS INFORMATIONS PROFIL */
.abtPFIL div a {
color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:1px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
height:20px; padding:5px 0; text-align:center; font-size:9px;
background:#191919; color:white; /* MODIFIABLE - BACKGROUND PAR DEFAUT */
}
/* INTITULES BLOC ADMINISTRATION PROFIL */
#adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* LIENS BLOC ADMINISTRATION PROFIL */
#adminPFIL div a{
color:white; /* MODIFIABLE */
}
/* CONTENUS BLOC ADMINISTRATION PROFIL */
#adminPFIL div {
display:inline-block; padding:5px 0 5px 5px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
#boxRPG {
margin:10px auto 0; width:800px;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
width:785px; height:20px; padding:15px 15px 15px 0;
text-transform:uppercase; text-align:right;
background:#1A1A1A; color:white; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
position:absolute; margin-top:-380px; margin-left:210px;
width:590px; height:0px; overflow:hidden;
background:#1A1A1A; /* MODIFIABLE */
opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* SURVOL FEUILLE DE PERSONAGE PROFIL */
#boxRPG:hover .boxRPG {
width:570px; height:300px; padding:10px; overflow:auto; opacity:1;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 200*400 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME & IMAGES CONTACT PROFIL */
#namePFIL {
height:90px; text-align:center;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* BLOCS ALIGNEMENT */
#namePFIL i {
display:inline-block; vertical-align:middle; width:1px; height:90px;
}
.namePFIL {
display:inline-block; vertical-align:middle; text-align:center;
text-transform:uppercase; font-size:32px;
}
/* PSEUDONYME PROFIL */
.namePFIL strong {
color:white; /* MODIFIABLE */
}
#namePFIL:hover .namePFIL strong {
opacity:0;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
position:absolute; margin-top:-90px; width:590px; height:90px; text-align:center;
opacity:0;
}
#namePFIL:hover #ktactPFIL {
opacity:1;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin:10px auto;
width:570px; height:240px; padding:10px; overflow:auto; font-size:11px;
background:#DEDEDE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* LIENS INFORMATIONS PROFIL */
.abtPFIL div a {
color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:1px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
height:20px; padding:5px 0; text-align:center; font-size:9px;
background:#191919; color:white; /* MODIFIABLE - BACKGROUND PAR DEFAUT */
}
/* INTITULES BLOC ADMINISTRATION PROFIL */
#adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* LIENS BLOC ADMINISTRATION PROFIL */
#adminPFIL div a{
color:white; /* MODIFIABLE */
}
/* CONTENUS BLOC ADMINISTRATION PROFIL */
#adminPFIL div {
display:inline-block; padding:5px 0 5px 5px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
#boxRPG {
margin:10px auto 0; width:800px;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
width:785px; height:20px; padding:15px 15px 15px 0;
text-transform:uppercase; text-align:right;
background:#1A1A1A; color:white; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
position:absolute; margin-top:-460px; margin-left:210px;
width:590px; height:0px; overflow:hidden;
background:#1A1A1A; /* MODIFIABLE */
opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* SURVOL FEUILLE DE PERSONAGE PROFIL */
#boxRPG:hover .boxRPG {
width:570px; height:380px; padding:10px; overflow:auto; opacity:1;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 250*350 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:250px; height:350px; overflow:hidden;
}
.avPFIL {
min-width:250px;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME & IMAGES CONTACT PROFIL */
#namePFIL {
height:90px; text-align:center;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* BLOCS ALIGNEMENT */
#namePFIL i {
display:inline-block; vertical-align:middle; width:1px; height:90px;
}
.namePFIL {
display:inline-block; vertical-align:middle; text-align:center;
text-transform:uppercase; font-size:32px;
}
/* PSEUDONYME PROFIL */
.namePFIL strong {
color:white; /* MODIFIABLE */
}
#namePFIL:hover .namePFIL strong {
opacity:0;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
position:absolute; margin-top:-90px; width:540px; height:90px; text-align:center;
opacity:0;
}
#namePFIL:hover #ktactPFIL {
opacity:1;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin:10px auto;
width:520px; height:190px; padding:10px; overflow:auto; font-size:11px;
background:#DEDEDE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* LIENS INFORMATIONS PROFIL */
.abtPFIL div a {
color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:1px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
height:20px; padding:5px 0; text-align:center; font-size:9px;
background:#191919; color:white; /* MODIFIABLE - BACKGROUND PAR DEFAUT */
}
/* INTITULES BLOC ADMINISTRATION PROFIL */
#adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* LIENS BLOC ADMINISTRATION PROFIL */
#adminPFIL div a{
color:white; /* MODIFIABLE */
}
/* CONTENUS BLOC ADMINISTRATION PROFIL */
#adminPFIL div {
display:inline-block; padding:5px 0 5px 5px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
#boxRPG {
margin:10px auto 0; width:800px;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
width:785px; height:20px; padding:15px 15px 15px 0;
text-transform:uppercase; text-align:right;
background:#1A1A1A; color:white; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
position:absolute; margin-top:-410px; margin-left:260px;
width:540px; height:0px; overflow:hidden;
background:#1A1A1A; /* MODIFIABLE */
opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* SURVOL FEUILLE DE PERSONAGE PROFIL */
#boxRPG:hover .boxRPG {
width:520px; height:330px; padding:10px; overflow:auto; opacity:1;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Instructions :

Largeur minimale du forum : 800px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE

Remplacer l'intégralité du template par :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="namePFIL">{USERNAME}</div>
<div class="avPFIL"><div id="adminPFIL"><div><span>{L_ADMINISTRATE_USER} :</span><br/>{ADMINISTRATE_USER}{BAN_USER}</div><div><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}</div></div>{AVATAR_IMG}</div><div class="boxPFIL"><a rel="nofollow" class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a rel="nofollow" class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a><div class="lstPFIL"><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><br/><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div></div><div id="ktactPFIL"><div class="ktactPFIL">{contact_field.CONTENT}</div></div></div>

<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div>
</table>
<br />
<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>

Partie CSS pour avatars 200*320 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:130px; margin-left:7px;
width:185px; height:0; overflow:hidden;
font-size:11px; text-align:center;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:175px; height:43px; padding:5px;
}
/* LIENS ADMINISTRATION PROFIL */
#adminPFIL a {
color:white; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; width:590px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:75px; height:27px; padding-top:13px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(0,0,0,0.7); color:white !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:95px; height:27px; padding-top:13px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(0,0,0,0.6); color:white !important; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:top;
width:400px; height:27px; padding-top:13px;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px;
width:460px; height:250px; padding:10px; overflow:auto; font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px;
width:100px; height:255px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img {
margin:auto; margin-bottom:10px; max-width:80px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 200*400 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:150px; margin-left:7px;
width:185px; height:0; overflow:hidden;
font-size:11px; text-align:center;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:175px; height:43px; padding:5px;
}
/* LIENS ADMINISTRATION PROFIL */
#adminPFIL a {
color:white; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; width:590px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:75px; height:27px; padding-top:13px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(0,0,0,0.7); color:white !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:95px; height:27px; padding-top:13px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(0,0,0,0.6); color:white !important; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:top;
width:400px; height:27px; padding-top:13px;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px;
width:460px; height:330px; padding:10px; overflow:auto; font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px;
width:100px; height:335px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img {
margin:auto; margin-bottom:10px; max-width:80px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 250*350 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:250px; height:350px; overflow:hidden;
}
.avPFIL img {
min-width:250px
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:130px; margin-left:7px;
width:235px; height:0; overflow:hidden;
font-size:11px; text-align:center;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:225px; height:43px; padding:5px;
}
/* LIENS ADMINISTRATION PROFIL */
#adminPFIL a {
color:white; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; width:540px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:75px; height:27px; padding-top:13px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(0,0,0,0.7); color:white !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:95px; height:27px; padding-top:13px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(0,0,0,0.6); color:white !important; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:top;
width:350px; height:27px; padding-top:13px;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px;
width:410px; height:280px; padding:10px; overflow:auto; font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px;
width:100px; height:285px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img {
margin:auto; margin-bottom:10px; max-width:80px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Instructions :

Largeur minimale du forum : 800px

Remplacer l'intégralité du template par :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="boxPFIL"><div class="sbjPFIL"><a rel="nofollow" href="/sta/{PUSERNAME}">{L_TOPICS}</a></div><div class="msgPFIL"><a rel="nofollow" href="/spa/{PUSERNAME}">{L_POSTS}</a></div><div class="lstPFIL"><div><i style="height:98px;"></i><i><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</i></div></div></div><div class="boxPFIL"><div class="namePFIL colorPFIL">{USERNAME}</div><div class="avPFIL"><div id="ktactPFIL"><div id="adminPFIL"><div><span>{L_ADMINISTRATE_USER} :</span><br/>{ADMINISTRATE_USER}{BAN_USER}</div><div><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}</div></div><div class="ktactPFIL">{contact_field.CONTENT}</div></div>{AVATAR_IMG}</div><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div></div></div>

<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div>
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
$( document ).ready(function() {$('.colorPFIL').each(function(){var color = $(this).children().css("color");
$(this).closest('.namePFIL').css("background-color", color);});});//]]></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>

Partie CSS pour avatars 200*320 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
margin-bottom:10px;
width:100px; height:100px; padding:10px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* BORDURE SUJETS UTILISATEUR PROFIL */
.sbjPFIL a {
display:block; margin:auto;
width:98px; height:58px; padding-top:40px; border:1px solid;
border-color:rgba(0,0,0,0.4); color:grey; /* MODIFIABLE */
}
/* BLOC MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
margin-bottom:10px;
width:100px; height:100px; padding:10px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* BORDURE MESSAGES UTILISATEUR PROFIL */
.msgPFIL a {
display:block; margin:auto;
width:98px; height:58px; padding-top:40px; border:1px solid;
border-color:rgba(0,0,0,0.3); color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE PROFIL */
.lstPFIL {
width:100px; height:100px; padding:10px;
text-align:center; font-size:11px;
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* BORDURE DERNIERE VISITE PROFIL */
.lstPFIL div {
display:block; margin:auto;
width:88px; height:98px; padding:0 5px; border:1px solid;
border-color:rgba(0,0,0,0.2); color:grey; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
text-transform:uppercase;
}
/* BLOC ALIGNEMENT */
.lstPFIL i {
display:inline-block; vertical-align:middle; font-style:normal;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-left:10px; margin-bottom:10px;
height:20px; padding:15px;
text-transform:uppercase; text-align:right; letter-spacing:3px;
background:rgba(255,255,255,0.7); /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR & IMAGES CONTACT PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-left:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC IMAGES CONTACT & ADMINISTRATION PROFIL */
#ktactPFIL {
position:absolute;
width:200px; height:305px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
opacity:0; transition:opacity ease-in-out 0.75s; -webkit-transition:opacity ease-in-out 0.75s;
}
#ktactPFIL:hover {
opacity:1;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
margin-bottom:15px;
font-size:11px; color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
#adminPFIL a {
color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img {
margin:auto; margin-bottom:10px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-left:10px;
width:440px; height:300px; padding:10px; overflow:auto; font-size:11px;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#191919; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 200*400 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
margin-bottom:10px;
width:125px; height:125px; padding:10px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* BORDURE SUJETS UTILISATEUR PROFIL */
.sbjPFIL a {
display:block; margin:auto;
width:123px; height:73px; padding-top:50px; border:1px solid;
border-color:rgba(0,0,0,0.4); color:grey; /* MODIFIABLE */
}
/* BLOC MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
margin-bottom:10px;
width:125px; height:125px; padding:10px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* BORDURE MESSAGES UTILISATEUR PROFIL */
.msgPFIL a {
display:block; margin:auto;
width:123px; height:73px; padding-top:50px; border:1px solid;
border-color:rgba(0,0,0,0.3); color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE PROFIL */
.lstPFIL {
width:125px; height:125px; padding:10px;
text-align:center; font-size:11px;
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* BORDURE DERNIERE VISITE PROFIL */
.lstPFIL div {
display:block; margin:auto;
width:113px; height:108px; padding:14px 5px 0; border:1px solid;
border-color:rgba(0,0,0,0.2); color:grey; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
text-transform:uppercase;
}
/* BLOC ALIGNEMENT */
.lstPFIL i {
display:inline-block; vertical-align:middle; font-style:normal;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-left:10px; margin-bottom:10px;
height:20px; padding:15px;
text-transform:uppercase; text-align:right; letter-spacing:3px;
background:rgba(255,255,255,0.7); /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR & IMAGES CONTACT PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-left:10px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC IMAGES CONTACT & ADMINISTRATION PROFIL */
#ktactPFIL {
position:absolute;
width:200px; height:385px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
opacity:0; transition:opacity ease-in-out 0.75s; -webkit-transition:opacity ease-in-out 0.75s;
}
#ktactPFIL:hover {
opacity:1;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
margin-bottom:15px;
font-size:11px; color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
#adminPFIL a {
color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img {
margin:auto; margin-bottom:10px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-left:10px;
width:415px; height:380px; padding:10px; overflow:auto; font-size:11px;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#191919; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 250*350 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
margin-bottom:10px;
width:110px; height:110px; padding:10px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* BORDURE SUJETS UTILISATEUR PROFIL */
.sbjPFIL a {
display:block; margin:auto;
width:108px; height:63px; padding-top:45px; border:1px solid;
border-color:rgba(0,0,0,0.4); color:grey; /* MODIFIABLE */
}
/* BLOC MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
margin-bottom:10px;
width:110px; height:110px; padding:10px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* BORDURE MESSAGES UTILISATEUR PROFIL */
.msgPFIL a {
display:block; margin:auto;
width:108px; height:63px; padding-top:45px; border:1px solid;
border-color:rgba(0,0,0,0.3); color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE PROFIL */
.lstPFIL {
width:110px; height:110px; padding:10px;
text-align:center; font-size:11px;
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* BORDURE DERNIERE VISITE PROFIL */
.lstPFIL div {
display:block; margin:auto;
width:98px; height:102px; padding:6px 5px 0; border:1px solid;
border-color:rgba(0,0,0,0.2); color:grey; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
text-transform:uppercase;
}
/* BLOC ALIGNEMENT */
.lstPFIL i {
display:inline-block; vertical-align:middle; font-style:normal;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-left:10px; margin-bottom:10px;
height:20px; padding:15px;
text-transform:uppercase; text-align:right; letter-spacing:3px;
background:rgba(255,255,255,0.7); /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR & IMAGES CONTACT PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-left:10px;
width:250px; height:350px; overflow:hidden;
}
.avPFIL img {
max-width:250px !important;
}
/* BLOC IMAGES CONTACT & ADMINISTRATION PROFIL */
#ktactPFIL {
position:absolute;
width:250px; height:335px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
opacity:0; transition:opacity ease-in-out 0.75s; -webkit-transition:opacity ease-in-out 0.75s;
}
#ktactPFIL:hover {
opacity:1;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
margin-bottom:15px;
font-size:11px; color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
#adminPFIL a {
color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img {
margin:auto; margin-bottom:10px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-left:10px;
width:380px; height:330px; padding:10px; overflow:auto; font-size:11px;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#191919; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Instructions :

Largeur minimale du forum : 800px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE

Remplacer l'intégralité du template par :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="topPFIL"><div class="colorPFIL" style="display:none;">{USERNAME}</div><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a><div class="namePFIL">{USERNAME}<div class="lstPFIL"><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div></div></div>
<div class="avPFIL"><div class="adminPFIL"><div>{ADMINISTRATE_USER}{BAN_USER}</div><div>{L_PRIVATE_MSG} : {PRIVATE_MSG}</div></div>{AVATAR_IMG}</div>
<script type="text/javascript">//<![CDATA[
$( document ).ready(function() {$('.colorPFIL').each(function(){var color = $(this).children().css("color");
$(this).closest('.topPFIL').css("background-color", color);});});//]]></script>
<div class="boxPFIL"><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div></div><div id="ktactPFIL"><span style="display:inline-block; vertical-align:middle; height:35px;"></span><div class="ktactPFIL">{contact_field.CONTENT}</div></div>
</div>

<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div>
</table>
<br />
<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>

Partie CSS pour avatars 200*320 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC SUJETS & MESSAGES / PSEUDONYME & DERNIERE VISITE PROFIL */
.topPFIL {
padding:10px 0;
text-transform:uppercase; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
.namePFIL {
display:inline-block; vertical-align:middle;
width:590px; text-align:right;
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
margin-left:210px; margin-top:3px;
width:380px; padding-top:3px; border-top:1px solid;
text-align:right; font-size:10px; text-transform:uppercase; line-height:14px;
border-color:white; color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
.adminPFIL {
position:absolute; margin-top:115px; margin-left:10px;
opacity:0; transition:opacity 0.75s; -webkit-transition:opacity 0.75s;
}
.avPFIL:hover .adminPFIL {
opacity:1;
}
/* CONTENUS ADMINISTRATION PROFIL */
.adminPFIL div {
margin-bottom:5px; width:180px; padding:5px 0;
font-size:11px; text-align:center; text-transform:uppercase;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL div a {
color:white; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; margin-top:10px; width:590px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
width:570px; height:255px; padding:10px; overflow-y:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px;
height:35px; text-align:right;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin-right:10px; max-height:20px; overflow:hidden;
}
.ktactPFIL img {
max-height:20px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 200*400 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC SUJETS & MESSAGES / PSEUDONYME & DERNIERE VISITE PROFIL */
.topPFIL {
padding:10px 0;
text-transform:uppercase; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
.namePFIL {
display:inline-block; vertical-align:middle;
width:590px; text-align:right;
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
margin-left:210px; margin-top:3px;
width:380px; padding-top:3px; border-top:1px solid;
text-align:right; font-size:10px; text-transform:uppercase; line-height:14px;
border-color:white; color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
.adminPFIL {
position:absolute; margin-top:145px; margin-left:10px;
opacity:0; transition:opacity 0.75s; -webkit-transition:opacity 0.75s;
}
.avPFIL:hover .adminPFIL {
opacity:1;
}
/* CONTENUS ADMINISTRATION PROFIL */
.adminPFIL div {
margin-bottom:5px; width:180px; padding:5px 0;
font-size:11px; text-align:center; text-transform:uppercase;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL div a {
color:white; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; margin-top:10px; width:590px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
width:570px; height:335px; padding:10px; overflow-y:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px;
height:35px; text-align:right;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin-right:10px; max-height:20px; overflow:hidden;
}
.ktactPFIL img {
max-height:20px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Partie CSS pour avatars 250*350 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC SUJETS & MESSAGES / PSEUDONYME & DERNIERE VISITE PROFIL */
.topPFIL {
padding:10px 0;
text-transform:uppercase; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
.namePFIL {
display:inline-block; vertical-align:middle;
width:590px; text-align:right;
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
margin-left:210px; margin-top:3px;
width:380px; padding-top:3px; border-top:1px solid;
text-align:right; font-size:10px; text-transform:uppercase; line-height:14px;
border-color:white; color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;
width:250px; height:350px; overflow:hidden;
}
.avPFIL img {
min-width:250px;
}
/* BLOC ADMINISTRATION PROFIL */
.adminPFIL {
position:absolute; margin-top:125px; margin-left:10px;
opacity:0; transition:opacity 0.75s; -webkit-transition:opacity 0.75s;
}
.avPFIL:hover .adminPFIL {
opacity:1;
}
/* CONTENUS ADMINISTRATION PROFIL */
.adminPFIL div {
margin-bottom:5px; width:230px; padding:5px 0;
font-size:11px; text-align:center; text-transform:uppercase;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL div a {
color:white; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; margin-top:10px; width:540px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
width:520px; height:285px; padding:10px; overflow-y:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px;
height:35px; text-align:right;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin-right:10px; max-height:20px; overflow:hidden;
}
.ktactPFIL img {
max-height:20px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

Instructions :

Largeur minimale du forum : 800px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE

Remplacer l'intégralité du template par :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="namePFIL">{USERNAME}</div>
<div class="boxPFIL"><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div></div><div class="avPFIL">{AVATAR_IMG}</div><div id="ktactPFIL"><span class="ALPFIL" style="display:inline-block; vertical-align:middle;"></span><span style="display:inline-block; vertical-align:middle; width:60px;"><div class="ktactPFIL">{contact_field.CONTENT}</div></span></div></div>
<div class="btmPFIL"><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a><div style="display:inline-block; vertical-align:middle; margin-left:240px;"><div class="lstPFIL"><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><div class="adminPFIL">{ADMINISTRATE_USER}{BAN_USER} | {L_PRIVATE_MSG} : {PRIVATE_MSG}</div></div></div>

<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div>
</table>
<br />
<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>

Partie CSS pour avatars 200*320 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
height:20px; padding:15px;
text-transform:uppercase; text-align:left;
background:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* INFORMATIONS / AVATAR / IMAGES CONTACT PROFIL */
.boxPFIL {
margin-top:10px; width:800px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top; width:500px; height:255px; padding:10px; overflow-y:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin:-45px 10px 0;
width:200px; height:320px; overflow:hidden;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; width:60px; height:275px;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center;
}
.ktactPFIL img {
margin:auto; max-width:40px;
}
.ALPFIL {
height:275px;
}
/* BLOC SUJETS & MESSAGES UTILISATEUR - DERNIERE VISITE & ADMINISTRATION PROFIL */
.btmPFIL {
margin-top:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:#4A4A4A; /* MODIFIABLE */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
width:350px;
font-size:10px; text-transform:uppercase; text-align:right; line-height:14px;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
color:white; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
margin-top:5px; padding-top:5px; border-top:1px solid;
font-size:10px; text-align:right; text-transform:uppercase;
border-color:white; color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Partie CSS pour avatars 200*400 :

Code:: /* AVATARS 200*400 */
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
height:20px; padding:15px;
text-transform:uppercase; text-align:left;
background:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* INFORMATIONS / AVATAR / IMAGES CONTACT PROFIL */
.boxPFIL {
margin-top:10px; width:800px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top; width:500px; height:335px; padding:10px; overflow-y:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin:-45px 10px 0;
width:200px; height:400px; overflow:hidden;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; width:60px; height:355px;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center;
}
.ktactPFIL img {
margin:auto; max-width:40px;
}
.ALPFIL {
height:355px;
}
/* BLOC SUJETS & MESSAGES UTILISATEUR - DERNIERE VISITE & ADMINISTRATION PROFIL */
.btmPFIL {
margin-top:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:#4A4A4A; /* MODIFIABLE */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
width:350px;
font-size:10px; text-transform:uppercase; text-align:right; line-height:14px;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
color:white; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
margin-top:5px; padding-top:5px; border-top:1px solid;
font-size:10px; text-align:right; text-transform:uppercase;
border-color:white; color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Partie CSS pour avatars 250*350 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
height:20px; padding:15px;
text-transform:uppercase; text-align:left;
background:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* INFORMATIONS / AVATAR / IMAGES CONTACT PROFIL */
.boxPFIL {
margin-top:10px; width:800px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top; width:450px; height:285px; padding:10px; overflow-y:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin:-45px 10px 0;
width:250px; height:350px; overflow:hidden;
}
.avPFIL img {
min-width:250px;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; width:60px; height:305px;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center;
}
.ktactPFIL img {
margin:auto; max-width:40px;
}
.ALPFIL {
height:305px;
}
/* BLOC SUJETS & MESSAGES UTILISATEUR - DERNIERE VISITE & ADMINISTRATION PROFIL */
.btmPFIL {
margin-top:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:#4A4A4A; /* MODIFIABLE */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
width:350px;
font-size:10px; text-transform:uppercase; text-align:right; line-height:14px;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
color:white; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
margin-top:5px; padding-top:5px; border-top:1px solid;
font-size:10px; text-align:right; text-transform:uppercase;
border-color:white; color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Instructions :

Largeur minimale du forum : 800px

Remplacer l'intégralité du template par :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="topPFIL"><div class="lstPFIL"><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a></div><div id="ktactPFIL"><span class="ALPFIL" style="display:inline-block; vertical-align:middle;"></span><span style="display:inline-block; vertical-align:middle; width:60px;"><div class="ktactPFIL">{contact_field.CONTENT}</div></span></div><div class="avPFIL">{AVATAR_IMG}</div><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div></div><div class="namePFIL">{USERNAME}<div class="adminPFIL">{ADMINISTRATE_USER}{BAN_USER} | {L_PRIVATE_MSG} : {PRIVATE_MSG}</div></div>


<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div>
</table>
<br />
<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>

Partie CSS pour avatars 200*320 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC DERNIERE VISITE - SUJETS & MESSAGES UTILISATEUR PROFIL */
.topPFIL {
margin-bottom:10px; padding:10px;
background:#4A4A4A; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:middle;
width:550px; height:22px; padding:8px 10px 0;
font-size:10px; text-transform:uppercase; text-align:left; line-height:14px;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
color:white; /* MODIFIABLE */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:65px; height:22px; padding:8px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:85px; height:22px; padding:8px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; width:60px; height:320px;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center;
}
.ktactPFIL img {
margin:auto; max-width:40px;
}
.ALPFIL {
height:320px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top;
width:500px; height:300px; padding:10px; overflow-y:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC PSEUDONYME & ADMINISTRATION PROFIL */
.namePFIL {
margin-top:10px;
height:20px; padding:15px;
text-transform:uppercase; text-align:left;
background:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:right; margin-top:3px;
font-size:10px; text-align:right; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Partie CSS pour avatars 200*400 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC DERNIERE VISITE - SUJETS & MESSAGES UTILISATEUR PROFIL */
.topPFIL {
margin-bottom:10px; padding:10px;
background:#4A4A4A; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:middle;
width:550px; height:22px; padding:8px 10px 0;
font-size:10px; text-transform:uppercase; text-align:left; line-height:14px;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
color:white; /* MODIFIABLE */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:65px; height:22px; padding:8px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:85px; height:22px; padding:8px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; width:60px; height:400px;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center;
}
.ktactPFIL img {
margin:auto; max-width:40px;
}
.ALPFIL {
height:400px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top;
width:500px; height:380px; padding:10px; overflow-y:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC PSEUDONYME & ADMINISTRATION PROFIL */
.namePFIL {
margin-top:10px;
height:20px; padding:15px;
text-transform:uppercase; text-align:left;
background:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:right; margin-top:3px;
font-size:10px; text-align:right; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Partie CSS pour avatars 250*350 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC DERNIERE VISITE - SUJETS & MESSAGES UTILISATEUR PROFIL */
.topPFIL {
margin-bottom:10px; padding:10px;
background:#4A4A4A; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:middle;
width:550px; height:22px; padding:8px 10px 0;
font-size:10px; text-transform:uppercase; text-align:left; line-height:14px;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
color:white; /* MODIFIABLE */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:65px; height:22px; padding:8px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:85px; height:22px; padding:8px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; width:60px; height:350px;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center;
}
.ktactPFIL img {
margin:auto; max-width:40px;
}
.ALPFIL {
height:350px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:250px; height:350px; overflow:hidden;
}
.avPFIL img {
min-width:250px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top;
width:450px; height:330px; padding:10px; overflow-y:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC PSEUDONYME & ADMINISTRATION PROFIL */
.namePFIL {
margin-top:10px;
height:20px; padding:15px;
text-transform:uppercase; text-align:left;
background:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:right; margin-top:3px;
font-size:10px; text-align:right; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Instructions :

Largeur minimale du forum : 800px

Remplacer l'intégralité du template par :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="adminPFIL">{ADMINISTRATE_USER}{BAN_USER} | {L_PRIVATE_MSG} : {PRIVATE_MSG}</div><div class="topPFIL"><div style="float:left;"><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a></div><div class="namePFIL colorPFIL">{USERNAME}</div></div><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div></div><div class="avPFIL"><div class="triPFIL"><div class="colorPFIL" style="display:none;">{USERNAME}</div></div>{AVATAR_IMG}</div><div class="btmPFIL"><div id="ktactPFIL"><div class="ktactPFIL">{contact_field.CONTENT}</div></div><div class="lstPFIL"><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div></div>


<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div>
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
$( document ).ready(function() {$('.colorPFIL').each(function(){var color = $(this).children().css("color");
$(this).closest('.topPFIL').css("background-color", color);});});
$( document ).ready(function() {$('.colorPFIL').each(function(){var color = $(this).children().css("color");
$(this).closest('.triPFIL').css("border-top-color", color);});});//]]></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>

Partie CSS pour avatars 200*320 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
margin-bottom:3px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; opacity:0.7; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.topPFIL {
height:37px; padding:20px; overflow:hidden;
text-transform:uppercase; text-align:right; font-size:30px; line-height:34px;
background:#4A4A4A; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:block; margin-bottom:3px;
width:58px; height:15px; padding:1px 0; padding-left:2px;
text-transform:uppercase; text-align:center; font-size:9px; letter-spacing:2px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:block;
width:60px; height:15px; padding:1px 0;
text-transform:uppercase; text-align:center; font-size:9px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* TRIANGLE BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.triPFIL {
position:absolute; margin-top:-15px; margin-left:155px;
width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent;
border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top;
width:550px; height:330px; padding:10px; overflow-y:auto;
font-size:11px;
background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top;
width:200px; height:320px; padding:15px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT & DERNIERE VISITE PROFIL */
.btmPFIL {
padding:10px;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:middle;
width:60%; text-align:left;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
max-height:25px;
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:middle;
width:40%;
font-size:10px; text-transform:uppercase; text-align:right;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Partie CSS pour avatars 200*400 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
margin-bottom:3px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; opacity:0.7; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.topPFIL {
height:37px; padding:20px; overflow:hidden;
text-transform:uppercase; text-align:right; font-size:30px; line-height:34px;
background:#4A4A4A; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:block; margin-bottom:3px;
width:58px; height:15px; padding:1px 0; padding-left:2px;
text-transform:uppercase; text-align:center; font-size:9px; letter-spacing:2px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:block;
width:60px; height:15px; padding:1px 0;
text-transform:uppercase; text-align:center; font-size:9px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* TRIANGLE BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.triPFIL {
position:absolute; margin-top:-15px; margin-left:155px;
width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent;
border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top;
width:550px; height:410px; padding:10px; overflow-y:auto;
font-size:11px;
background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top;
width:200px; height:400px; padding:15px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT & DERNIERE VISITE PROFIL */
.btmPFIL {
padding:10px;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:middle;
width:60%; text-align:left;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
max-height:25px;
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:middle;
width:40%;
font-size:10px; text-transform:uppercase; text-align:right;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Partie CSS pour avatars 250*350 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
margin-bottom:3px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; opacity:0.7; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.topPFIL {
height:37px; padding:20px; overflow:hidden;
text-transform:uppercase; text-align:right; font-size:30px; line-height:34px;
background:#4A4A4A; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:block; margin-bottom:3px;
width:58px; height:15px; padding:1px 0; padding-left:2px;
text-transform:uppercase; text-align:center; font-size:9px; letter-spacing:2px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:block;
width:60px; height:15px; padding:1px 0;
text-transform:uppercase; text-align:center; font-size:9px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* TRIANGLE BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.triPFIL {
position:absolute; margin-top:-15px; margin-left:205px;
width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent;
border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top;
width:500px; height:360px; padding:10px; overflow-y:auto;
font-size:11px;
background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top;
width:250px; height:350px; padding:15px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
}
.avPFIL img {
min-width:250px;
}
/* BLOC IMAGES CONTACT & DERNIERE VISITE PROFIL */
.btmPFIL {
padding:10px;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:middle;
width:60%; text-align:left;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
max-height:25px;
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:middle;
width:40%;
font-size:10px; text-transform:uppercase; text-align:right;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Instructions :

Largeur minimale du forum : 800px

CE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE

Remplacer l'intégralité du template par :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="lstPFIL"><div class="adminPFIL">{ADMINISTRATE_USER}{BAN_USER} | {L_PRIVATE_MSG} : {PRIVATE_MSG}</div><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><div id="avPFIL"><div class="avPFIL">{AVATAR_IMG}</div><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a></div><div class="boxPFIL"><div class="namePFIL">{USERNAME}</div><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div></div></div><div id="ktactPFIL"><div class="ktactPFIL">{contact_field.CONTENT}</div></div>


<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div>
</table>
<br />
<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>

Partie CSS pour avatars 200*320 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC ADMINISTRATION & DERNIERE VISITE PROFIL */
.lstPFIL {
margin-bottom:15px;
padding:2px 5px; border:1px solid;
font-size:10px; text-transform:uppercase; text-align:right;
border-color:grey; background:#DEDEDE; color:black; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:left; margin-top:1px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; /* MODIFIABLE */
opacity:0.7;
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:black; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:15px;
width:200px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME & INFORMATIONS PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:30px; padding:20px;
text-transform:uppercase; text-align:center; font-size:20px; line-height:30px;
background:#4A4A4A; /* MODIFIABLE */
}
/* TRIANGLE PSEUDONYME PROFIL */
.namePFIL::before {
content:''; float:left; margin-left:-35px; margin-top:3px;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin-top:15px;
width:541px; height:275px; padding:10px; overflow-y:auto;
border:1px solid; font-size:11px;
border-color:grey; background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:15px;
padding:10px 5px 10px 0; text-align:right;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
margin:auto; max-height:25px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Partie CSS pour avatars 200*400 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC ADMINISTRATION & DERNIERE VISITE PROFIL */
.lstPFIL {
margin-bottom:15px;
padding:2px 5px; border:1px solid;
font-size:10px; text-transform:uppercase; text-align:right;
border-color:grey; background:#DEDEDE; color:black; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:left; margin-top:1px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; /* MODIFIABLE */
opacity:0.7;
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:black; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:15px;
width:200px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:200px; height:400px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME & INFORMATIONS PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:30px; padding:20px;
text-transform:uppercase; text-align:center; font-size:20px; line-height:30px;
background:#4A4A4A; /* MODIFIABLE */
}
/* TRIANGLE PSEUDONYME PROFIL */
.namePFIL::before {
content:''; float:left; margin-left:-35px; margin-top:3px;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin-top:15px;
width:541px; height:355px; padding:10px; overflow-y:auto;
border:1px solid; font-size:11px;
border-color:grey; background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:15px;
padding:10px 5px 10px 0; text-align:right;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
margin:auto; max-height:25px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Partie CSS pour avatars 250*350 :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC ADMINISTRATION & DERNIERE VISITE PROFIL */
.lstPFIL {
margin-bottom:15px;
padding:2px 5px; border:1px solid;
font-size:10px; text-transform:uppercase; text-align:right;
border-color:grey; background:#DEDEDE; color:black; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:left; margin-top:1px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; /* MODIFIABLE */
opacity:0.7;
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:black; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:15px;
width:250px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:250px; height:350px; overflow:hidden;
}
.avPFIL img {
min-width:250px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:98px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:98px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME & INFORMATIONS PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:30px; padding:20px;
text-transform:uppercase; text-align:center; font-size:20px; line-height:30px;
background:#4A4A4A; /* MODIFIABLE */
}
/* TRIANGLE PSEUDONYME PROFIL */
.namePFIL::before {
content:''; float:left; margin-left:-35px; margin-top:3px;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin-top:15px;
width:491px; height:305px; padding:10px; overflow-y:auto;
border:1px solid; font-size:11px;
border-color:grey; background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:15px;
padding:10px 5px 10px 0; text-align:right;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
margin:auto; max-height:25px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}

Instructions :

Largeur minimale du forum : 800px