Problème code CSS, affichage du profil

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème code CSS, affichage du profil

Message par Dydou Ven 15 Avr 2016 - 12:19

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 14 Avril 2016
Lien du forum : http://goodpeopledie.forumactif.org/

Description du problème

Bonjour,
Je suis désolée de vous importuner mais je rencontre actuellement un problème au niveau de l'affichage du profil.
Ayant fait de nombreuses modifications, je ne suis pas absolument certaine que ce soit un problème le code CSS, cependant je suis tombé sur un sujet archivé et l'utilisateur affirmait que son souci avait été réglé suite à une relecture de ce dernier...
N'étant pas du tout une experte, j'ai tout de même décidé de supprimer quelques "éléments" que je n'utilisais plus et la, catastrophe... On me dit que le nombre de guillemets n'est plus correct et qu'il y a une erreur dans mon code...
Je suis désolé de vous importuner mais je ne suis vraiment qu'une novice et j'ai bien peur de massacrer tout mon forum en y touchant plus que nécessaire.

Ci-joint, capture d'écran du problème:

Le soucis est le suivant : on ne peut plus modifier les informations du profil autrement qu'en passant par le panneau d'administration. En effet, les différents onglets (Informations, Contact...) ne s'affichent plus.
Je tiens à préciser que je n'ai absolument pas touché au template profile_add_body mais seulement à celui profile_view_body que j'ai par la suite désinstallé malgré la persistance du problème.

Je vous remercie par avance de l'attention que vous portez à ma requête et vous souhaite une bonne soirée.

Kaillou ::moitimide::

Code:
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "La Grande Salle";
}

.body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-3/oth261.cur), progress !important;}

.img
{ position: absolute;
 display: block;
 margin-top: 0px;
  width: 190px;
 height: 256px;
 overflow: auto;
  background-color: #191817;
  font-size: 50px;
 color: white;
 text-align: center;
 padding: 5px;
  opacity: 0;
 -moz-opacity: 0;
 -khtml-opacity: 0;
 filter: alpha(opacity=0); }

.img:hover
{  opacity: 0.8;
 -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
 filter: alpha(opacity=80); }

/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
padding:10px 0;
text-transform:uppercase; text-align:center;
color:white; background:#420000;  /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; margin-top:10px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:#ab9270; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:#ab9270; /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE & ADMINISTRATION PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:380px; height:32px; padding:8px 10px 0;
text-align:center; font-size:9px;
background:#420000; color:white; /* MODIFIABLE */
}
/* INTITULES CONTENU DERNIERE VISITE & ADMINISTRATION PROFIL */
#adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px; 
width:460px; height:270px; padding:0 10px; overflow:auto;
font-size:11px;
background:#ab9270; color:white; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div:first-child{
margin:5px; 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:#ab9270; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px; max-width:85px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#420000; color:white; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}

/* QEEL */
.QEEL {
margin:auto; width:800px;
background:none; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL {
display:inline-block; vertical-align:top; margin-bottom:15px;
width:480px; height:60px; padding-top:25px; box-shadow:inset 0 0 25px rgba(0,0,0,0.2);
font-family:Arial; background:#420000; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
.tleQEEL a {
font-size:32px;
color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE */
.lstQEEL {
margin-left:20px; display:inline-block;
height:65px; width:300px; padding-top:20px;
background:#ab9270; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* BLOC MEMBRES CONNECTES & 24H */
.ondayQEEL {
display:inline-block; vertical-align:top;
text-align:center;
width:410px; height:180px; padding:10px; overflow:hidden;
background-color:#ab9270; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.ondayQEEL:hover {
overflow:auto;
}
.ondayQEEL .row1 {
background:none; padding:0;
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; margin-left:20px;
width:350px; height:200px;
background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
text-align:center;
}
.contenu_onglet {
display:none;
width:350px; height:200px; overflow:hidden;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-top:15px; margin-left:15px;
width:300px; height:150px; padding:10px; overflow:auto;
font-size:10px; text-align:justify;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
}
.contenu_onglet img {
position:absolute; z-index:1; margin-left:-175px;
width:350px; height:200px;
opacity:0.8;
}
/* NOMBRE MESSAGES & TOTAL MEMBRES */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
height:75px; width:145px; padding-top:25px;
background:#81614b; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; margin-left:20px; margin-top:15px;
width:470px; height:70px; padding-top:30px;
text-transform:uppercase; text-align:center; font-family:Arial; font-size:24px; font-weight:bold;
background:#420000; color:white; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-59px;
width:0px; height:80px; padding:10px; overflow:hidden;
text-align:justify !important;
background:#ccc; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div {
width:450px; overflow:auto;
opacity:1;
}
.anvQEEL .row1 {
background:none !important; padding:0 !important;
}
/* BLOC NOMS GROUPES QEEL */
.GQEEL {
width:800px; padding:10px 0; text-align:center;
}
/* NOM GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px; padding:5px;
font-size:14px; font-weight:bold; text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
}
/* SURVOLEMENT NOMS GROUPES QEEL */
.onglet_1 {
letter-spacing:2px;
}
/* TITRE CATEGORIES */
.tleCAT{
position:relative; margin:10px auto;
width:800px; padding:25px 0; text-align:center;
background:#420000; /* MODIFIABLE */
}
.tleCAT h2 {
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto;
width:400px; height:5px; background:#420000; /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM {
margin:10px auto; width:780px; height:150px; padding:10px; overflow:hidden;
background:#ccc; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
position:relative; z-index:4; display:inline-block; vertical-align:top;
width:155px; height:150px;
background:grey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUMS */
.imgDESC {
position:absolute; z-index:5; margin-top:-70px; margin-left:-200px;
width:155px; height:150px;
}
/* BANDE SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3; margin-left:155px; margin-top:-150px;
height:150px; width:15px;
background:#420000;  /* MODIFIABLE */
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM span {
position:absolute; margin-left:15px; margin-top:5px;
width:0; height:0; border-style:solid; border-width:10px 0 10px 10px; border-color:transparent;
border-left-color:#420000; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover span {
margin-left:345px;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-left:-10px;
width:0px; height:140px; padding:5px; overflow:hidden;
line-height:4px; color:rgba(0,0,0,0); font-size:10px; text-transform:uppercase;
background:#420000; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div {
margin-left:0px;
width:335px; overflow:auto;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a {
display:block; width:95%; margin:5px auto 0;
padding:10px 0; text-align:center;
color:black !important; background:white !important; /* MODIFIABLE */
}
/* BLOC TITRE/NOMBRE SUJETS & MESSAGES/DESCRIPTION FORUMS */
.boxFRM {
display:inline-block; vertical-align:top; margin-left:35px;
width:310px;
}
/* BLOC TITRE & SUJETS/MESSAGES FORUMS */
.tleFRM {
width:300px; height:40px; padding:5px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:#420000; /* MODIFIABLE */
}
/* TITRE FORUMS */
.tleFRM a {
display:block; margin:5px auto 0;
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES */
.nbFRM {
text-align:center; font-size:10px; text-transform:uppercase;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTION FORUMS */
#descFRM {
margin-top:10px;
width:290px; height:70px; padding:10px; overflow:hidden;
background:#420000; /* MODIFIABLE */
}
/* DESCRIPTION FORUMS */
.descFRM {
width:280px; height:60px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; font-family:Arial;
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
display:inline-block; vertical-align:top; margin:0 10px;
height:70px; width:140px; padding:10px;
background:#420000; /* MODIFIABLE */
}
/* CONTENU DERNIER MESSAGE FORUMS */
.lmsgFRM div {
height:60px; padding:5px;
text-align:center; font-size:11px; text-transform:uppercase;
background:white; color:black; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE NOIR & BLANC FORUMS */
.boxIIDESC {
position:absolute; margin-left:510px; margin-top:-50px;
width:160px; height:50px;
background:#191919; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE NOIR & BLANC FORUMS */
.bwDESC {
position:absolute; z-index:2; margin-top:-40px; margin-left:310px;
width:160px; height:50px; overflow:hidden;
}
.bwDESC img {
width:160px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* ICÔNES FORUMS */
.imgFRM {
display:inline-block; vertical-align:top;
height:150px; width:100px;
}

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:750px; margin:10px auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:15px;
}
/* TITRE / AUTEUR / DERNIER MESSAGE / STATISTIQUES */
.boxSBJ {
display:inline-block; vertical-align:top;
width:690px;
}
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:460px; height:35px; padding:10px; overflow:hidden;
font-family:Arial; background:rgba(0,0,0,0.1); box-shadow:inset 0 0 5px rgba(0,0,0,0.1); /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE */
.tleSBJ a {
line-height:9px;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
color:#dedede; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* TRIANGLE AUTEUR */
.triSBJ {
display:inline-block; vertical-align:middle;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* AUTEUR */
.nameSBJ {
display:inline-block; vertical-align:middle;
width:185px; height:35px; padding:20px 5px 0; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px; text-align:center; line-height:11px;
}
/* ICÔNES */
.imgSBJ {
display:inline-block; vertical-align:top; margin-left:10px;
width:50px; height:100px;
}
/* BLOC DERNIER MESSAGE / VUES & REPONSES */
.stsSBJ {
display:inline-block; vertical-align:top;
background:#420000; /* MODIFIABLE */
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; margin:5px;
height:15px; width:275px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* VUES */
.vuesSBJ {
display:inline-block; vertical-align:top; margin:5px 5px 5px 0;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES */
.repSBJ {
display:inline-block; vertical-align:top;  margin:5px 0;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:-3px;
width:210px; padding-right:10px; font-size:10px; text-align:right;
color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
width:675px; margin:auto; text-align:center;
}
/* BLOC MEMBRE */
#MBER {
float:left; width:200px; height:345px; margin:15px 10px 10px;
}
/* BLOC PSEUDONYME */
#nameLMBER {
position:absolute; z-index:3; margin-top:-10px; margin-left:85px; width:100px; height:auto;
}
/* OMBRES BLOC PSEUDONYME */
.triLMBER {
position:absolute; z-index:2; margin-top:-10px; margin-left:80px;
width:0; height:0; border-style:solid; border-width:0 0 15px 5px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE */
}
.triRMBER {
position:absolute; margin-top:-10px; margin-left:185px;
width:0; height:0; border-style:solid; border-width:15px 0 0 5px; border-color:transparent;
border-left-color:black; /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER {
width:80px; padding:10px;
text-align:center; text-transform:uppercase;
background:rgba(250,250,250,0.9); /* MODIFIABLE */
}
/* IMAGES MP * PROFIL */
.mpwLMBER {
width:100px; text-align:center;
background:rgba(250,250,250,0.9); /* MODIFIABLE */
}
/* TRIANGLE BAS PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:rgba(250,250,250,0.9); /* MODIFIABLE */
}
/* AVATAR MINIATURISE */
.imgLMBER img {
position:absolute; z-index:2; margin-left:-100px; width:200px; height:320px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.imgLMBER {
width:200px; height:320px; overflow:hidden;
}
.imgLMBER div {
position:relative;
width:200px; height:320px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div {
width:190px; height:145px; padding:5px; overflow:hidden;
background:rgba(0,0,0,0.6); /* MODIFIABLE */
font-size:11px; text-align:center;
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.imgLMBER:hover div div {
transform:translateY(240px); -webkit-transform:translateY(240px);
}
.imgLMBER:hover img{
transform:translateY(-85px); -webkit-transform:translateY(-85px);
}
/* CONTENU MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div span {
display:inline-block; height:16px; padding-top:4px; text-align:center; text-transform:uppercase; font-size:10px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}

/*********************BOTTIN AVATAR******************/
    /* COULEURS LETTRES A/C/F/H/ETC */
    .IILTRS {
    background:#402126 !important; color:white !important;
    }
    /* COULEURS LISTES LETTRES A/C/F/H/ETC */
    .IILTRS div {
    background:#402126 !important; color:white !important;
    }
    /* COULEURS LETTRES B/D/E/G/ETC */
    .IINDII {
    color:black !important; background:#ccc !important;
    }
    /* COULEURS LISTES LETTRES B/D/E/G/ETC */
    .IINDII div{
    background:#ccc !important; color:black !important;
    }
    /* COULEURS CONSEIL BOTTIN */
    .tleABCII {
    background:#402126 !important;
    }
    .tleABCII a{
    color:white !important;
    }
/**********FIN BOTTIN**********/

 /* BOTTIN ANIMAGUS */
/* BLOC LETTRES ABC - GHI - MNO - STUV */
.ABCIV span{
background:#ccc !important; color:black !important;
}
/* SURVOL LETTRES ABC - GHI - MNO - STUV */
.ABCIV:hover span{
background:#402126 !important; color:white !important;
}
/* LISTE DES SOURCES ABC - GHI - MNO - STUV */
.ABCIV p {
background:#402126 !important; color:white !important;
}
/* SURVOL LISTE DES SOURCES ABC - GHI - MNO - STUV */
.ABCIV:hover p{
background:grey !important; color:white !important;
}
/* BLOC LETTRES DEF - JKL - PQR - WXYZ */
.IIABCIV span {
background:#402126 !important; color:white !important;
}
/* SURVOL LETTRES DEF - JKL - PQR - WXYZ */
.IIABCIV:hover span{
background:#ccc !important; color:black !important;
}
/* LISTE DES SOURCES DEF - JKL - PQR - WXYZ */
.IIABCIV p {
background:#ccc !important; color:black !important;
}
/* SURVOL LISTE DES SOURCES DEF - JKL - PQR - WXYZ */
.IIABCIV:hover p{
background:#402126 !important; color:white !important;
}

/* PAGE D'ACCUEIL MISE EN PLACE !!*/
/* CONTEXTE */
.ctxtNIV {
background:#420000 !important; color:white !important;
}
/* BLOC STAFF & LIENS */
.stlNIV {
background:#420000 !important;
}
/* CONTENU STAFF */
.staffNIV div p{
background:rgba(0,0,0,0.7) !important; color:white !important;
}
/* LIENS CONTENU STAFF */
.staffNIV div p a{
color:#ccc !important;
}
/* LIENS */
.lksNIV a{
background:#D7B692 !important; color:white !important;
}
/* PREDEFINIS */
.pfNIV {
background:#420000 !important;
}
/* NOUVELLES */
.newsNIV p{
background:#420000 !important; color:white !important;
}
/* BLOC PARTENAIRES */
.partNIV {
background:#420000 !important;
}

/* FICHE PRESENTATION POSSIBLE !!- BLOC NOM PRENOM + INFORMATIONS */
.nposCAN {
background-color:#420000 !important;
}
/* NOM PRENOM */
.npCAN {
color:white !important;
}
/* INFORMATIONS */
.infosCAN {
background-color:rgba(250,250,250,0.2) !important;
}
/* BLOC PHYSIQUE + CARACTERE */
.boxCAN{
background-color:#420000 !important;
}
/* BLOC PHYSIQUE */
.phyzCAN {
background-color:rgba(250,250,250,0.2) !important;
}
.phyzCAN div p {
color:white !important;
}
/* BLOC CARACTERE */
.caraCAN {
border-color:white !important; background-color:#420000 !important;
}
/* TITRE HISTOIRE */
.storyCAN {
color:white !important;
}
/* BLOC HISTOIRE */
.storyCAN p {
background-color:white !important; color:black !important;
}
/* BLOC A PROPOS */
.abtCAN {
background-color:#420000 !important;
}
/* CREDIT */
.cdtCAN {
background-color:rgba(0,0,0,0.2) !important;
}

/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tleSBJ {
margin:auto; padding:10px 0;
text-transform:uppercase; font-weight:bold;
background:#ab9270; color:#420000; /* MODIFIABLE */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:5px; padding:10px;
background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:400px; padding:10px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
text-align:justify;
}
/* AVATAR */
.avaPOST {
width:200px; height:320px; border:5px solid;
border-color: #420000; /* MODIFIABLE */
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST img {
width:200px; height:320px;
}
/* FICHE DE PERSONNAGE */
.avaPOST div{
position:absolute; z-index:2; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* CONTENU FICHE DE PERSONNAGE */
.avaPOST div div{
width:190px; height:310px; padding:5px; overflow:auto; 
font-size:11px; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
transform:translateY(-640px); -webkit-transform:translateY(-640px);
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST:hover div div {
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:45px; margin-top:165px;
width:350px; padding:5px;
text-align:left; text-transform:uppercase;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* IMAGE RANG */
.imgrankPOST {
position:absolute; z-index:3;
margin-top:-63px;
}
/* ICONE EN LIGNE */
.onS {
position:absolute; z-index:4;
margin-left:99px; margin-top:-30px;
}
/* BLOC INFORMATIONS JOUEUR */
.boxPOST {
padding-top:50px; padding-bottom:5px;
background:#420000; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
padding:5px; width:200px;
text-transform:uppercase; text-align:center;
color:#ab9270;  /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
width:210px; padding:5px 0; text-align:center;
opacity:0.5;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
padding:5px; width:180px; margin:auto;
font-size:10px; color:white;  /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img {
margin:auto; max-width:180px;
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent;
border-top-color:#420000; /* MODIFIABLE */
}


Dernière édition par Dydou le Ven 15 Avr 2016 - 14:07, édité 1 fois
Dydou

Dydou
*

Féminin
Messages : 36
Inscrit(e) le : 15/04/2016

http://znation.forumactif.org/
Dydou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code CSS, affichage du profil

Message par MlleAlys Ven 15 Avr 2016 - 13:39

Bonjour,
essayez ainsi ?
Code:
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "La Grande Salle";
}

.body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-3/oth261.cur), progress !important;}

.img
{ position: absolute;
 display: block;
 margin-top: 0px;
  width: 190px;
 height: 256px;
 overflow: auto;
  background-color: #191817;
  font-size: 50px;
 color: white;
 text-align: center;
 padding: 5px;
  opacity: 0;
 -moz-opacity: 0;
 -khtml-opacity: 0;
 filter: alpha(opacity=0); }

.img:hover
{  opacity: 0.8;
 -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
 filter: alpha(opacity=80); }

/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
padding:10px 0;
text-transform:uppercase; text-align:center;
color:white; background:#420000;  /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; margin-top:10px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:#ab9270; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:#ab9270; /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE & ADMINISTRATION PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:380px; height:32px; padding:8px 10px 0;
text-align:center; font-size:9px;
background:#420000; color:white; /* MODIFIABLE */
}
/* INTITULES CONTENU DERNIERE VISITE & ADMINISTRATION PROFIL */
#adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px; 
width:460px; height:270px; padding:0 10px; overflow:auto;
font-size:11px;
background:#ab9270; color:white; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div:first-child{
margin:5px; 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:#ab9270; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px; max-width:85px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#420000; color:white; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}

/* QEEL */
.QEEL {
margin:auto; width:800px;
background:none; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL {
display:inline-block; vertical-align:top; margin-bottom:15px;
width:480px; height:60px; padding-top:25px; box-shadow:inset 0 0 25px rgba(0,0,0,0.2);
font-family:Arial; background:#420000; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
.tleQEEL a {
font-size:32px;
color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE */
.lstQEEL {
margin-left:20px; display:inline-block;
height:65px; width:300px; padding-top:20px;
background:#ab9270; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* BLOC MEMBRES CONNECTES & 24H */
.ondayQEEL {
display:inline-block; vertical-align:top;
text-align:center;
width:410px; height:180px; padding:10px; overflow:hidden;
background-color:#ab9270; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.ondayQEEL:hover {
overflow:auto;
}
.ondayQEEL .row1 {
background:none; padding:0;
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; margin-left:20px;
width:350px; height:200px;
background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
text-align:center;
}
.contenu_onglet {
display:none;
width:350px; height:200px; overflow:hidden;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-top:15px; margin-left:15px;
width:300px; height:150px; padding:10px; overflow:auto;
font-size:10px; text-align:justify;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
}
.contenu_onglet img {
position:absolute; z-index:1; margin-left:-175px;
width:350px; height:200px;
opacity:0.8;
}
/* NOMBRE MESSAGES & TOTAL MEMBRES */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
height:75px; width:145px; padding-top:25px;
background:#81614b; color:black; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; margin-left:20px; margin-top:15px;
width:470px; height:70px; padding-top:30px;
text-transform:uppercase; text-align:center; font-family:Arial; font-size:24px; font-weight:bold;
background:#420000; color:white; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-59px;
width:0px; height:80px; padding:10px; overflow:hidden;
text-align:justify !important;
background:#ccc; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div {
width:450px; overflow:auto;
opacity:1;
}
.anvQEEL .row1 {
background:none !important; padding:0 !important;
}
/* BLOC NOMS GROUPES QEEL */
.GQEEL {
width:800px; padding:10px 0; text-align:center;
}
/* NOM GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px; padding:5px;
font-size:14px; font-weight:bold; text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
}
/* SURVOLEMENT NOMS GROUPES QEEL */
.onglet_1 {
letter-spacing:2px;
}
/* TITRE CATEGORIES */
.tleCAT{
position:relative; margin:10px auto;
width:800px; padding:25px 0; text-align:center;
background:#420000; /* MODIFIABLE */
}
.tleCAT h2 {
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto;
width:400px; height:5px; background:#420000; /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM {
margin:10px auto; width:780px; height:150px; padding:10px; overflow:hidden;
background:#ccc; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC {
position:relative; z-index:4; display:inline-block; vertical-align:top;
width:155px; height:150px;
background:grey; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUMS */
.imgDESC {
position:absolute; z-index:5; margin-top:-70px; margin-left:-200px;
width:155px; height:150px;
}
/* BANDE SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:3; margin-left:155px; margin-top:-150px;
height:150px; width:15px;
background:#420000;  /* MODIFIABLE */
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM span {
position:absolute; margin-left:15px; margin-top:5px;
width:0; height:0; border-style:solid; border-width:10px 0 10px 10px; border-color:transparent;
border-left-color:#420000; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover span {
margin-left:345px;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-left:-10px;
width:0px; height:140px; padding:5px; overflow:hidden;
line-height:4px; color:rgba(0,0,0,0); font-size:10px; text-transform:uppercase;
background:#420000; /* MODIFIABLE */
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.sfFRM:hover div {
margin-left:0px;
width:335px; overflow:auto;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a {
display:block; width:95%; margin:5px auto 0;
padding:10px 0; text-align:center;
color:black !important; background:white !important; /* MODIFIABLE */
}
/* BLOC TITRE/NOMBRE SUJETS & MESSAGES/DESCRIPTION FORUMS */
.boxFRM {
display:inline-block; vertical-align:top; margin-left:35px;
width:310px;
}
/* BLOC TITRE & SUJETS/MESSAGES FORUMS */
.tleFRM {
width:300px; height:40px; padding:5px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:#420000; /* MODIFIABLE */
}
/* TITRE FORUMS */
.tleFRM a {
display:block; margin:5px auto 0;
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES */
.nbFRM {
text-align:center; font-size:10px; text-transform:uppercase;
font-family:Arial; color:white; /* MODIFIABLE */
}
/* BLOC DESCRIPTION FORUMS */
#descFRM {
margin-top:10px;
width:290px; height:70px; padding:10px; overflow:hidden;
background:#420000; /* MODIFIABLE */
}
/* DESCRIPTION FORUMS */
.descFRM {
width:280px; height:60px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify; font-family:Arial;
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
display:inline-block; vertical-align:top; margin:0 10px;
height:70px; width:140px; padding:10px;
background:#420000; /* MODIFIABLE */
}
/* CONTENU DERNIER MESSAGE FORUMS */
.lmsgFRM div {
height:60px; padding:5px;
text-align:center; font-size:11px; text-transform:uppercase;
background:white; color:black; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE NOIR & BLANC FORUMS */
.boxIIDESC {
position:absolute; margin-left:510px; margin-top:-50px;
width:160px; height:50px;
background:#191919; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE NOIR & BLANC FORUMS */
.bwDESC {
position:absolute; z-index:2; margin-top:-40px; margin-left:310px;
width:160px; height:50px; overflow:hidden;
}
.bwDESC img {
width:160px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* ICÔNES FORUMS */
.imgFRM {
display:inline-block; vertical-align:top;
height:150px; width:100px;
}

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:750px; margin:10px auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:15px;
}
/* TITRE / AUTEUR / DERNIER MESSAGE / STATISTIQUES */
.boxSBJ {
display:inline-block; vertical-align:top;
width:690px;
}
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:460px; height:35px; padding:10px; overflow:hidden;
font-family:Arial; background:rgba(0,0,0,0.1); box-shadow:inset 0 0 5px rgba(0,0,0,0.1); /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE */
.tleSBJ a {
line-height:9px;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
color:#dedede; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* TRIANGLE AUTEUR */
.triSBJ {
display:inline-block; vertical-align:middle;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* AUTEUR */
.nameSBJ {
display:inline-block; vertical-align:middle;
width:185px; height:35px; padding:20px 5px 0; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px; text-align:center; line-height:11px;
}
/* ICÔNES */
.imgSBJ {
display:inline-block; vertical-align:top; margin-left:10px;
width:50px; height:100px;
}
/* BLOC DERNIER MESSAGE / VUES & REPONSES */
.stsSBJ {
display:inline-block; vertical-align:top;
background:#420000; /* MODIFIABLE */
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; margin:5px;
height:15px; width:275px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* VUES */
.vuesSBJ {
display:inline-block; vertical-align:top; margin:5px 5px 5px 0;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES */
.repSBJ {
display:inline-block; vertical-align:top;  margin:5px 0;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:-3px;
width:210px; padding-right:10px; font-size:10px; text-align:right;
color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
width:675px; margin:auto; text-align:center;
}
/* BLOC MEMBRE */
#MBER {
float:left; width:200px; height:345px; margin:15px 10px 10px;
}
/* BLOC PSEUDONYME */
#nameLMBER {
position:absolute; z-index:3; margin-top:-10px; margin-left:85px; width:100px; height:auto;
}
/* OMBRES BLOC PSEUDONYME */
.triLMBER {
position:absolute; z-index:2; margin-top:-10px; margin-left:80px;
width:0; height:0; border-style:solid; border-width:0 0 15px 5px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE */
}
.triRMBER {
position:absolute; margin-top:-10px; margin-left:185px;
width:0; height:0; border-style:solid; border-width:15px 0 0 5px; border-color:transparent;
border-left-color:black; /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER {
width:80px; padding:10px;
text-align:center; text-transform:uppercase;
background:rgba(250,250,250,0.9); /* MODIFIABLE */
}
/* IMAGES MP * PROFIL */
.mpwLMBER {
width:100px; text-align:center;
background:rgba(250,250,250,0.9); /* MODIFIABLE */
}
/* TRIANGLE BAS PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:rgba(250,250,250,0.9); /* MODIFIABLE */
}
/* AVATAR MINIATURISE */
.imgLMBER img {
position:absolute; z-index:2; margin-left:-100px; width:200px; height:320px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.imgLMBER {
width:200px; height:320px; overflow:hidden;
}
.imgLMBER div {
position:relative;
width:200px; height:320px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div {
width:190px; height:145px; padding:5px; overflow:hidden;
background:rgba(0,0,0,0.6); /* MODIFIABLE */
font-size:11px; text-align:center;
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.imgLMBER:hover div div {
transform:translateY(240px); -webkit-transform:translateY(240px);
}
.imgLMBER:hover img{
transform:translateY(-85px); -webkit-transform:translateY(-85px);
}
/* CONTENU MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div span {
display:inline-block; height:16px; padding-top:4px; text-align:center; text-transform:uppercase; font-size:10px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}

/*********************BOTTIN AVATAR******************/
    /* COULEURS LETTRES A/C/F/H/ETC */
    .IILTRS {
    background:#402126 !important; color:white !important;
    }
    /* COULEURS LISTES LETTRES A/C/F/H/ETC */
    .IILTRS div {
    background:#402126 !important; color:white !important;
    }
    /* COULEURS LETTRES B/D/E/G/ETC */
    .IINDII {
    color:black !important; background:#ccc !important;
    }
    /* COULEURS LISTES LETTRES B/D/E/G/ETC */
    .IINDII div{
    background:#ccc !important; color:black !important;
    }
    /* COULEURS CONSEIL BOTTIN */
    .tleABCII {
    background:#402126 !important;
    }
    .tleABCII a{
    color:white !important;
    }
/**********FIN BOTTIN**********/

 /* BOTTIN ANIMAGUS */
/* BLOC LETTRES ABC - GHI - MNO - STUV */
.ABCIV span{
background:#ccc !important; color:black !important;
}
/* SURVOL LETTRES ABC - GHI - MNO - STUV */
.ABCIV:hover span{
background:#402126 !important; color:white !important;
}
/* LISTE DES SOURCES ABC - GHI - MNO - STUV */
.ABCIV p {
background:#402126 !important; color:white !important;
}
/* SURVOL LISTE DES SOURCES ABC - GHI - MNO - STUV */
.ABCIV:hover p{
background:grey !important; color:white !important;
}
/* BLOC LETTRES DEF - JKL - PQR - WXYZ */
.IIABCIV span {
background:#402126 !important; color:white !important;
}
/* SURVOL LETTRES DEF - JKL - PQR - WXYZ */
.IIABCIV:hover span{
background:#ccc !important; color:black !important;
}
/* LISTE DES SOURCES DEF - JKL - PQR - WXYZ */
.IIABCIV p {
background:#ccc !important; color:black !important;
}
/* SURVOL LISTE DES SOURCES DEF - JKL - PQR - WXYZ */
.IIABCIV:hover p{
background:#402126 !important; color:white !important;
}

/* PAGE D ACCUEIL MISE EN PLACE !!*/
/* CONTEXTE */
.ctxtNIV {
background:#420000 !important; color:white !important;
}
/* BLOC STAFF & LIENS */
.stlNIV {
background:#420000 !important;
}
/* CONTENU STAFF */
.staffNIV div p{
background:rgba(0,0,0,0.7) !important; color:white !important;
}
/* LIENS CONTENU STAFF */
.staffNIV div p a{
color:#ccc !important;
}
/* LIENS */
.lksNIV a{
background:#D7B692 !important; color:white !important;
}
/* PREDEFINIS */
.pfNIV {
background:#420000 !important;
}
/* NOUVELLES */
.newsNIV p{
background:#420000 !important; color:white !important;
}
/* BLOC PARTENAIRES */
.partNIV {
background:#420000 !important;
}

/* FICHE PRESENTATION POSSIBLE !!- BLOC NOM PRENOM + INFORMATIONS */
.nposCAN {
background-color:#420000 !important;
}
/* NOM PRENOM */
.npCAN {
color:white !important;
}
/* INFORMATIONS */
.infosCAN {
background-color:rgba(250,250,250,0.2) !important;
}
/* BLOC PHYSIQUE + CARACTERE */
.boxCAN{
background-color:#420000 !important;
}
/* BLOC PHYSIQUE */
.phyzCAN {
background-color:rgba(250,250,250,0.2) !important;
}
.phyzCAN div p {
color:white !important;
}
/* BLOC CARACTERE */
.caraCAN {
border-color:white !important; background-color:#420000 !important;
}
/* TITRE HISTOIRE */
.storyCAN {
color:white !important;
}
/* BLOC HISTOIRE */
.storyCAN p {
background-color:white !important; color:black !important;
}
/* BLOC A PROPOS */
.abtCAN {
background-color:#420000 !important;
}
/* CREDIT */
.cdtCAN {
background-color:rgba(0,0,0,0.2) !important;
}

/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tleSBJ {
margin:auto; padding:10px 0;
text-transform:uppercase; font-weight:bold;
background:#ab9270; color:#420000; /* MODIFIABLE */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:5px; padding:10px;
background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:400px; padding:10px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
text-align:justify;
}
/* AVATAR */
.avaPOST {
width:200px; height:320px; border:5px solid;
border-color: #420000; /* MODIFIABLE */
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST img {
width:200px; height:320px;
}
/* FICHE DE PERSONNAGE */
.avaPOST div{
position:absolute; z-index:2; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* CONTENU FICHE DE PERSONNAGE */
.avaPOST div div{
width:190px; height:310px; padding:5px; overflow:auto; 
font-size:11px; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
transform:translateY(-640px); -webkit-transform:translateY(-640px);
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST:hover div div {
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:45px; margin-top:165px;
width:350px; padding:5px;
text-align:left; text-transform:uppercase;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* IMAGE RANG */
.imgrankPOST {
position:absolute; z-index:3;
margin-top:-63px;
}
/* ICONE EN LIGNE */
.onS {
position:absolute; z-index:4;
margin-left:99px; margin-top:-30px;
}
/* BLOC INFORMATIONS JOUEUR */
.boxPOST {
padding-top:50px; padding-bottom:5px;
background:#420000; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
padding:5px; width:200px;
text-transform:uppercase; text-align:center;
color:#ab9270;  /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
width:210px; padding:5px 0; text-align:center;
opacity:0.5;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
padding:5px; width:180px; margin:auto;
font-size:10px; color:white;  /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img {
margin:auto; max-width:180px;
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent;
border-top-color:#420000; /* MODIFIABLE */
}
J'ai retiré une apostrophe d'un commentaire ("page d'accueil") car elles sont considérées comme des guillemets même à l'intérieur d'un commentaire : s'il n'y a pas un nombre pair sur la page, l'éditeur soupçonne une erreur. Mieux vaut du coup ne jamais utiliser de guillemets ni d'apostrophes dans les commentaires.

Cependant, avec ce css les onglets sont bien visibles sur mon forum test.
Vous pouvez rapidement savoir si le css est fautif en cochant sous la zone de saisie du css : "forcer le css par défaut" : OUI
Si les onglets réapparaissent, c'est que le problème se trouve bien dans le css.
Sinon, vous pouvez forcer de même les templates par défaut le temps de voir si ça change quelque chose, puis de même désactiver le javascript le temps de voir si ça change quelque chose.
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code CSS, affichage du profil

Message par Dydou Ven 15 Avr 2016 - 14:07

Je ne saurai vous remercier assez de l'aide que vous m'avez apporté !
Je suis vraiment soulagée que tout rentre dans l'ordre sachant que mon forum devrait bientôt ouvrir ses portes ! Smile
Tout est rentré dans l'ordre et les onglets s'affichent à nouveau !!
Encore un grand merci et une bonne journée à vous !!

Dydou Angel
Dydou

Dydou
*

Féminin
Messages : 36
Inscrit(e) le : 15/04/2016

http://znation.forumactif.org/
Dydou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code CSS, affichage du profil

Message par Chacha Ven 15 Avr 2016 - 14:24

Problème code CSS, affichage du profil 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Bonjour,

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum