[7] Profil

Lun 1 Fév - 6:34

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"><!-- BEGIN profile_field --><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div><div class="borderPFIL"></div><!-- END profile_field --></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><!-- BEGIN switch_auth_user --><div><span>{L_ADMINISTRATE_USER} :</span> {ADMINISTRATE_USER}{BAN_USER}</div><div class="borderIIPFIL"></div><!-- END switch_auth_user --><div><!-- BEGIN switch_dhow_mp --><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}<!-- END switch_dhow_mp --></div></div><div id="ktactPFIL"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div></div></div>
<div id="avPFIL"><div class="avPFIL">{AVATAR_IMG}</div></div>
 
<!-- BEGIN switch_admin_user_comment_active --><span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}<!-- END switch_admin_user_comment_active -->
</div><br/>

<!-- BEGIN switch_rpg -->
 <div class="tleRPG">{L_VIEWING_RPG}</div>
 <div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>
 <!-- BEGIN rpg_fields -->
 <span>{switch_rpg.rpg_fields.F_NAME} :</span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
 <!-- END rpg_fields -->
 {U_ADMIN_RPG}
 </div>
 <!-- END switch_rpg -->
</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;
}
/* 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
Revenir en haut Aller en bas
Mer 17 Fév - 6:34

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"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div></div><div id="avPFIL"><div class="avPFIL"><div id="adminPFIL"><div class="adminPFIL"><div><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><!-- BEGIN switch_auth_user --><div><span>{L_ADMINISTRATE_USER} :</span> {ADMINISTRATE_USER}{BAN_USER}</div><!-- END switch_auth_user --><!-- BEGIN switch_dhow_mp --><div><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}</div><!-- END switch_dhow_mp --></div></div>{AVATAR_IMG}</div></div><div class="abtPFIL"><!-- BEGIN profile_field --><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div><!-- BEGIN profil_type_user_posts --><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><!-- END profil_type_user_posts --></div><!-- END profile_field --></div>

<!-- BEGIN switch_admin_user_comment_active --><span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}<!-- END switch_admin_user_comment_active -->
</div><br/>

<!-- BEGIN switch_rpg -->
    <div class="tleRPG">{L_VIEWING_RPG}</div>
 <div class="boxRPG"><div style="float:left;  margin:0 10px 10px 0;">{RPG_IMAGE}</div>
 <!-- BEGIN rpg_fields -->
 <span>{switch_rpg.rpg_fields.F_NAME} :</span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
 <!-- END rpg_fields -->
 {U_ADMIN_RPG}
 </div>
 <!-- END switch_rpg -->
</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;
}
/* 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
Revenir en haut Aller en bas
Sam 19 Mar - 22:29

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><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div></div><!-- INFORMATIONS --><div class="abtPFIL"><!-- BEGIN profile_field --><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div><!-- BEGIN profil_type_user_posts --><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><!-- END profil_type_user_posts --></div><!-- END profile_field --></div>
<div id="adminPFIL"><div class="namePFIL" style="display:none;">{USERNAME}</div><div><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><!-- BEGIN switch_auth_user --><div>| <span>{L_ADMINISTRATE_USER} :</span> {ADMINISTRATE_USER}{BAN_USER} | </div><!-- END switch_auth_user --><div><!-- BEGIN switch_dhow_mp --><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}<!-- END switch_dhow_mp --></div></div></div>
<!-- BEGIN switch_rpg --><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>
 <!-- BEGIN rpg_fields -->
 <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
 <!-- END rpg_fields -->
 {U_ADMIN_RPG}</div></div><!-- END switch_rpg -->

<!-- BEGIN switch_admin_user_comment_active --><span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}<!-- END switch_admin_user_comment_active -->
</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;
}
/* 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
Revenir en haut Aller en bas
Jeu 14 Avr - 6:01

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"><!-- BEGIN switch_auth_user --><div><span>{L_ADMINISTRATE_USER} :</span><br/>{ADMINISTRATE_USER}{BAN_USER}</div><!-- END switch_auth_user --><div><!-- BEGIN switch_dhow_mp --><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}<!-- END switch_dhow_mp --></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"><!-- BEGIN profile_field --><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div><!-- END profile_field --></div><div id="ktactPFIL"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div></div>
<!-- BEGIN switch_rpg -->
<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>
 <!-- BEGIN rpg_fields -->
 <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
 <!-- END rpg_fields -->
 {U_ADMIN_RPG}
 </div>
 <!-- END switch_rpg -->
<!-- BEGIN switch_admin_user_comment_active --><span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}<!-- END switch_admin_user_comment_active -->
</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:rgba(0,0,0,0.8); /* 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;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:rgba(0,0,0,0.8); /* 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;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top;  margin-right:10px;
width:250px; height:350px; overflow:hidden;
}
/* 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
Revenir en haut Aller en bas
Lun 4 Juil - 1:22

Remplacer l'intégralité du template par :
Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><!-- SUJETS / MESSAGES / DERNIERE VISITE --><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><!-- PSEUDONYME / AVATAR / INFORMATIONS --><div class="boxPFIL"><div class="namePFIL">{USERNAME}</div><div class="avPFIL"><div id="ktactPFIL"><div id="adminPFIL"><!-- BEGIN switch_auth_user --><div><span>{L_ADMINISTRATE_USER} :</span><br/>{ADMINISTRATE_USER}{BAN_USER}</div><!-- END switch_auth_user --><div><!-- BEGIN switch_dhow_mp --><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}<!-- END switch_dhow_mp --></div></div><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div>{AVATAR_IMG}</div><div class="abtPFIL"><!-- BEGIN profile_field --><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div><!-- END profile_field --></div></div>
<!-- BEGIN switch_rpg -->
<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>
 <!-- BEGIN rpg_fields -->
 <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
 <!-- END rpg_fields -->
 {U_ADMIN_RPG}
 </div>
 <!-- END switch_rpg -->
<!-- BEGIN switch_admin_user_comment_active --><span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}<!-- END switch_admin_user_comment_active -->
</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 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;
}
/* 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 */
}
/* 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;
}
/* 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 */
}
/* 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:
/* AVATARS 250*350 */
/* 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;
}
/* 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 */
}
/* BLOC AVATAR & IMAGES CONTACT PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-left:10px;
width:250px; height:350px; overflow:hidden;
}
/* 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
Revenir en haut Aller en bas
Ven 31 Mar - 21:55

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"><!-- BEGIN switch_auth_user --><div>{ADMINISTRATE_USER}{BAN_USER}</div><!-- END switch_auth_user --><!-- BEGIN switch_dhow_mp --><div>{L_PRIVATE_MSG} : {PRIVATE_MSG}</div><!-- END switch_dhow_mp --></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"><!-- BEGIN profile_field --><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div><!-- END profile_field --></div><div id="ktactPFIL"><span style="display:inline-block; vertical-align:middle; height:35px;"></span><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div>
</div>
<!-- BEGIN switch_rpg -->
<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>
 <!-- BEGIN rpg_fields -->
 <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
 <!-- END rpg_fields -->
 {U_ADMIN_RPG}
 </div>
 <!-- END switch_rpg -->
<!-- BEGIN switch_admin_user_comment_active --><span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}<!-- END switch_admin_user_comment_active -->
</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:top;
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:top; 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:top;
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:top;
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:top; 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:top;
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:top;
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:top; 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:top;
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;
}
/* 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
Revenir en haut Aller en bas
Jeu 20 Avr - 4:15

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"><!-- BEGIN profile_field --><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div><!-- END profile_field --></div><div 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;"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></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><!-- BEGIN switch_auth_user --><div class="adminPFIL">{ADMINISTRATE_USER}{BAN_USER} |&nbsp;{L_PRIVATE_MSG} : {PRIVATE_MSG}</div><!-- END switch_auth_user --></div></div>
<!-- BEGIN switch_rpg -->
<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>
 <!-- BEGIN rpg_fields -->
 <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
 <!-- END rpg_fields -->
 {U_ADMIN_RPG}
 </div>
 <!-- END switch_rpg -->
<!-- BEGIN switch_admin_user_comment_active --><span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}<!-- END switch_admin_user_comment_active -->
</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;
}
/* 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
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum