|
| 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; } .avPFIL img { min-width:250px; } /* TITRE FEUILLE DE PERSONNAGE PROFIL */ .tleRPG { margin:0 auto 10px; width:800px; padding:10px 0; font-size:12px; text-transform:uppercase; text-align:center; font-family:Arial; background:#242424; color:#CCC; /* MODIFIABLE */ } /* BLOC FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; width:780px; padding:10px; font-family:Arial; background:#1A1A1A; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { font-size:11px; text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Instructions :Largeur minimale du forum : 800px |
| | | 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; } .avPFIL img { min-width:250px; } /* BLOC ADMINISTRATION PROFIL */ #adminPFIL { position:absolute; margin-top:-150px; width:250px; height:auto; font-size:11px; transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } #avPFIL:hover #adminPFIL { margin-top:95px; } .adminPFIL { height:auto; padding:10px; overflow:auto; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ } /* INTITULES BLOC ADMINISTRATION PROFIL */ .adminPFIL div span { text-transform:uppercase; color:white; /* MODIFIABLE */ } /* LIENS BLOC ADMINISTRATION PROFIL */ .adminPFIL a { color:white; /* MODIFIABLE */ } /* CONTENUS ADMINISTRATION PROFIL */ .adminPFIL div { padding:5px 0; } /* BLOC INFORMATIONS */ .abtPFIL { display:inline-block; vertical-align:top; width:500px; height:350px; padding:10px; overflow:auto; font-size:11px; background:rgba(0,0,0,0.7); color:#CCC; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } /* LIENS INFORMATIONS PROFIL */ .abtPFIL div a { color:#CCC; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* TITRE FEUILLE DE PERSONNAGE PROFIL */ .tleRPG { margin:0 auto 10px; width:790px; padding:10px 0 10px 10px; font-size:12px; text-transform:uppercase; text-align:left; font-family:Arial; background:#1A1A1A; color:#CCC; /* MODIFIABLE */ } /* BLOC FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; width:780px; padding:10px; font-family:Arial; background:rgba(0,0,0,0.7); /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { font-size:11px; text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Instructions :Largeur minimale du forum : 800px |
| | | 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; } .avPFIL { min-width:250px; } /* BLOC POSITIONNEMENT */ .boxPFIL { display:inline-block; vertical-align:top; } /* BLOC PSEUDONYME & IMAGES CONTACT PROFIL */ #namePFIL { height:90px; text-align:center; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */ } /* BLOCS ALIGNEMENT */ #namePFIL i { display:inline-block; vertical-align:middle; width:1px; height:90px; } .namePFIL { display:inline-block; vertical-align:middle; text-align:center; text-transform:uppercase; font-size:32px; } /* PSEUDONYME PROFIL */ .namePFIL strong { color:white; /* MODIFIABLE */ } #namePFIL:hover .namePFIL strong { opacity:0; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { position:absolute; margin-top:-90px; width:540px; height:90px; text-align:center; opacity:0; } #namePFIL:hover #ktactPFIL { opacity:1; } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:inline-block; vertical-align:middle; margin:0 5px; } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { margin:10px auto; width:520px; height:190px; padding:10px; overflow:auto; font-size:11px; background:#DEDEDE; color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* LIENS INFORMATIONS PROFIL */ .abtPFIL div a { color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:1px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC ADMINISTRATION PROFIL */ #adminPFIL { height:20px; padding:5px 0; text-align:center; font-size:9px; background:#191919; color:white; /* MODIFIABLE - BACKGROUND PAR DEFAUT */ } /* INTITULES BLOC ADMINISTRATION PROFIL */ #adminPFIL div span { text-transform:uppercase; color:white; /* MODIFIABLE */ } /* LIENS BLOC ADMINISTRATION PROFIL */ #adminPFIL div a{ color:white; /* MODIFIABLE */ } /* CONTENUS BLOC ADMINISTRATION PROFIL */ #adminPFIL div { display:inline-block; padding:5px 0 5px 5px; } /* FEUILLE DE PERSONNAGE PROFIL */ #boxRPG { margin:10px auto 0; width:800px; } /* TITRE FEUILLE DE PERSONNAGE PROFIL */ .tleRPG { width:785px; height:20px; padding:15px 15px 15px 0; text-transform:uppercase; text-align:right; background:#1A1A1A; color:white; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { position:absolute; margin-top:-410px; margin-left:260px; width:540px; height:0px; overflow:hidden; background:#1A1A1A; /* MODIFIABLE */ opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear; } .boxRPG div:nth-of-type(1) br { display:none; } /* SURVOL FEUILLE DE PERSONAGE PROFIL */ #boxRPG:hover .boxRPG { width:520px; height:330px; padding:10px; overflow:auto; opacity:1; } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Instructions :Largeur minimale du forum : 800pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | 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; } /* BLOC PSEUDONYME PROFIL */ .namePFIL { margin-bottom:10px; padding:10px; text-transform:uppercase; text-align:left; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin-right:10px; width:200px; height:320px; overflow:hidden; } /* BLOC ADMINISTRATION PROFIL */ #adminPFIL { position:absolute; margin-top:130px; margin-left:7px; width:185px; height:0; overflow:hidden; font-size:11px; text-align:center; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ transition:all 0.75s; -webkit-transition:all 0.75s; } .avPFIL:hover #adminPFIL { width:175px; height:43px; padding:5px; } /* LIENS ADMINISTRATION PROFIL */ #adminPFIL a { color:white; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxPFIL { display:inline-block; vertical-align:top; width:590px; } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:top; width:75px; height:27px; padding-top:13px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(0,0,0,0.7); color:white !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:top; margin:0 10px; width:95px; height:27px; padding-top:13px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(0,0,0,0.6); color:white !important; /* MODIFIABLE */ } /* DERNIERE VISITE PROFIL */ .lstPFIL { display:inline-block; vertical-align:top; width:400px; height:27px; padding-top:13px; text-align:center; font-size:11px; background:grey; color:#191919; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; margin-top:10px; margin-right:10px; width:460px; height:250px; padding:10px; overflow:auto; font-size:11px; background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { display:inline-block; vertical-align:top; margin-top:10px; width:100px; height:255px; padding-top:15px; text-align:center; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL img { margin:auto; margin-bottom:10px; max-width:80px; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; margin-top:10px; width:780px; padding:10px; background:#1A1A1A; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Partie CSS pour avatars 200*400 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC PSEUDONYME PROFIL */ .namePFIL { margin-bottom:10px; padding:10px; text-transform:uppercase; text-align:left; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin-right:10px; width:200px; height:400px; overflow:hidden; } /* BLOC ADMINISTRATION PROFIL */ #adminPFIL { position:absolute; margin-top:150px; margin-left:7px; width:185px; height:0; overflow:hidden; font-size:11px; text-align:center; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ transition:all 0.75s; -webkit-transition:all 0.75s; } .avPFIL:hover #adminPFIL { width:175px; height:43px; padding:5px; } /* LIENS ADMINISTRATION PROFIL */ #adminPFIL a { color:white; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxPFIL { display:inline-block; vertical-align:top; width:590px; } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:top; width:75px; height:27px; padding-top:13px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(0,0,0,0.7); color:white !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:top; margin:0 10px; width:95px; height:27px; padding-top:13px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(0,0,0,0.6); color:white !important; /* MODIFIABLE */ } /* DERNIERE VISITE PROFIL */ .lstPFIL { display:inline-block; vertical-align:top; width:400px; height:27px; padding-top:13px; text-align:center; font-size:11px; background:grey; color:#191919; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; margin-top:10px; margin-right:10px; width:460px; height:330px; padding:10px; overflow:auto; font-size:11px; background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { display:inline-block; vertical-align:top; margin-top:10px; width:100px; height:335px; padding-top:15px; text-align:center; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL img { margin:auto; margin-bottom:10px; max-width:80px; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; margin-top:10px; width:780px; padding:10px; background:#1A1A1A; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Partie CSS pour avatars 250*350 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC PSEUDONYME PROFIL */ .namePFIL { margin-bottom:10px; padding:10px; text-transform:uppercase; text-align:left; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin-right:10px; width:250px; height:350px; overflow:hidden; } .avPFIL img { min-width:250px } /* BLOC ADMINISTRATION PROFIL */ #adminPFIL { position:absolute; margin-top:130px; margin-left:7px; width:235px; height:0; overflow:hidden; font-size:11px; text-align:center; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ transition:all 0.75s; -webkit-transition:all 0.75s; } .avPFIL:hover #adminPFIL { width:225px; height:43px; padding:5px; } /* LIENS ADMINISTRATION PROFIL */ #adminPFIL a { color:white; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxPFIL { display:inline-block; vertical-align:top; width:540px; } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:top; width:75px; height:27px; padding-top:13px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(0,0,0,0.7); color:white !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:top; margin:0 10px; width:95px; height:27px; padding-top:13px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(0,0,0,0.6); color:white !important; /* MODIFIABLE */ } /* DERNIERE VISITE PROFIL */ .lstPFIL { display:inline-block; vertical-align:top; width:350px; height:27px; padding-top:13px; text-align:center; font-size:11px; background:grey; color:#191919; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; margin-top:10px; margin-right:10px; width:410px; height:280px; padding:10px; overflow:auto; font-size:11px; background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { display:inline-block; vertical-align:top; margin-top:10px; width:100px; height:285px; padding-top:15px; text-align:center; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL img { margin:auto; margin-bottom:10px; max-width:80px; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; margin-top:10px; width:780px; padding:10px; background:#1A1A1A; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Instructions :Largeur minimale du forum : 800px |
| | | 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 colorPFIL">{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() {$('.colorPFIL').each(function(){var color = $(this).children().css("color"); $(this).closest('.namePFIL').css("background-color", color);});});//]]></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $('[id^=field_id]').each(function(){ if ( $(this).find('.field_editable').is('span, div') ) { $(this).hover(function() { if( $(this).find('.field_editable.invisible').is('span, div') ) { $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>'); $(this).find('.ajax-profil_edit').attr({ alt: "{L_FIELD_EDIT_VALUE}", title: "{L_FIELD_EDIT_VALUE}" }).click(function(){ $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select'); $(this).prev().find('.ajax-profil_valid').attr({ alt: "{L_VALIDATE}", title: "{L_VALIDATE}" }).click(function(){ var content = new Array(); $(this).parent().find('[name]').each(function(){ var type_special = $(this).is('input[type=radio],input[type=checkbox]'); if ( (type_special && $(this).is(':checked')) || !type_special ) { content.push(new Array($(this).attr('name'), $(this).attr('value'))); } }); var id_name = $(this).parents('[id^=field_id]').attr('id'); var id = id_name.substring(8, id_name.length); $.post( "{U_AJAX_PROFILE}", {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"}, function(data){ $.each(data, function(i, item){ $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible'); }); }, "json" ); }); $(this).remove(); }); } },function() { if( $(this).find('.field_editable.invisible').is('span, div') ) { $(this).find('.field_editable').prev().removeClass('ajax-profil_hover'); $(this).find('.ajax-profil_edit').remove(); } }); } }); }); //]]> </script> Partie CSS pour avatars 200*320 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC POSITIONNEMENT */ .boxPFIL { display:inline-block; vertical-align:top; } /* BLOC SUJETS UTILISATEUR PROFIL */ .sbjPFIL { margin-bottom:10px; width:100px; height:100px; padding:10px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(250,250,250,0.8); /* MODIFIABLE */ } /* BORDURE SUJETS UTILISATEUR PROFIL */ .sbjPFIL a { display:block; margin:auto; width:98px; height:58px; padding-top:40px; border:1px solid; border-color:rgba(0,0,0,0.4); color:grey; /* MODIFIABLE */ } /* BLOC MESSAGES UTILISATEUR PROFIL */ .msgPFIL { margin-bottom:10px; width:100px; height:100px; padding:10px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.5); /* MODIFIABLE */ } /* BORDURE MESSAGES UTILISATEUR PROFIL */ .msgPFIL a { display:block; margin:auto; width:98px; height:58px; padding-top:40px; border:1px solid; border-color:rgba(0,0,0,0.3); color:rgba(0,0,0,0.3); /* MODIFIABLE */ } /* BLOC DERNIERE VISITE PROFIL */ .lstPFIL { width:100px; height:100px; padding:10px; text-align:center; font-size:11px; background:rgba(255,255,255,0.4); /* MODIFIABLE */ } /* BORDURE DERNIERE VISITE PROFIL */ .lstPFIL div { display:block; margin:auto; width:88px; height:98px; padding:0 5px; border:1px solid; border-color:rgba(0,0,0,0.2); color:grey; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { text-transform:uppercase; } /* BLOC ALIGNEMENT */ .lstPFIL i { display:inline-block; vertical-align:middle; font-style:normal; } /* BLOC PSEUDONYME PROFIL */ .namePFIL { margin-left:10px; margin-bottom:10px; height:20px; padding:15px; text-transform:uppercase; text-align:right; letter-spacing:3px; background:rgba(255,255,255,0.7); /* MODIFIABLE - COULEUR PAR DEFAUT */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* BLOC AVATAR & IMAGES CONTACT PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin-left:10px; width:200px; height:320px; overflow:hidden; } /* BLOC IMAGES CONTACT & ADMINISTRATION PROFIL */ #ktactPFIL { position:absolute; width:200px; height:305px; padding-top:15px; text-align:center; background:rgba(0,0,0,0.8); /* MODIFIABLE */ opacity:0; transition:opacity ease-in-out 0.75s; -webkit-transition:opacity ease-in-out 0.75s; } #ktactPFIL:hover { opacity:1; } /* BLOC ADMINISTRATION PROFIL */ #adminPFIL { margin-bottom:15px; font-size:11px; color:white; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ #adminPFIL a { color:white; /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL img { margin:auto; margin-bottom:10px; } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; margin-left:10px; width:440px; height:300px; padding:10px; overflow:auto; font-size:11px; background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; margin-top:10px; width:780px; padding:10px; background:rgba(255,255,255,0.4); /* MODIFIABLE */ } /* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#191919; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Partie CSS pour avatars 200*400 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC POSITIONNEMENT */ .boxPFIL { display:inline-block; vertical-align:top; } /* BLOC SUJETS UTILISATEUR PROFIL */ .sbjPFIL { margin-bottom:10px; width:125px; height:125px; padding:10px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(250,250,250,0.8); /* MODIFIABLE */ } /* BORDURE SUJETS UTILISATEUR PROFIL */ .sbjPFIL a { display:block; margin:auto; width:123px; height:73px; padding-top:50px; border:1px solid; border-color:rgba(0,0,0,0.4); color:grey; /* MODIFIABLE */ } /* BLOC MESSAGES UTILISATEUR PROFIL */ .msgPFIL { margin-bottom:10px; width:125px; height:125px; padding:10px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.5); /* MODIFIABLE */ } /* BORDURE MESSAGES UTILISATEUR PROFIL */ .msgPFIL a { display:block; margin:auto; width:123px; height:73px; padding-top:50px; border:1px solid; border-color:rgba(0,0,0,0.3); color:rgba(0,0,0,0.3); /* MODIFIABLE */ } /* BLOC DERNIERE VISITE PROFIL */ .lstPFIL { width:125px; height:125px; padding:10px; text-align:center; font-size:11px; background:rgba(255,255,255,0.4); /* MODIFIABLE */ } /* BORDURE DERNIERE VISITE PROFIL */ .lstPFIL div { display:block; margin:auto; width:113px; height:108px; padding:14px 5px 0; border:1px solid; border-color:rgba(0,0,0,0.2); color:grey; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { text-transform:uppercase; } /* BLOC ALIGNEMENT */ .lstPFIL i { display:inline-block; vertical-align:middle; font-style:normal; } /* BLOC PSEUDONYME PROFIL */ .namePFIL { margin-left:10px; margin-bottom:10px; height:20px; padding:15px; text-transform:uppercase; text-align:right; letter-spacing:3px; background:rgba(255,255,255,0.7); /* MODIFIABLE - COULEUR PAR DEFAUT */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* BLOC AVATAR & IMAGES CONTACT PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin-left:10px; width:200px; height:400px; overflow:hidden; } /* BLOC IMAGES CONTACT & ADMINISTRATION PROFIL */ #ktactPFIL { position:absolute; width:200px; height:385px; padding-top:15px; text-align:center; background:rgba(0,0,0,0.8); /* MODIFIABLE */ opacity:0; transition:opacity ease-in-out 0.75s; -webkit-transition:opacity ease-in-out 0.75s; } #ktactPFIL:hover { opacity:1; } /* BLOC ADMINISTRATION PROFIL */ #adminPFIL { margin-bottom:15px; font-size:11px; color:white; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ #adminPFIL a { color:white; /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL img { margin:auto; margin-bottom:10px; } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; margin-left:10px; width:415px; height:380px; padding:10px; overflow:auto; font-size:11px; background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; margin-top:10px; width:780px; padding:10px; background:rgba(255,255,255,0.4); /* MODIFIABLE */ } /* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#191919; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Partie CSS pour avatars 250*350 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC POSITIONNEMENT */ .boxPFIL { display:inline-block; vertical-align:top; } /* BLOC SUJETS UTILISATEUR PROFIL */ .sbjPFIL { margin-bottom:10px; width:110px; height:110px; padding:10px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(250,250,250,0.8); /* MODIFIABLE */ } /* BORDURE SUJETS UTILISATEUR PROFIL */ .sbjPFIL a { display:block; margin:auto; width:108px; height:63px; padding-top:45px; border:1px solid; border-color:rgba(0,0,0,0.4); color:grey; /* MODIFIABLE */ } /* BLOC MESSAGES UTILISATEUR PROFIL */ .msgPFIL { margin-bottom:10px; width:110px; height:110px; padding:10px; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.5); /* MODIFIABLE */ } /* BORDURE MESSAGES UTILISATEUR PROFIL */ .msgPFIL a { display:block; margin:auto; width:108px; height:63px; padding-top:45px; border:1px solid; border-color:rgba(0,0,0,0.3); color:rgba(0,0,0,0.3); /* MODIFIABLE */ } /* BLOC DERNIERE VISITE PROFIL */ .lstPFIL { width:110px; height:110px; padding:10px; text-align:center; font-size:11px; background:rgba(255,255,255,0.4); /* MODIFIABLE */ } /* BORDURE DERNIERE VISITE PROFIL */ .lstPFIL div { display:block; margin:auto; width:98px; height:102px; padding:6px 5px 0; border:1px solid; border-color:rgba(0,0,0,0.2); color:grey; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { text-transform:uppercase; } /* BLOC ALIGNEMENT */ .lstPFIL i { display:inline-block; vertical-align:middle; font-style:normal; } /* BLOC PSEUDONYME PROFIL */ .namePFIL { margin-left:10px; margin-bottom:10px; height:20px; padding:15px; text-transform:uppercase; text-align:right; letter-spacing:3px; background:rgba(255,255,255,0.7); /* MODIFIABLE - COULEUR PAR DEFAUT */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* BLOC AVATAR & IMAGES CONTACT PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin-left:10px; width:250px; height:350px; overflow:hidden; } .avPFIL img { max-width:250px !important; } /* BLOC IMAGES CONTACT & ADMINISTRATION PROFIL */ #ktactPFIL { position:absolute; width:250px; height:335px; padding-top:15px; text-align:center; background:rgba(0,0,0,0.8); /* MODIFIABLE */ opacity:0; transition:opacity ease-in-out 0.75s; -webkit-transition:opacity ease-in-out 0.75s; } #ktactPFIL:hover { opacity:1; } /* BLOC ADMINISTRATION PROFIL */ #adminPFIL { margin-bottom:15px; font-size:11px; color:white; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ #adminPFIL a { color:white; /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL img { margin:auto; margin-bottom:10px; } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; margin-left:10px; width:380px; height:330px; padding:10px; overflow:auto; font-size:11px; background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; margin-top:10px; width:780px; padding:10px; background:rgba(255,255,255,0.4); /* MODIFIABLE */ } /* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#191919; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Instructions :Largeur minimale du forum : 800pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | 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:middle; width:55px; height:27px; padding:13px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:middle; margin:0 10px; width:75px; height:27px; padding:13px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } .namePFIL { display:inline-block; vertical-align:middle; width:590px; text-align:right; } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* DERNIERE VISITE PROFIL */ .lstPFIL { margin-left:210px; margin-top:3px; width:380px; padding-top:3px; border-top:1px solid; text-align:right; font-size:10px; text-transform:uppercase; line-height:14px; border-color:white; color:white; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { color:white; /* MODIFIABLE */ } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px; width:200px; height:320px; overflow:hidden; } /* BLOC ADMINISTRATION PROFIL */ .adminPFIL { position:absolute; margin-top:115px; margin-left:10px; opacity:0; transition:opacity 0.75s; -webkit-transition:opacity 0.75s; } .avPFIL:hover .adminPFIL { opacity:1; } /* CONTENUS ADMINISTRATION PROFIL */ .adminPFIL div { margin-bottom:5px; width:180px; padding:5px 0; font-size:11px; text-align:center; text-transform:uppercase; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL div a { color:white; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxPFIL { display:inline-block; vertical-align:top; margin-top:10px; width:590px; } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { width:570px; height:255px; padding:10px; overflow-y:auto; font-size:11px; background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { margin-top:10px; height:35px; text-align:right; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:inline-block; vertical-align:middle; margin-right:10px; max-height:20px; overflow:hidden; } .ktactPFIL img { max-height:20px; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; margin-top:10px; width:780px; padding:10px; background:#1A1A1A; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Partie CSS pour avatars 200*400 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC SUJETS & MESSAGES / PSEUDONYME & DERNIERE VISITE PROFIL */ .topPFIL { padding:10px 0; text-transform:uppercase; text-align:center; background:rgba(0,0,0,0.8); /* MODIFIABLE - COULEUR PAR DEFAUT */ } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:middle; width:55px; height:27px; padding:13px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:middle; margin:0 10px; width:75px; height:27px; padding:13px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } .namePFIL { display:inline-block; vertical-align:middle; width:590px; text-align:right; } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* DERNIERE VISITE PROFIL */ .lstPFIL { margin-left:210px; margin-top:3px; width:380px; padding-top:3px; border-top:1px solid; text-align:right; font-size:10px; text-transform:uppercase; line-height:14px; border-color:white; color:white; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { color:white; /* MODIFIABLE */ } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px; width:200px; height:400px; overflow:hidden; } /* BLOC ADMINISTRATION PROFIL */ .adminPFIL { position:absolute; margin-top:145px; margin-left:10px; opacity:0; transition:opacity 0.75s; -webkit-transition:opacity 0.75s; } .avPFIL:hover .adminPFIL { opacity:1; } /* CONTENUS ADMINISTRATION PROFIL */ .adminPFIL div { margin-bottom:5px; width:180px; padding:5px 0; font-size:11px; text-align:center; text-transform:uppercase; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL div a { color:white; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxPFIL { display:inline-block; vertical-align:top; margin-top:10px; width:590px; } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { width:570px; height:335px; padding:10px; overflow-y:auto; font-size:11px; background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { margin-top:10px; height:35px; text-align:right; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:inline-block; vertical-align:middle; margin-right:10px; max-height:20px; overflow:hidden; } .ktactPFIL img { max-height:20px; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; margin-top:10px; width:780px; padding:10px; background:#1A1A1A; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Partie CSS pour avatars 250*350 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC SUJETS & MESSAGES / PSEUDONYME & DERNIERE VISITE PROFIL */ .topPFIL { padding:10px 0; text-transform:uppercase; text-align:center; background:rgba(0,0,0,0.8); /* MODIFIABLE - COULEUR PAR DEFAUT */ } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:middle; width:55px; height:27px; padding:13px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:middle; margin:0 10px; width:75px; height:27px; padding:13px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } .namePFIL { display:inline-block; vertical-align:middle; width:590px; text-align:right; } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* DERNIERE VISITE PROFIL */ .lstPFIL { margin-left:210px; margin-top:3px; width:380px; padding-top:3px; border-top:1px solid; text-align:right; font-size:10px; text-transform:uppercase; line-height:14px; border-color:white; color:white; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { color:white; /* MODIFIABLE */ } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px; width:250px; height:350px; overflow:hidden; } .avPFIL img { min-width:250px; } /* BLOC ADMINISTRATION PROFIL */ .adminPFIL { position:absolute; margin-top:125px; margin-left:10px; opacity:0; transition:opacity 0.75s; -webkit-transition:opacity 0.75s; } .avPFIL:hover .adminPFIL { opacity:1; } /* CONTENUS ADMINISTRATION PROFIL */ .adminPFIL div { margin-bottom:5px; width:230px; padding:5px 0; font-size:11px; text-align:center; text-transform:uppercase; background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL div a { color:white; /* MODIFIABLE */ } /* BLOC POSITIONNEMENT */ .boxPFIL { display:inline-block; vertical-align:top; margin-top:10px; width:540px; } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { width:520px; height:285px; padding:10px; overflow-y:auto; font-size:11px; background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { margin-top:10px; height:35px; text-align:right; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:inline-block; vertical-align:middle; margin-right:10px; max-height:20px; overflow:hidden; } .ktactPFIL img { max-height:20px; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin:auto; margin-top:10px; width:780px; padding:10px; background:#1A1A1A; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img { width:7px; } Instructions :Largeur minimale du forum : 800pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | 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} | {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; } .avPFIL img { min-width:250px; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { display:inline-block; vertical-align:top; width:60px; height:305px; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center; } .ktactPFIL img { margin:auto; max-width:40px; } .ALPFIL { height:305px; } /* BLOC SUJETS & MESSAGES UTILISATEUR - DERNIERE VISITE & ADMINISTRATION PROFIL */ .btmPFIL { margin-top:10px; padding:10px; text-transform:uppercase; text-align:left; background:#4A4A4A; /* MODIFIABLE */ } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:middle; width:55px; height:27px; padding:13px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:middle; margin:0 10px; width:75px; height:27px; padding:13px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* DERNIERE VISITE PROFIL */ .lstPFIL { width:350px; font-size:10px; text-transform:uppercase; text-align:right; line-height:14px; color:white; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { color:white; /* MODIFIABLE */ } /* ADMINISTRATION PROFIL */ .adminPFIL { margin-top:5px; padding-top:5px; border-top:1px solid; font-size:10px; text-align:right; text-transform:uppercase; border-color:white; color:white; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL a { color:white; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin-top:10px; width:780px; padding:10px; background:#1A1A1A; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; color:#CCC; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img{ width:7px; } Instructions :Largeur minimale du forum : 800px |
| | | Dim 25 Juin - 23: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="topPFIL"><div class="lstPFIL"><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a></div><div id="ktactPFIL"><span class="ALPFIL" style="display:inline-block; vertical-align:middle;"></span><span style="display:inline-block; vertical-align:middle; width:60px;"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></span></div><div class="avPFIL">{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 class="namePFIL">{USERNAME}<!-- BEGIN switch_auth_user --><div class="adminPFIL">{ADMINISTRATE_USER}{BAN_USER} | {L_PRIVATE_MSG} : {PRIVATE_MSG}</div><!-- END switch_auth_user --></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 DERNIERE VISITE - SUJETS & MESSAGES UTILISATEUR PROFIL */ .topPFIL { margin-bottom:10px; padding:10px; background:#4A4A4A; /* MODIFIABLE */ } /* DERNIERE VISITE PROFIL */ .lstPFIL { display:inline-block; vertical-align:middle; width:550px; height:22px; padding:8px 10px 0; font-size:10px; text-transform:uppercase; text-align:left; line-height:14px; color:white; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { color:white; /* MODIFIABLE */ } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:middle; margin:0 10px; width:65px; height:22px; padding:8px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:middle; width:85px; height:22px; padding:8px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { display:inline-block; vertical-align:top; width:60px; height:320px; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center; } .ktactPFIL img { margin:auto; max-width:40px; } .ALPFIL { height:320px; } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin:0 10px; width:200px; height:320px; overflow:hidden; } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; vertical-align:top; width:500px; height:300px; padding:10px; overflow-y:auto; font-size:11px; background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div{ padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC PSEUDONYME & ADMINISTRATION PROFIL */ .namePFIL { margin-top:10px; height:20px; padding:15px; text-transform:uppercase; text-align:left; background:#4A4A4A; /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* ADMINISTRATION PROFIL */ .adminPFIL { float:right; margin-top:3px; font-size:10px; text-align:right; text-transform:uppercase; color:white; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL a { color:white; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin-top:10px; width:780px; padding:10px; background:#1A1A1A; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; font-size:10px; color:#CCC; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img{ width:7px; } Partie CSS pour avatars 200*400 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC DERNIERE VISITE - SUJETS & MESSAGES UTILISATEUR PROFIL */ .topPFIL { margin-bottom:10px; padding:10px; background:#4A4A4A; /* MODIFIABLE */ } /* DERNIERE VISITE PROFIL */ .lstPFIL { display:inline-block; vertical-align:middle; width:550px; height:22px; padding:8px 10px 0; font-size:10px; text-transform:uppercase; text-align:left; line-height:14px; color:white; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { color:white; /* MODIFIABLE */ } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:middle; margin:0 10px; width:65px; height:22px; padding:8px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:middle; width:85px; height:22px; padding:8px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { display:inline-block; vertical-align:top; width:60px; height:400px; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center; } .ktactPFIL img { margin:auto; max-width:40px; } .ALPFIL { height:400px; } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin:0 10px; width:200px; height:400px; overflow:hidden; } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; vertical-align:top; width:500px; height:380px; padding:10px; overflow-y:auto; font-size:11px; background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div{ padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC PSEUDONYME & ADMINISTRATION PROFIL */ .namePFIL { margin-top:10px; height:20px; padding:15px; text-transform:uppercase; text-align:left; background:#4A4A4A; /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* ADMINISTRATION PROFIL */ .adminPFIL { float:right; margin-top:3px; font-size:10px; text-align:right; text-transform:uppercase; color:white; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL a { color:white; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin-top:10px; width:780px; padding:10px; background:#1A1A1A; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; font-size:10px; color:#CCC; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img{ width:7px; } Partie CSS pour avatars 250*350 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC DERNIERE VISITE - SUJETS & MESSAGES UTILISATEUR PROFIL */ .topPFIL { margin-bottom:10px; padding:10px; background:#4A4A4A; /* MODIFIABLE */ } /* DERNIERE VISITE PROFIL */ .lstPFIL { display:inline-block; vertical-align:middle; width:550px; height:22px; padding:8px 10px 0; font-size:10px; text-transform:uppercase; text-align:left; line-height:14px; color:white; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { color:white; /* MODIFIABLE */ } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:middle; margin:0 10px; width:65px; height:22px; padding:8px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:middle; width:85px; height:22px; padding:8px 10px 0; text-transform:uppercase; text-align:center; font-size:11px; background:rgba(255,255,255,0.7); color:black !important; /* MODIFIABLE */ } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { display:inline-block; vertical-align:top; width:60px; height:350px; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center; } .ktactPFIL img { margin:auto; max-width:40px; } .ALPFIL { height:350px; } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; margin:0 10px; width:250px; height:350px; overflow:hidden; } .avPFIL img { min-width:250px; } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; vertical-align:top; width:450px; height:330px; padding:10px; overflow-y:auto; font-size:11px; background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div{ padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC PSEUDONYME & ADMINISTRATION PROFIL */ .namePFIL { margin-top:10px; height:20px; padding:15px; text-transform:uppercase; text-align:left; background:#4A4A4A; /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* ADMINISTRATION PROFIL */ .adminPFIL { float:right; margin-top:3px; font-size:10px; text-align:right; text-transform:uppercase; color:white; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL a { color:white; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin-top:10px; width:780px; padding:10px; background:#1A1A1A; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; font-size:10px; color:#CCC; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img{ width:7px; } Instructions :Largeur minimale du forum : 800px |
| | | Mar 15 Aoû - 3:35 | Remplacer l'intégralité du template par : - Code:
-
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <div class="PFIL"><!-- BEGIN switch_auth_user --><div class="adminPFIL">{ADMINISTRATE_USER}{BAN_USER} | {L_PRIVATE_MSG} : {PRIVATE_MSG}</div><!-- END switch_auth_user --><div class="topPFIL"><div style="float:left;"><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a></div><div class="namePFIL colorPFIL">{USERNAME}</div></div><div class="abtPFIL"><!-- 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"><div class="triPFIL"><div class="colorPFIL" style="display:none;">{USERNAME}</div></div>{AVATAR_IMG}</div><div class="btmPFIL"><div id="ktactPFIL"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div><div class="lstPFIL"><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</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() {$('.colorPFIL').each(function(){var color = $(this).children().css("color"); $(this).closest('.topPFIL').css("background-color", color);});}); $( document ).ready(function() {$('.colorPFIL').each(function(){var color = $(this).children().css("color"); $(this).closest('.triPFIL').css("border-top-color", color);});});//]]></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $('[id^=field_id]').each(function(){ if ( $(this).find('.field_editable').is('span, div') ) { $(this).hover(function() { if( $(this).find('.field_editable.invisible').is('span, div') ) { $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>'); $(this).find('.ajax-profil_edit').attr({ alt: "{L_FIELD_EDIT_VALUE}", title: "{L_FIELD_EDIT_VALUE}" }).click(function(){ $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select'); $(this).prev().find('.ajax-profil_valid').attr({ alt: "{L_VALIDATE}", title: "{L_VALIDATE}" }).click(function(){ var content = new Array(); $(this).parent().find('[name]').each(function(){ var type_special = $(this).is('input[type=radio],input[type=checkbox]'); if ( (type_special && $(this).is(':checked')) || !type_special ) { content.push(new Array($(this).attr('name'), $(this).attr('value'))); } }); var id_name = $(this).parents('[id^=field_id]').attr('id'); var id = id_name.substring(8, id_name.length); $.post( "{U_AJAX_PROFILE}", {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"}, function(data){ $.each(data, function(i, item){ $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible'); }); }, "json" ); }); $(this).remove(); }); } },function() { if( $(this).find('.field_editable.invisible').is('span, div') ) { $(this).find('.field_editable').prev().removeClass('ajax-profil_hover'); $(this).find('.ajax-profil_edit').remove(); } }); } }); }); //]]> </script> Partie CSS pour avatars 200*320 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* ADMINISTRATION PROFIL */ .adminPFIL { margin-bottom:3px; font-size:9px; text-align:left; text-transform:uppercase; color:black; opacity:0.7; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL a { color:black; /* MODIFIABLE */ } /* BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */ .topPFIL { height:37px; padding:20px; overflow:hidden; text-transform:uppercase; text-align:right; font-size:30px; line-height:34px; background:#4A4A4A; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */ } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:block; margin-bottom:3px; width:58px; height:15px; padding:1px 0; padding-left:2px; text-transform:uppercase; text-align:center; font-size:9px; letter-spacing:2px; line-height:15.5px; background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:block; width:60px; height:15px; padding:1px 0; text-transform:uppercase; text-align:center; font-size:9px; line-height:15.5px; background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* TRIANGLE BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */ .triPFIL { position:absolute; margin-top:-15px; margin-left:155px; width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent; border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR PAR DEFAUT */ } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; vertical-align:top; width:550px; height:330px; padding:10px; overflow-y:auto; font-size:11px; background:#FEFEFE; color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; width:200px; height:320px; padding:15px; overflow:hidden; background:#DEDEDE; /* MODIFIABLE */ } /* BLOC IMAGES CONTACT & DERNIERE VISITE PROFIL */ .btmPFIL { padding:10px; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { display:inline-block; vertical-align:middle; width:60%; text-align:left; } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:inline-block; vertical-align:middle; margin-right:10px; max-height:25px; overflow:hidden; } .ktactPFIL img { max-height:25px; } /* DERNIERE VISITE PROFIL */ .lstPFIL { display:inline-block; vertical-align:middle; width:40%; font-size:10px; text-transform:uppercase; text-align:right; color:white; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { font-weight:bold; color:white; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin-top:10px; width:780px; padding:10px; border:1px solid; border-color:grey; background:#DEDEDE; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img{ width:7px; } Partie CSS pour avatars 200*400 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* ADMINISTRATION PROFIL */ .adminPFIL { margin-bottom:3px; font-size:9px; text-align:left; text-transform:uppercase; color:black; opacity:0.7; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL a { color:black; /* MODIFIABLE */ } /* BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */ .topPFIL { height:37px; padding:20px; overflow:hidden; text-transform:uppercase; text-align:right; font-size:30px; line-height:34px; background:#4A4A4A; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */ } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:block; margin-bottom:3px; width:58px; height:15px; padding:1px 0; padding-left:2px; text-transform:uppercase; text-align:center; font-size:9px; letter-spacing:2px; line-height:15.5px; background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:block; width:60px; height:15px; padding:1px 0; text-transform:uppercase; text-align:center; font-size:9px; line-height:15.5px; background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* TRIANGLE BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */ .triPFIL { position:absolute; margin-top:-15px; margin-left:155px; width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent; border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR PAR DEFAUT */ } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; vertical-align:top; width:550px; height:410px; padding:10px; overflow-y:auto; font-size:11px; background:#FEFEFE; color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; width:200px; height:400px; padding:15px; overflow:hidden; background:#DEDEDE; /* MODIFIABLE */ } /* BLOC IMAGES CONTACT & DERNIERE VISITE PROFIL */ .btmPFIL { padding:10px; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { display:inline-block; vertical-align:middle; width:60%; text-align:left; } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:inline-block; vertical-align:middle; margin-right:10px; max-height:25px; overflow:hidden; } .ktactPFIL img { max-height:25px; } /* DERNIERE VISITE PROFIL */ .lstPFIL { display:inline-block; vertical-align:middle; width:40%; font-size:10px; text-transform:uppercase; text-align:right; color:white; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { font-weight:bold; color:white; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin-top:10px; width:780px; padding:10px; border:1px solid; border-color:grey; background:#DEDEDE; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img{ width:7px; } Partie CSS pour avatars 250*350 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* ADMINISTRATION PROFIL */ .adminPFIL { margin-bottom:3px; font-size:9px; text-align:left; text-transform:uppercase; color:black; opacity:0.7; /* MODIFIABLE */ } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL a { color:black; /* MODIFIABLE */ } /* BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */ .topPFIL { height:37px; padding:20px; overflow:hidden; text-transform:uppercase; text-align:right; font-size:30px; line-height:34px; background:#4A4A4A; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */ } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:block; margin-bottom:3px; width:58px; height:15px; padding:1px 0; padding-left:2px; text-transform:uppercase; text-align:center; font-size:9px; letter-spacing:2px; line-height:15.5px; background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:block; width:60px; height:15px; padding:1px 0; text-transform:uppercase; text-align:center; font-size:9px; line-height:15.5px; background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* TRIANGLE BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */ .triPFIL { position:absolute; margin-top:-15px; margin-left:205px; width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent; border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR PAR DEFAUT */ } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { display:inline-block; vertical-align:top; width:500px; height:360px; padding:10px; overflow-y:auto; font-size:11px; background:#FEFEFE; color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC AVATAR PROFIL */ .avPFIL { display:inline-block; vertical-align:top; width:250px; height:350px; padding:15px; overflow:hidden; background:#DEDEDE; /* MODIFIABLE */ } .avPFIL img { min-width:250px; } /* BLOC IMAGES CONTACT & DERNIERE VISITE PROFIL */ .btmPFIL { padding:10px; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { display:inline-block; vertical-align:middle; width:60%; text-align:left; } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:inline-block; vertical-align:middle; margin-right:10px; max-height:25px; overflow:hidden; } .ktactPFIL img { max-height:25px; } /* DERNIERE VISITE PROFIL */ .lstPFIL { display:inline-block; vertical-align:middle; width:40%; font-size:10px; text-transform:uppercase; text-align:right; color:white; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { font-weight:bold; color:white; /* MODIFIABLE */ } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin-top:10px; width:780px; padding:10px; border:1px solid; border-color:grey; background:#DEDEDE; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img{ width:7px; } Instructions :Largeur minimale du forum : 800pxCE CODE S'ADAPTE A LA COULEUR DU GROUPE DU MEMBRE |
| | | Mar 15 Aoû - 3:35 | Remplacer l'intégralité du template par : - Code:
-
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <div class="PFIL"><div class="lstPFIL"><!-- BEGIN switch_auth_user --><div class="adminPFIL">{ADMINISTRATE_USER}{BAN_USER} | {L_PRIVATE_MSG} : {PRIVATE_MSG}</div><!-- END switch_auth_user --><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><div id="avPFIL"><div class="avPFIL">{AVATAR_IMG}</div><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a></div><div class="boxPFIL"><div class="namePFIL">{USERNAME}</div><div class="abtPFIL"><!-- 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><div id="ktactPFIL"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></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 ADMINISTRATION & DERNIERE VISITE PROFIL */ .lstPFIL { margin-bottom:15px; padding:2px 5px; border:1px solid; font-size:10px; text-transform:uppercase; text-align:right; border-color:grey; background:#DEDEDE; color:black; /* MODIFIABLE */ } /* ADMINISTRATION PROFIL */ .adminPFIL { float:left; margin-top:1px; font-size:9px; text-align:left; text-transform:uppercase; color:black; /* MODIFIABLE */ opacity:0.7; } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL a { color:black; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { font-weight:bold; color:black; /* MODIFIABLE */ } /* BLOC AVATAR PROFIL */ #avPFIL { display:inline-block; vertical-align:top; margin-right:15px; width:200px; padding:10px; border:1px solid; border-color:grey; background:#DEDEDE; /* MODIFIABLE */ } /* AVATAR PROFIL */ .avPFIL { margin-bottom:10px; width:200px; height:320px; overflow:hidden; } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:middle; margin-right:10px; width:73px; height:21px; padding:7px 10px 0; border:1px solid; text-transform:uppercase; text-align:center; font-size:10px; line-height:15px; border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:middle; width:73px; height:21px; padding:7px 10px 0; border:1px solid; text-transform:uppercase; text-align:center; font-size:10px; line-height:15px; border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */ } /* PSEUDONYME & INFORMATIONS PROFIL */ .boxPFIL { display:inline-block; vertical-align:top; } /* BLOC PSEUDONYME PROFIL */ .namePFIL { margin-bottom:10px; height:30px; padding:20px; text-transform:uppercase; text-align:center; font-size:20px; line-height:30px; background:#4A4A4A; /* MODIFIABLE */ } /* TRIANGLE PSEUDONYME PROFIL */ .namePFIL::before { content:''; float:left; margin-left:-35px; margin-top:3px; width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent; border-right-color:#4A4A4A; /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { margin-top:15px; width:541px; height:275px; padding:10px; overflow-y:auto; border:1px solid; font-size:11px; border-color:grey; background:#FEFEFE; color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { margin-top:15px; padding:10px 5px 10px 0; text-align:right; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:inline-block; vertical-align:middle; margin:0 5px; max-height:25px; overflow:hidden; } .ktactPFIL img { margin:auto; max-height:25px; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin-top:10px; width:780px; padding:10px; border:1px solid; border-color:grey; background:#DEDEDE; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img{ width:7px; } Partie CSS pour avatars 200*400 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC ADMINISTRATION & DERNIERE VISITE PROFIL */ .lstPFIL { margin-bottom:15px; padding:2px 5px; border:1px solid; font-size:10px; text-transform:uppercase; text-align:right; border-color:grey; background:#DEDEDE; color:black; /* MODIFIABLE */ } /* ADMINISTRATION PROFIL */ .adminPFIL { float:left; margin-top:1px; font-size:9px; text-align:left; text-transform:uppercase; color:black; /* MODIFIABLE */ opacity:0.7; } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL a { color:black; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { font-weight:bold; color:black; /* MODIFIABLE */ } /* BLOC AVATAR PROFIL */ #avPFIL { display:inline-block; vertical-align:top; margin-right:15px; width:200px; padding:10px; border:1px solid; border-color:grey; background:#DEDEDE; /* MODIFIABLE */ } /* AVATAR PROFIL */ .avPFIL { margin-bottom:10px; width:200px; height:400px; overflow:hidden; } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:middle; margin-right:10px; width:73px; height:21px; padding:7px 10px 0; border:1px solid; text-transform:uppercase; text-align:center; font-size:10px; line-height:15px; border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:middle; width:73px; height:21px; padding:7px 10px 0; border:1px solid; text-transform:uppercase; text-align:center; font-size:10px; line-height:15px; border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */ } /* PSEUDONYME & INFORMATIONS PROFIL */ .boxPFIL { display:inline-block; vertical-align:top; } /* BLOC PSEUDONYME PROFIL */ .namePFIL { margin-bottom:10px; height:30px; padding:20px; text-transform:uppercase; text-align:center; font-size:20px; line-height:30px; background:#4A4A4A; /* MODIFIABLE */ } /* TRIANGLE PSEUDONYME PROFIL */ .namePFIL::before { content:''; float:left; margin-left:-35px; margin-top:3px; width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent; border-right-color:#4A4A4A; /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { margin-top:15px; width:541px; height:355px; padding:10px; overflow-y:auto; border:1px solid; font-size:11px; border-color:grey; background:#FEFEFE; color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { margin-top:15px; padding:10px 5px 10px 0; text-align:right; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:inline-block; vertical-align:middle; margin:0 5px; max-height:25px; overflow:hidden; } .ktactPFIL img { margin:auto; max-height:25px; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin-top:10px; width:780px; padding:10px; border:1px solid; border-color:grey; background:#DEDEDE; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img{ width:7px; } Partie CSS pour avatars 250*350 : - Code:
-
/* AFFICHAGE DU PROFIL */ .PFIL { margin:auto; width:800px; font-family:Arial; } /* BLOC ADMINISTRATION & DERNIERE VISITE PROFIL */ .lstPFIL { margin-bottom:15px; padding:2px 5px; border:1px solid; font-size:10px; text-transform:uppercase; text-align:right; border-color:grey; background:#DEDEDE; color:black; /* MODIFIABLE */ } /* ADMINISTRATION PROFIL */ .adminPFIL { float:left; margin-top:1px; font-size:9px; text-align:left; text-transform:uppercase; color:black; /* MODIFIABLE */ opacity:0.7; } /* LIENS ADMINISTRATION PROFIL */ .adminPFIL a { color:black; /* MODIFIABLE */ } /* INTITULE DERNIERE VISITE PROFIL */ .lstPFIL span { font-weight:bold; color:black; /* MODIFIABLE */ } /* BLOC AVATAR PROFIL */ #avPFIL { display:inline-block; vertical-align:top; margin-right:15px; width:250px; padding:10px; border:1px solid; border-color:grey; background:#DEDEDE; /* MODIFIABLE */ } /* AVATAR PROFIL */ .avPFIL { margin-bottom:10px; width:250px; height:350px; overflow:hidden; } .avPFIL img { min-width:250px; } /* SUJETS UTILISATEUR PROFIL */ .sbjPFIL { display:inline-block; vertical-align:middle; margin-right:10px; width:98px; height:21px; padding:7px 10px 0; border:1px solid; text-transform:uppercase; text-align:center; font-size:10px; line-height:15px; border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */ } /* MESSAGES UTILISATEUR PROFIL */ .msgPFIL { display:inline-block; vertical-align:middle; width:98px; height:21px; padding:7px 10px 0; border:1px solid; text-transform:uppercase; text-align:center; font-size:10px; line-height:15px; border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */ } /* PSEUDONYME & INFORMATIONS PROFIL */ .boxPFIL { display:inline-block; vertical-align:top; } /* BLOC PSEUDONYME PROFIL */ .namePFIL { margin-bottom:10px; height:30px; padding:20px; text-transform:uppercase; text-align:center; font-size:20px; line-height:30px; background:#4A4A4A; /* MODIFIABLE */ } /* TRIANGLE PSEUDONYME PROFIL */ .namePFIL::before { content:''; float:left; margin-left:-35px; margin-top:3px; width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent; border-right-color:#4A4A4A; /* MODIFIABLE */ } /* PSEUDONYME PROFIL */ .namePFIL span strong { color:white; /* MODIFIABLE */ } /* BLOC INFORMATIONS PROFIL */ .abtPFIL { margin-top:15px; width:491px; height:305px; padding:10px; overflow-y:auto; border:1px solid; font-size:11px; border-color:grey; background:#FEFEFE; color:black; /* MODIFIABLE */ } /* INTITULES INFORMATIONS PROFIL */ .abtPFIL div span { font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */ } /* INFORMATIONS PROFIL */ .abtPFIL div { padding:2px 0; } .abtPFIL .field_uneditable { display:inline-block; } /* BLOC IMAGES CONTACT PROFIL */ #ktactPFIL { margin-top:15px; padding:10px 5px 10px 0; text-align:right; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* IMAGES CONTACT PROFIL */ .ktactPFIL { display:inline-block; vertical-align:middle; margin:0 5px; max-height:25px; overflow:hidden; } .ktactPFIL img { margin:auto; max-height:25px; } /* FEUILLE DE PERSONNAGE PROFIL */ .boxRPG { margin-top:10px; width:780px; padding:10px; border:1px solid; border-color:grey; background:#DEDEDE; /* MODIFIABLE */ } /* CONTENU FEUILLE DE PERSONNAGE PROFIL */ .boxRPG span { text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */ } .boxRPG div:nth-of-type(1) br { display:none; } /* MODERATION PROFIL */ .ajax-profil_edit { position:absolute; z-index:15; margin-top:4px; margin-left:7px; } .ajax-profil_edit img{ width:7px; } Instructions :Largeur minimale du forum : 800px |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|