Commande profil+qeel

Ven 21 Juil - 18:12
Bonjour :) J'ai remarqué que vos commandes sont ouvertes, alors je me permet de venir squatter deux petits templates.


Largeur maximale : 800px
Hauteur maximale : Hauteur de l'exemple (environ 600px je dirais).
Schéma : Vous avez tout ici, les schémas ainsi que le fond pour les groupes du qeel : https://imgbox.com/
Éléments : Normalement tout est bien indiqué sur les maquettes.
Images : Tout se trouve dans le lien plus haut.
Animations : Là aussi,normalement, tout est bien indiqué.
Informations supplémentaires : Si vous avez besoin de plus d'information, n'hésitez pas à me le faire savoir.
Revenir en haut Aller en bas
Sam 22 Juil - 7:45
Bonjour,

Il ne m'est possible d'accéder à votre schéma, pourriez-vous vous me transmettre un lien valide s'il vous plaît ?
Revenir en haut Aller en bas
Sam 22 Juil - 14:25
Bonjour :) Ah mince le lien il a pas fonctionné comme prévu du tout :o (ou alors comme un boulet j'ai sélectionné le mauvais XD).

Voilà le bon lien cette fois-ci : http://imgbox.com/g/LXlizhmnmt
Revenir en haut Aller en bas
Sam 22 Juil - 14:31
Et j'ai oublié de fournir le titre du qeel, my bad x_x voici le lien : https://i.imgbox.com/TeAjOFth.png
Revenir en haut Aller en bas
Lun 24 Juil - 9:30
Remplacez le code du QEEL [lignes 173 à 221] par :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><!-- TITRE --><div class="tleQEEL"></div><div class="QEEL"><div class="boxQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL" id="onLINE"><div>Ils sont là</div>{LOGGED_IN_USERS_LIST}<script type="text/javascript">document.getElementById('onLINE').innerHTML=document.getElementById('onLINE').innerHTML.replace(/Utilisateurs enregistrés :/," ")</script></div><div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script>

<!-- DESCRIPTIFS GROUPES --><div class="contenu_onglets"><!-- CONTENU GROUPE 1 --><div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM DU GROUPE --><span style="color:#FA5858;">Groupe I</span>Contenu groupe 1.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- NOM DU GROUPE --><span style="color:#FF8000;">Groupe II</span>Contenu groupe 2.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM DU GROUPE --><span style="color:#FFFF00;">Groupe III</span>Contenu groupe 3.</div><!-- CONTENU GROUPE 4  --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- NOM DU GROUPE --><span style="color:#80FF00;">Groupe IV</span>Contenu groupe 4.</div><!-- CONTENU GROUPE 5  --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- NOM DU GROUPE --><span style="color:#0080FF;">Groupe V</span>Contenu groupe 5.</div><!-- CONTENU GROUPE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- NOM DU GROUPE --><span style="color:#BF00FF;">Groupe VI</span>Contenu groupe 6.</div><!-- CONTENU GROUPE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- NOM DU GROUPE --><span style="color:#FE2EF7;">Groupe VII</span>Contenu groupe 7.</div>

</div></div>

<!-- 24H --><div class="dayQEEL"><table id="dayQEEL">{L_CONNECTED_MEMBERS}</table></div><script type="text/javascript">document.getElementById('dayQEEL').innerHTML=document.getElementById('dayQEEL').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/," ");</script>

<!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MESSAGES --><div class="tlPQEEL"><span id="tPOSTS">{TOTAL_POSTS}</span><b>Messages</b><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script></div><!-- TOTAL SUJETS --><div class="tlSQEEL"><span class="FORUMCOUNTOPIC"></span><b>Sujets</b><script type="text/javascript" src="http://tinyurl.com/var-fa"></script></div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><b>Membres</b></div><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><!-- DERNIER INSCRIT --><div class="lstQEEL"><b>Bienvenue</b><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div></div>

<!-- BLOC GROUPES --><div class="GQEEL"><div class="onglets"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background:#FA5858;">Groupe I</span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background:#FF8000;">Groupe II</span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background:#FFFF00;">Groupe III</span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background:#80FF00;">Groupe IV</span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background:#0080FF;">Groupe V</span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background:#BF00FF;">Groupe VI</span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="background:#FE2EF7;">Groupe VII</span>

</div></div><!-- ANNIVERSAIRES --><div id="anvQEEL">Bonne fête à : <table>{L_WHOSBIRTHDAY_TODAY}</table></div><script type="text/javascript">document.getElementById('anvQEEL').innerHTML=document.getElementById('anvQEEL').innerHTML.replace(/Aucun membre ne fête son anniversaire aujourd'hui/," ") .replace(/Membres fêtant leur anniversaire aujourd'hui :/," ");</script> 

        <script type="text/javascript">
            //<!--
                    var anc_onglet = 'eins';
                    change_onglet(anc_onglet);
            //-->
            </script>
 
</div></td></tr></table>
<!-- END disable_viewonline -->

Partie CSS :
Code:
/* TITRE QEEL */
.tleQEEL {
margin:auto; width:850px; height:189px;
background:url(https://i.imgbox.com/TeAjOFth.png); /* MODIFIABLE */
}
/* QEEL */
.QEEL {
margin:-20px auto 0; width:800px;
font-family:Arial; text-align:center;
}
/* BLOC POSITIONNEMENT QEEL */
.boxQEEL {
display:inline-block; vertical-align:top; width:630px; margin-right:10px;
}
/* MEMBRES EN LIGNE QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
width:212px; height:136px; padding:5px; overflow:auto; border:2px solid;
border-color:#432932; background:#CBC0C4; color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* TITRE MEMBRES EN LIGNE QEEL */
.onlineQEEL div {
margin-bottom:5px; text-transform:uppercase; text-align:left; font-size:14px; font-weight:bold;
color:#432932; /* MODIFIABLE */
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
width:394px; height:150px; overflow:hidden;
background:url(https://i.imgbox.com/XutzoWeL.png); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.contenu_onglet {
display:none;
margin:10px; width:354px; height:110px; padding:10px; overflow:auto;
}
/* TITRES DESCRITIFS GROUPES QEEL */
.contenu_onglet span {
display:block; margin:auto; text-transform:uppercase; text-align:center; font-size:14px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin-top:10px;
width:375px; height:105px; padding:10px; overflow:auto;
background:#432932; /* MODIFIABLE */
}
.dayQEEL .row1 {
padding:0; background:none;
}
.dayQEEL .row1 .gensmall {
font-family:Arial;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top; margin-left:10px; margin-top:10px;
width:225px; text-align:center; font-size:10px;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top;
width:75px; height:50px; padding-top:15px;
background:#CBC0C4; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlPQEEL b {
display:block;
}
/* TOTAL SUJETS QEEL */
.tlSQEEL {
display:inline-block; vertical-align:top; margin:0 5px;
width:70px; height:50px; padding-top:15px;
background:#432932; color:#CBC0C4; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlSQEEL b {
display:block;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top;
width:70px; height:50px; padding-top:15px;
background:#CBC0C4; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlMQEEL b {
display:block;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:5px;
width:225px; height:45px; padding-top:10px;
text-transform:uppercase; font-size:16px;
background:#CBC0C4; color:black; /* MODIFIABLE */
}
.lstQEEL a {
display:block; font-size:14px;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top; width:160px;
}
/* GROUPES QEEL */
.onglet {
display:block; margin-bottom:5px; padding:5px 0; overflow:hidden;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* ANNIVERSAIRES QEEL */
#anvQEEL {
margin-top:5px; font-size:11px; text-align:left;
color:black; /* MODIFIABLE */
}
#anvQEEL .row1 {
background:none;
}
#anvQEEL .row1 .gensmall {
font-family:Arial;
}

Remplacez l'intégralité du template profile_view_body par :
Panneau d'administration > Affichage > Templates > Profil

Code:
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div id="avPFIL"><div class="rangPFIL">{POSTER_RANK}</div><div class="avPFIL">{AVATAR_IMG}</div><div id="ktactPFIL"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div></div><div class="boxPFIL"><div class="namePFIL">PROFIL DE {USERNAME}</div>
<div class="abtPFIL"><!-- BEGIN switch_show_status --><div><span>{L_STATUT} :</span> {USER_ONLINE}</div><!-- END switch_show_status --><div><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><div><!-- BEGIN switch_dhow_mp --><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}<!-- END switch_dhow_mp --></div><!-- 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 --><span class="genmed">- <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é</span><!-- END profil_type_user_posts --></div><!-- END profile_field --></div>

<div style="display:inline-block; vertical-align:top;"><!-- BEGIN switch_rpg -->
 <div class="boxRPG"><div class="imgRPG">{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 -->
 <div class="adminPFIL"><!-- BEGIN switch_auth_user --><span>{L_ADMINISTRATE_USER} :</span> {ADMINISTRATE_USER}{BAN_USER}<!-- END switch_auth_user --></div></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>
</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 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC AVATAR / RANG / IMAGES CONTACT */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px;
}
/* AVATAR */
.avPFIL {
position:relative; z-index:5; width:200px; height:320px; border:2px solid;
border-color:#432932; /* MODIFIABLE */
}
/* IMAGE RANG PROFIL */
.rangPFIL {
position:absolute; margin-left:-50px; margin-top:-100px; color:rgba(0,0,0,0);
}
.rangPFIL img{
margin-left:-170px;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; text-align:center; color:rgba(0,0,0,0);
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
margin:0 5px; max-height:25px;
}
/* BLOC POSITIONNEMENT PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top; margin-left:10px; width:586px;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:20px; padding:10px 0;
text-transform:uppercase; text-align:center;
background:#432932; color:white; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span {
color:white !important; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-right:10px;
width:270px; height:340px; overflow:auto;
font-size:11px;
color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
display:inline-block; vertical-align:top; width:286px; padding:10px;
background:#CCC; color:black; /* MODIFIABLE */
}
.boxRPG span:nth-of-type(even) {
display:block; font-weight:normal;
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGE FEUILLE DE PERSONNAGE PROFIL */
.imgRPG {
display:block; margin:0 auto 10px; text-align:center; border:2px solid;
border-color:#432932; /* MODIFIABLE */
}
.boxRPG br {
display:none;
}
/* ADMINISTRER UTILISATEUR PROFIL */
.adminPFIL {
text-align:right; font-size:11px; font-family:Arial;
}
/* INTITULE ADMINISTRER UTILISATEUR PROFIL */
.adminPFIL span {
display:block; text-transform:uppercase; font-weight:bold;
color:black; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Mar 25 Juil - 22:26
Bonsoir :) Alors je sais pas si c'est à cause de mon css ou d'autre chose, mais la couleur de fond du qeel et du profil du membre ne veut pas s'afficher. Je te met le code css complet que j'ai, ça vient peut-être de là ?

Code:
.bodyline a.mainmenu:first-child { display: none!important; }
.bodyline a.mainmenu:nth-child(2) { display: none!important; }
.bodyline a.mainmenu:nth-child(3) { display: none!important; }

#i_logo {
height: 435px;
}

a.nav img
{
  width:0px;
visibility:hidden;
}

body{
  background-repeat:no-repeat;
  background-position:top center;
}

 a.mainmenu {
  color:#fff;
  text-transform:uppercase;
  font-size:20px;
  font-family:'Playfair Display';
}

a:hover {
text-decoration:none !important;
}

a{text-decoration:none;color:#969696; }

.quote, .code, .spoiler_closed, .spoiler_content {
    background-color: rgb(238, 238, 238);
    border: 1px solid rgb(199, 199, 199);
    box-shadow: 0px 1px 0px rgb(255, 255, 255);
    border-radius: 2px 2px 2px 2px;
    padding: 5px;
    overflow:auto;
}

.postbody {
text-align:justify;
padding-left:5px;
padding-right:5px;
}

.forumline{
border-bottom: 6px #F0F0F0 solid;
border-top: 6px #F0F0F0 solid;
border-right: 1px #F0F0F0 solid;
border-left: 1px #F0F0F0 solid;
position:relative;}


u{
border-bottom:2px dotted #e10b33;
text-decoration:none;}


.bodyline{
margin-left: -50px;
margin-right: -50px;
}

.secondarytitle h2, secondarytitle h1 {
    color: rgb(255, 255, 255);
    font-family: times new roman;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: -2px;
    text-align: center;
    text-transform: uppercase;
}
.secondarytitle h2 {
    display: inline;
}

/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}
 
::-webkit-scrollbar-track {
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}
 
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l'ascenseur*/;}
/* FIN SCROLLBAR */



/* DÉBUT CATÉGORIE */
.categories *
{
  box-sizing:border-box;
}

.titre_cate h2
{
  margin:0px;
  border-top:#938288;
}

.titre_cate, .catebottom
{
  background:url(http://i.imgur.com/QGVsiI8.png);
  background-size:100% 100%;
  height:155px;
  text-align:center;
}

.catebottom
{
  margin-top: -85px;
}

.categories
{
  width:850px;
  margin:auto;
  background:#d2cecb !important;
  text-align:justify;
  font-family: 'Playfair Display', serif;
}

.description
{
  background:#af9ea4 !important;
  height:130px;
  color:#5b484e;
  clear:both;
  margin: 0px 35px;
  position:relative;
}

.derniermessage, .derniermessage a
{
  color:#5b484e;
  text-decoration:none;
  font-size:13px;
}

.titre_forum, .titre_forum *
{
  color:#3e3234 !important;
  text-transform:uppercase;
  font-weight:bold;
  font-size:25px;
  margin-left:0px;
}

.unecategorie
{
  position:relative;
}

.titre_forum, .stats
{
  width:70%;
  height:35px;
  margin-left:5%;
  float:left;
}

.stats
{
  width:25%;
  margin:0;
  text-transform:uppercase;
  color:#392f30;
  margin-top:0px;
}

.description > img
{
  position:absolute;
  top:0px;
  right:0px;
}

.description > div
{
  width:370px;
  overflow:auto;
  padding:5px;
  height:130px;
  font-size:14px;
  font-weight:bold;
  color:#3b282e;
  overflow:hidden;
}
.description > div:hover
{
  width:370px;
  overflow:auto;
  padding:5px;
  height:130px;
  font-size:14px;
  font-weight:bold;
  color:#3b282e;
  overflow:auto;
}

.lastavatar
{
  box-shadow: 0 0 15px #000;
  height: 75px;
  overflow: hidden;
  position: absolute;
  right: 125px;
  top: 65px;
  width: 150px;
}

.derniermessage
{
  font-weight: 700;
  height: 75px;
  position: absolute;
  right: 280px;
  text-align: center;
  text-transform: uppercase;
  top: 65px;
  width: 160px;
  z-index: 5;
  word-wrap: break-word;
}

.plus_sous
{
  color:white;
  font-size:25px;
  width: 40px;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 40px;
  border-color: transparent transparent #3f2c32 transparent;
  position:absolute;
  top:125px;
  right:35px;
  line-height:55px;
}

.plus_sous::first-letter
{
  margin-left:-20px;
}

.sousforums
{
  background: #3f2c32 !important;
  margin: 0px 35px;
  color:white;
  overflow:auto;
  height:0px;
  transition:.5s;
}

.sousforums a
{
  text-decoration:none;
  color:white;
  font-size:inherit;
  margin-left:10px;
  text-transform:uppercase;
}

.sousforums:hover, .plus_sous:hover + .sousforums
{
  height:35px;
  transition:.5s;
}
/* FIN CATÉGORIES */



/* DÉBUT MESSAGES IMPORTANT */
.m_all {
    background-image: url(http://img4.hostingpics.net/pics/913612hcimagemessoff.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #262237;
    color: #e6e6e6;
    padding: 220px 20px 20px 20px;
    max-width: 660px;
    text-align: justify;
    position: relative;
    font-family: calibri;
    font-size: 15px;
    line-height: 16px;
}
.m_title1 {
    font-family: Oswald;
    text-transform: uppercase;
    font-size: 22px;
    position: absolute;
    top: 100px;
    left: 45px;
    color: #666899;
    text-shadow: 1px 1px 0px rgb(0, 0, 0);
    line-height: 36px;
}
.lettrine {
    float: left;
    font-size: 55px;
    padding-right: 10px;
    line-height: 48px;
    color: #666899;
    font-weight: bold;
}
/* FIN MESSAGE IMPORTANT */

/* EDITEUR DE MESSAGE */
.sceditor-container /* contenu editeur */
{
  background: #f1f1f1 !important;
  border: none !important;
}
.sceditor-toolbar /* barre contenant les boutons */
{
  background: #f1f1f1 !important;
  border-bottom: 2px solid #272625 !important;
}
.sceditor-group /* groupes de boutons */
{
  background: #f1f1f1 !important;
  border-bottom: 1px solid #000000 !important;
}
a.sceditor-button /* boutons */
{
  background: #f1f1f1 !important;
}
.sceditor-container textarea, .sceditor-container iframe /* zone de saisie texte */
{
  padding: 5px !important;
  color: #ada78e !important;
  font-size: 11px !important;
}
/* FIN EDITEUR DE MESSAGE */

/***** Fiche de présentation Luxe *****/

.astree-cadre {
        border: 2px solid #968070;
        background-color: #292929;
        max-width: 500px;
        margin: 20px auto;
        color: #ababab;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
    }

    .astree-cadre a {
        color: #968070;
        text-decoration: none;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    .astree-cadre a:hover {
        color: #8b2f32;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

    .astree-nom {
        display: block;
        text-align: center;
        margin: -15px auto 40px;
        color: #968070;
        font-family: 'Cinzel Decorative', serif;
        font-size: 45px;
        line-height: 25px;
        text-shadow: 0 0 2px #000;
    }

    .astree-titre {
        border-bottom: 2px solid #968070;
        color: #968070;
        text-shadow: 0 0 2px #000;
        padding: 5px 20px;
        font-family: 'Cinzel Decorative', serif;
        font-size: 30px;
        margin-top: 20px;
    }

    .astree-cadre ul {
        list-style: none;
        padding: 0 20px;
    }

    .astree-cadre li span {
        font-family: 'Cinzel', serif;
        color: #968070;
        font-size: 16px;
    }

    .astree-chapitre {
        display: inline-block;
        font-family: 'Cinzel', serif;
        font-size: 25px;
        color: #968070;
        margin: 25px;
        padding: 5px 15px;
        border-left: 5px solid #968070;
        text-shadow: 0 0 2px #000;
    }

    .astree-cadre p {
        margin: 10px 20px;
        text-align: justify;
    }

    .astree-cadre p > q {
        display: block;
        font-family: 'Cinzel', serif;
        color: #968070;
        font-size: 16px;
        line-height: 28px;
    }

    .astree-cadre p > q:before, .astree-cadre p > q:after {
        content: '';
    }

    .astree-credits a {
        display: block;
        text-align: center;
        font-family: 'Cinzel', serif;
        color: #968070;
        line-height: 40px;
    }
/* FIN PRÉSENTATION LUXE */


/* DÉBUT PROFIL */
.bord-topic {
  display: flex;
  justify-content: space-between;
}

/* boutons Nouveau, Répondre, Verrouillé */
.boutons-reponse {
  font-size: 30px;
  line-height: 1;
  font-family: Georgia, serif;
  flex-shrink: 1;
  flex-grow: 1;
  margin-right: 20px;;
}
.boutons-reponse a {
  color: #fffaff;
}
.boutons-reponse img {
  display: none;
}
.boutons-reponse img[alt*="nouveau"] + span:after {
  content: 'Nouveau ';
}
.boutons-reponse img[alt*="Répondre "] + span:after {
  content: 'Répondre ';
}
.boutons-reponse img[alt*="verrouillé"] + span:after {
  content: 'Verrouillé ';
}

/* navigation */
.nav-topic {
  flex-grow: 1;
  flex-shrink: 1;
  text-align: right;
  font-size: 12px;
  line-height: 1;
  font-family: Georgia, serif;
  text-transform: uppercase;
}
.haut .nav-topic { /* en haut de la page */
  padding-top: 15px;
}
.bas .nav-topic { /* en bas de la page */
  padding-bottom: 15px;
}

/* titre du sujet */
h1.topic-title {
  background: #6f505f;
  margin: 0;
  padding: 10px;
  text-align: center;
  color: #fffaff;
  font-size: 30px;
  line-height: 1;
  font-family: Georgia, serif;
}

/* fond message */
.messages {
  background: #928388;
  margin: 0;
  padding: 50px 10px 10px;
  position: relative;
}
.hidden { /* messages masqués */
  text-align: center;
  padding: 20px;
}

/* affichage d'un message */
.message {
  margin-bottom: 20px;
  min-height: 630px;
}

/* pagination */
.pagination.haut {
  position: absolute;
  top: 10px;
  right: 10px;
}
.pagination.bas {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/* sondage */
.sondage {
  width: 100%;
  margin: -60px 0 20px;
}
.sondage .row2 {
  background: transparent;
}
.sondage:empty {
  margin: 0;
}

/* colonne auteur */
.colonne-auteur {
  position: relative;
  margin-top: 20px;
}

/* rang image */
.rang-image {
  position: absolute;
  top: -110px;
  left: -220px;
}

/* contenant avatar + pseudo */
.bordure-auteur {
  border: 1px solid #fffaff;
  width: 200px;
  padding: 3px;
  position: absolute;
}

/* avatar */
.avatar-auteur, .avatar-auteur img {
  width: 200px;
  height: 320px;
  transition: all 1s;
}
.avatar-auteur {
  position: relative;
  overflow: hidden;
}

/* survol de l'avatar */
.survol-avatar {
  padding: 10px;
  transition: all 1s;
  background: rgba(255, 250, 255, .9);
  position: absolute;
  top: 320px;
  left: 10px;
  width: 160px;
  height: 280px;
  overflow: auto;
}
.avatar-auteur:hover .survol-avatar {
  transition: all 1s;
  top: 10px;
}

/* avatar grisé au survol */
.avatar-auteur:hover img {
  filter: grayscale(.3);
}

/* champs du profil */
.label {
  font-size: 12px;
  line-height: 1;
  font-family: Georgia, serif;
}
.field-content {
  background: #463138;
  color: #fffaff;
  font-size: 12px;
  line-height: 1;
  font-family: Georgia, serif;
  padding: 3px;
  margin-bottom: 5px;
}

/* fiche rpg */
.rpg {
  font-size: 12px;
  line-height: 1;
  font-family: Georgia, serif;
}
.rpg a {
  background: #463138;
  color: #fffaff;
  font-size: 12px;
  line-height: 1;
  font-family: Georgia, serif;
  padding: 3px;
  display: block;
}
.rpg a + br {
  display: none;
}

/* nom et rang */
.auteur {
  background: #463138;
  padding: 3px;
  text-align: center;
  font-family: Georgia, serif;
}
.auteur, .auteur a span strong {
  color: #fffaff;
}
.nom-auteur {
  font-size: 35px;
  border-bottom: 1px solid #FFF;
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.rang-auteur {
  font-size: 12px;
  line-height: 1;
  font-family: Verdana, sans-serif;
}

/* inventaire */
.inventaire {
  position: absolute;
  top: 400px;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 207px;
}
.inventaire div:empty {
  padding: 0;
}

/* titre de l'inventaire */
.titre-inventaire {
  width: 100%;
  color: #463138;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  font-family: Georgia, serif;
  margin-top: 10px;
  margin-bottom: 5px;
}

/* cases de l'inventaire */
.un, .deux, .trois, .quatre, .cinq, .six {
  background: #463138;
  padding: 5px;
  flex-shrink: 1;
  flex-grow: 1;
  width: 26%;
  position: relative;
  float: left;
}
.un, .deux, .trois {
  margin-bottom: 5px;
}
.un, .deux, .quatre, .cinq {
  margin-right: 5px;
}

/* infobulles inventaire */
.inventaire .label {
  transition: all 1s;
  top: -5px;
  left: -5px;
  display: block;
  position: absolute;
  background: rgba(255, 250, 255, .9);
  color: #463138;
  padding: 3px;
  font: 10px;
  border-radius: 5px;
  opacity: 0;
}
.inventaire > div:hover .label {
  opacity: 1;
}

/* colonne message */
.colonne-message {
  margin-left: 227px;
}

/* date + boutons */
.haut-message {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  line-height: 1;
  font-family: Georgia, serif;
}
.haut-message, .haut-message a {
  color: #fffaff;
}
.date, .boutons {
  flex-shrink: 1;
  flex-grow: 1;
}
.boutons {
  text-align: right;
}
.boutons img {
  display: none;
}
.boutons a {
  padding-left: 13px;
}
/* boutons Citer & cie */
.boutons a[href*="quote"]:before {
  content: 'Citer ';
}
.boutons a[href*="edit"]:before {
  content: 'Éditer ';
}
.boutons a[href*="delete"]:before {
  content: 'Supprimer ';
}
.boutons a[href*="ip"]:before {
  content: 'IP ';
}

/* message */
div.postbody {
  border: 5px solid #463138;
  background: #cbc9bd;
  padding: 10px;
  text-align: justify;
  margin: 5px 0;
  color: #333;
  min-height: 366px;
}

/* signature */
.signature_div {
  border-top:3px solid #463138;
  margin-top:20px;
  min-height: 200px;
  font-size: 12px;
  line-height: 1.3;
  font-family: Verdana, sans-serif;
}
.signature_div br:first-of-type, .signature_div br:nth-child(2) {
  display: none;
}

/* en ligne + autres boutons */
.online {
  text-align: right;
  font-family: Georgia;
  font-size: 15px;
}
.online a img {
  display: none;
}
.online > * {
  padding-left: 15px;
}
.online a {
  color: #FFFAFF;
}
.online a[title*="profil"]:after {
  content: 'Profil ';
}
.online a[title*="message"]:after {
  content: 'Message privé ';
}
.online a[href*="email"]:after {
  content: 'Email ';
}

/* surveiller les sujets */
.watch-topic {
  margin-top: 30px;
  padding: 20px 20px 0;
  text-align: right;
  background: #928388;
}

/* réponse rapide */
.quick-reply {
  padding: 20px;
  background: #928388;
}
.quick-reply table {
  margin: 0 auto;
}
.quick-reply .row2 {
  background: transparent;
}

/* permissions */
.permissions {
  margin-bottom: 20px;
  padding: 20px;
  background: #6f505f;
}
.permissions a {
  color: #FFFAFF;
}
.permissions .row1, .permissions .row2 {
  background: transparent;
}
/* FIN PROFIL */


/* DEBUT PA */
* {
  font-family:'Playfair Display';
}
#PA {
  width:850px;
  height:760px;
  background-color: #928388;
}
#titre{
  margin-left:20px;
}
#contexte {
  background:url('http://i.imgur.com/Ob1rIlL.png');
  background-repeat:no-repeat;
  overflow:hidden;
  font-size:13px;
  width:310px;
  color:#000;
  height:243px;
  padding:20px;
  text-align:justify;
  margin-left:-450px;
  margin-top:-15px;
}
#gobelin {
  margin-top:-305px;
  margin-left:0px;
}
.staffOLD {
  margin-left:320px;
  margin-top:-300px;
  position:relative;
  width:150px;
}
.staff {
  display:inline-block;
  padding:3px;
  color:#fff;
 
}
.staff:hover, {
  background-color:#533a40;
}
.staff span {
  position:absolute; 
  background:#533a40;
  margin-left:-145px;
  margin-top:9px;
  transform:scale(1) rotate(-180deg);
  transition:all .4s;
  padding:15px;
  opacity:0;
  text-align:center;
}

.staff:hover span, .staff:focus span{
    transform:scale(1) rotate(0);
    opacity:.9;
    width:110px;
    height:28px;
}

.lien {
  margin-left:-630px;
  width:170px;
  height:24px;
  font-size:15px;
  color:#fff7fc !important;
  background:#432932;
  margin-top: 8px;
}
.lien a{
  color:#ffffff;
  text-decoration:none;
}

/* slideshow */
#slideshow {
  position:relative;
  width:318px;
  height:178px;
  margin-top:-184px;
  margin-left:-110px;
}

/* gestion des dimensions et débordement du conteneur */
#slideshow .container {
  position:relative;
  width:318px;
  height:178px;
  overflow:hidden;
}

/* le conteneur des slides */
#slideshow .slider {
  position:absolute;
  left:0;
  top:0;
  width:400%;
  height:145px;
  animation:slider 16s infinite;
  -webkit-animation:slider 16s infinite;
}

/* Fonction animation */
@keyframes slider {
  0%,20%,100% {left:0}
  25%,45% {left:-100%}
  50%,70% {left:-200%}
  75%,95% { left:-300%}
}
@-webkit-keyframes slider {
  0%,20%,100% {left:0}
  25%,45% {left:-100%}
  50%,70% {left:-200%}
  75%,95% { left:-300%}
}

.news {
  height:178px;
}

.newsA {
  background-color:#6a575d;
  width:280px;
  height:auto;
  margin-left:325px;
  margin-top:-178px;
  font-size:15px;
  padding-left:6px;
  padding-bottom:2px;
  color:#fff;
}
.newsB {
  background-color:#cbc0c4;
  width:280px;
  height:auto;
  margin-left:325px;
  margin-top:4px;
  font-size:15px;
  color:#392d31;
  padding-left:6px;
  padding-bottom:2px;
  text-transform:uppercase;
}
.newsC {
  background-color:#6a575d;
  width:280px; 
  height:auto;
  margin-left:325px;
  margin-top:4px;
  font-size:14px;
  padding-left:6px;
  padding-bottom:2px;
  color:#fff;
}
.newsD {
  background-color:#cbc0c4;
  width:280px;
  height:auto;
  margin-left:325px;
  margin-top:4px;
  font-size:15px;
  color:#392d31;
  padding-left:6px;
  padding-bottom:2px;
}
.predefinisOLD{
  margin-left:-650px;
  margin-top:20px;
  position:relative;
  width:50px;
}
.predefinis{
  margin-left:2px;
  display:inline-table;
  font-weight:bold; 
}
.predefinis:hover, {
  background-color:#533a40;
}
.predefinis span {
  position:absolute; 
  background:#e4d1cd;
  margin-left:-72px;
  margin-top:5px;
  transform:scale(1) rotate(-180deg);
  transition:all .4s;
  opacity:0;
  text-align:center;
  color:#000;
  padding-top:15px;
}
.predefinis:hover span, .predefinis:focus span{
    transform:scale(1) rotate(0);
    opacity:.7;
    width:68px;
    height:75px;
}
.predefinis a{
  color:#000;
  font-weight:normal;
}
.event {
  margin-left: 135px;
  margin-top:-105px;
  width:300px;
  height:81px;
  padding:2px;
  color:#3b3034;
  border:5px solid #3e272f;
  background-color:#cbc0c4;
  text-align:left;
  font-size:16px;
  font-weight:bold;
}
.event span{
  font-size:12px;
  color:#3b3034;
  font-weight:normal;
}
.event a{
  color:#3b3034;
  margin-left:235px;
  text-transform:uppercase;
  font-weight:normal;
  font-size:14px;
}
.top-sites{
  margin-left:458px;
  margin-top:-105px;
}
.partenariats {
  width:780px;
  margin-left:-188px;
  margin-top:10px;
  background-color:#4a2f38;
  height:35px;
  padding:10px;
}
.credits{
  width:700px;
  text-align:center;
  margin-left:-150px;
  font-size:9px;
  color:#402f35;
  font-family:arial;
}
/* FIN PA */

    /* ------------- AFFICHAGE DES SUJETS ------------- */
    .paginationsujetgen{
      font-family: 'Playfair Display', serif;
      height: 0px;
    }

    .paginationsujetgen a{
      font-size: 13px;
      color: #2D2125;
      text-decoration: none!important;
    }

    .navigationsujet{
      background: #CBC0C4;
      width: 775px;
      height: 28px;
      margin: auto;
      text-align: center;
      text-transform: uppercase;
      line-height: 27px;
      overflow: hidden;
    }

    .navigationsujet a{
      font-family: 'Playfair Display', serif;
      color: #2D2125;
      font-size: 15px;
      font-weight: 100;
    }

    .navigationsujet a:hover{
      text-decoration: none!important;
    }

    .titresujetliste{
      background: #432932;
      width: 770px;
      height: 37px;
      font-family: 'Playfair Display', serif;
      padding-left: 5px;
      z-index: 99;
      position: relative;
    }

    .titresujetliste div{
      color: #D4C5CA;
      font-size: 13px;
      position: relative;
      top: -35px;
      left: 635px;
      width: 145px;
    }

    .titresujetliste a.topictitle{
      color: #D4C5CA;
      font-size: 25px;
      font-weight: 100;
    }

    .imgnewnonew{
      width: 0px;
      height: 18px;
      position: relative;
      left: -25px;
      top: -5px;
    }

    .titresujetliste a.topictitle:hover{
      text-decoration: none !important;
    }

    .pseudoun{
      border: 6px solid #432932;
      background: #CBC0C4;
      width: 228px;
      height: 33px;
      margin-top: -9px;
      font-family: 'Playfair Display', serif;
      text-align: center;
      font-size: 20px;
      line-height: 30px;
    }

    .pseudoun a{
      text-decoration: none !important;
      text-transform: uppercase;
    }

    .pseudoun span{
      color: #42363a !important;
      font-weight: none !important;
    }

    .blocvues{
      width: 73px;
      height: 73px;
      border: 1px solid #433036;
      background: #6A575D;
      color: #D4C5CA;
      font-family: 'Playfair Display', serif;
      text-align: center;
      line-height: 65px;
      font-size: 25px;
    }

    .blocreponses{
      width: 73px;
      font-size: 25px;
      height: 73px;
      border: 1px solid #423338;
      background: #C8C2C4;
      color: #1D1216;
      font-family: 'Playfair Display', serif;
      text-align: center;
      line-height: 65px;
    }

    .derniermesssujet{
      text-align: center;
      width: 189px;
      height: 48px;
      padding: 3px;
      font-size: 12px;
      overflow: auto;
      font-family: 'Playfair Display', serif;
      line-height: 12px;
    }

    .avatardernier{
      width: 145px;
      height: 73px;
      overflow: hidden;
      box-shadow: 0px 0px 4px #533938;
    }

    .avatardernier img{
      width: 145px;
      margin-top: -50px;
    }

    .descrsujet{
      background: #432932;
      color: #D4C5CA;
      width: 446px;
      font-size: 12px;
      line-height: 20px;
      padding-left: 3px;
      height: 20px;
      overflow: hidden;
      margin-top: -9px;
      font-family: 'Playfair Display', serif;
    }
/* FIN AFFICHAGE SUJETS */


/* TITRE QEEL */
.tleQEEL {
margin:auto; width:850px; height:189px;
background:url(https://i.imgbox.com/TeAjOFth.png); /* MODIFIABLE */
}
/* QEEL */
.QEEL {
margin:-20px auto 0; width:800px;
font-family:Arial; text-align:center;
}
/* BLOC POSITIONNEMENT QEEL */
.boxQEEL {
display:inline-block; vertical-align:top; width:630px; margin-right:10px;
}
/* MEMBRES EN LIGNE QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
width:212px; height:136px; padding:5px; overflow:auto; border:2px solid;
border-color:#432932; background:#CBC0C4; color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* TITRE MEMBRES EN LIGNE QEEL */
.onlineQEEL div {
margin-bottom:5px; text-transform:uppercase; text-align:left; font-size:14px; font-weight:bold;
color:#432932; /* MODIFIABLE */
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
width:394px; height:150px; overflow:hidden;
background:url(https://i.imgbox.com/XutzoWeL.png); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.contenu_onglet {
display:none;
margin:10px; width:354px; height:110px; padding:10px; overflow:auto;
}
/* TITRES DESCRITIFS GROUPES QEEL */
.contenu_onglet span {
display:block; margin:auto; text-transform:uppercase; text-align:center; font-size:14px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin-top:10px;
width:375px; height:105px; padding:10px; overflow:auto;
background:#432932; /* MODIFIABLE */
}
.dayQEEL .row1 {
padding:0; background:none;
}
.dayQEEL .row1 .gensmall {
font-family:Arial;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top; margin-left:10px; margin-top:10px;
width:225px; text-align:center; font-size:10px;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top;
width:75px; height:50px; padding-top:15px;
background:#CBC0C4; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlPQEEL b {
display:block;
}
/* TOTAL SUJETS QEEL */
.tlSQEEL {
display:inline-block; vertical-align:top; margin:0 5px;
width:70px; height:50px; padding-top:15px;
background:#432932; color:#CBC0C4; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlSQEEL b {
display:block;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top;
width:70px; height:50px; padding-top:15px;
background:#CBC0C4; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlMQEEL b {
display:block;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:5px;
width:225px; height:45px; padding-top:10px;
text-transform:uppercase; font-size:16px;
background:#CBC0C4; color:black; /* MODIFIABLE */
}
.lstQEEL a {
display:block; font-size:14px;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top; width:160px;
}
/* GROUPES QEEL */
.onglet {
display:block; margin-bottom:5px; padding:5px 0; overflow:hidden;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* ANNIVERSAIRES QEEL */
#anvQEEL {
margin-top:5px; font-size:11px; text-align:left;
color:black; /* MODIFIABLE */
}
#anvQEEL .row1 {
background:none;
}
#anvQEEL .row1 .gensmall {
font-family:Arial;
}
/* FIN QEEL */


/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC AVATAR / RANG / IMAGES CONTACT */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px;
}
/* AVATAR */
.avPFIL {
position:relative; z-index:5; width:200px; height:320px; border:2px solid;
border-color:#432932; /* MODIFIABLE */
}
/* IMAGE RANG PROFIL */
.rangPFIL {
position:absolute; margin-left:-50px; margin-top:-100px; color:rgba(0,0,0,0);
}
.rangPFIL img{
margin-left:-170px;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; text-align:center; color:rgba(0,0,0,0);
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
margin:0 5px; max-height:25px;
}
/* BLOC POSITIONNEMENT PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top; margin-left:10px; width:586px;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:20px; padding:10px 0;
text-transform:uppercase; text-align:center;
background:#432932; color:white; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span {
color:white !important; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-right:10px;
width:270px; height:340px; overflow:auto;
font-size:11px;
color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
display:inline-block; vertical-align:top; width:286px; padding:10px;
background:#CCC; color:black; /* MODIFIABLE */
}
.boxRPG span:nth-of-type(even) {
display:block; font-weight:normal;
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGE FEUILLE DE PERSONNAGE PROFIL */
.imgRPG {
display:block; margin:0 auto 10px; text-align:center; border:2px solid;
border-color:#432932; /* MODIFIABLE */
}
.boxRPG br {
display:none;
}
/* ADMINISTRER UTILISATEUR PROFIL */
.adminPFIL {
text-align:right; font-size:11px; font-family:Arial;
}
/* INTITULE ADMINISTRER UTILISATEUR PROFIL */
.adminPFIL span {
display:block; text-transform:uppercase; font-weight:bold;
color:black; /* MODIFIABLE */
}
/* FIN DU PROFIL */
Revenir en haut Aller en bas
Mer 26 Juil - 11:15
Remplacez les lignes 245 à 272 du template overall_header par :
Code:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <!-- BEGIN switch_logo_left -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_left -->
                        <td align="center" width="100%" valign="middle">
                            <!-- BEGIN switch_logo_center -->
                            <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                            <br />
                            <!-- END switch_logo_center -->
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            <br />
                            <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                        </td>
                        <!-- BEGIN switch_logo_right -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_right -->
                    </tr>
                </table>

                <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                    <tr>
                        <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                    </tr>
                </table>
 
 
 <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
            <td class="bodyline">

Remplacez :
Code:
.bodyline{
margin-left: -50px;
margin-right: -50px;
}


Par :
Code:
/* CORPS DU FORUM */
.bodyline {
background:#928388; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Mer 26 Juil - 17:34
Bonjour :) Tout fonctionne Nickel à présent, je vous remercie énormément ♥ Vous serez bien évidemment crédité dans la partie concernée :)
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum