Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Problème affichage jauge dans mon profil

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

Problème affichage jauge dans mon profil Empty Problème affichage jauge dans mon profil

Message par Brookinette76 le Mar 4 Fév 2020 - 14:03

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:
Problème affichage jauge dans mon profil B9sr

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 03/02/2020
Lien du forum : https://oth-foreverandever.forumsrpg.com/

Description du problème

Bonjour,

Comme signalé sur la photo, j'ai un soucis avec l'affichage de mes jauges dans mon profil, la jauge s'affiche en deux parties alors qu'elle devrait être en une seule. J'aimerais savoir s'il est possible pour vous de m'aider... Je vous laisse ci-dessous le codage de la feuille CSS et le template profil

FEUILLE CSS:

Code:
/* NAVIGATION */
.navSIT {
position:absolute; top:45px; margin-left:-180px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:10px;
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block; margin-bottom:5px;
width:135px; padding:10px 5px; border-radius:40px;
text-align:center; line-height:normal;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
background:#b05d5d; color:white; /* MODIFIABLE */
opacity:0.8; transition:opacity .55s ease; -webkit-transition:opacity .55s ease;
}
/* COULEURS ALTERNATIVES */
.navSIT a.mainmenu:nth-of-type(even) {
background:white; color:darkslategray; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
opacity:1;
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:55px !important; left:175px !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}



/**CATEGORIES**/

/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:15px 0; text-align:center;
background-image:url(https://zupimages.net/up/20/02/wlw9.png); /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
display:inline-block; vertical-align:middle; margin:0;
font-size:28px; text-transform: none; letter-spacing:2px; font-family: waving at christmas;
color: #B36868; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 15px;
background: #F0F0F0; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:15px; background-image:url(); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:10px;
width:750px; text-align:center; font-family:Arial;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px;
height:15px; padding:5px 0 5px 10px; overflow:hidden;
text-transform:uppercase; text-align:left; font-size:11px;
background-image:url(https://zupimages.net/up/19/48/a8he.jpg); /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color: #ffffff !important;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:5px auto 0;
width:235px; height:90px; padding-top:5px; overflow:hidden;
text-align:center; line-height:0px; color:rgba(0,0,0,0);
background:white; /* MODIFIABLE */
}
.sfFRM:hover {
overflow-y:auto;
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; margin:auto; margin-bottom:3px;
width:95%; padding-bottom:5px; border-bottom:1px solid;
text-transform:uppercase; text-align:left; font-size:10px; line-height:12px;
border-bottom-color:#191919; color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:190px; height:116px; padding:4px 5px 5px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15px;
background:white; color:#191919; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC NOMBRE SUJETS & MESSAGE / DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top;
width:175px; height:118px; padding:7px 50px 0 10px; overflow:hidden;
text-align:left; font-size:09px; text-transform:uppercase; line-height:14px;
background:white ; color:#191919; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
margin-top:5px; width:60%; height:18px; padding:2px 5px 0 10px;
font-size:10px; text-transform:uppercase; text-align:left;
background:#e6d1d1; color: #C24A68; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-bottom:10px;
background:#e6d1d1; color: #C24A68; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
position:absolute; margin-left:160px; margin-top:-55px;
width:55px; height:100px; overflow:hidden;
  border: solid 1px black;
}
.avaFRM img {
height:100px;
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; margin-left:10px;
width:50x; height:100px;
}

/**FIN**/


/**menu vertical**/
div.vertical_nav {
background:#FFFFFF;
border:2px solid #d8d0d0;
border-radius: 15px 15px 15px 15px;
position:fixed;
top:50px;
left:0%;}

div.vertical_nav a.mainmenu {
display:list-item;
list-style:none;}


/**fin menu vertical**/


#fa_toolbar, #fa_toolbar_hidden {background-image: url('https://zupimages.net/up/20/02/t13x.png');}
div#fa_search {display:none!important;}
span#fa_share {display:none!important;}



/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 12/01/2020
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*** import google fonts ***/
@import 'http://fonts.googleapis.com/css?family=roboto';

/*reset des styles par défault du navigateur*/
.template-linus-14 ul{ list-style:none; }
.template-linus-14 ul, .template-linus-14 h5, .template-linus-14 h4, .template-linus-14 h3, .template-linus-14 h2, .template-linus-14 h1, .template-linus-14 p, .template-linus-14 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-14 a, .template-linus-14 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-14 a img{border:none;}

/*style général*/
.template-linus-14{
 text-align:left;
 max-width:760px;
 min-width:650px;
 margin:0 auto;
 font-family:arial;
 font-size:11px;
 line-height:13px;
 color:#222;
}

body.tli-iframe{
 margin:0;padding:0;
}

.template-linus-14 b{
 text-shadow: -1px 1px 0px #808080;
}

.template-linus-14 .tli-rad{
 border-radius:5px;
}

.template-linus-14 .tli-shadow .tli-strong{
 text-shadow: -1px 1px 0px #b69fa6;
 background: #E3C7D0;
 color: #FFF;
 padding:0px 2px;
 text-transform:lowercase;
}

/*lien lire la suite*/
.template-linus-14 .tli-shadow .tli-readmore{
 position:absolute;
 bottom:0;
 right:0;
 padding:1px 4px;
 opacity:0.8;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

.template-linus-14 .tli-shadow .tli-readmore:hover{
 opacity:1;
}

.template-linus-14 h2,
.template-linus-14 .tli-meas .tli-shadow h3{
 font-family:"roboto";
 font-family:"roboto" !important;
}

/*titres*/
.template-linus-14 h2{
 font-weight:normal;
 font-size:1.8em;
 margin-bottom:10px;
 text-shadow: -1px 1px 0px #622636;
 color:#fff;
 text-align:center;
 padding:6px 4px 2px 4px;
 background:#C44C6C;
 border-left:5px solid #b04461;
 border-right:5px solid #b04461;
}

.template-linus-14 .tli-line:first-child{
 font-weight:bold;
 font-style:italic;
}


.template-linus-14 .tli-meas{
 display:flex;
 justify-content:space-between;
}

.template-linus-14 .tli-meas .tli-shadow span{
 display:block;
 font-size:0.90em;
 line-height:1.2em;
 letter-spacing: -0.8px;
}

/*fix letter spacing*/
@-moz-document url-prefix() {
 .template-linus-14 .tli-meas .tli-shadow span{
 letter-spacing: -0.55px;
 }
}

/*ombrages*/
.template-linus-14 .tli-meas .tli-shadow{
 position:relative;
 color:#222;
 text-align:center;
 padding:10px;
 min-width:20%;
 max-width:33.3333%;
 margin-left:4%;
 margin-right:4%;
 margin-top:-30px;
}

.template-linus-14 .tli-meas .tli-shadow:nth-last-child(4),
.template-linus-14 .tli-meas .tli-shadow:nth-last-child(5),
.template-linus-14 .tli-meas .tli-shadow:nth-last-child(6),
.template-linus-14 .tli-meas .tli-shadow:nth-last-child(7),
.template-linus-14 .tli-meas .tli-shadow:nth-last-child(8){
 display:none;
}

.template-linus-14 .tli-meas .tli-shadow:nth-last-child(3),
.template-linus-14 .tli-meas .tli-shadow:nth-last-child(3) ~ .tli-shadow{
 margin-top:0;
 margin:0 8% 0 0%
}

/*style supplémentaire sous titres*/
.template-linus-14 .tli-meas .tli-shadow h3:before{
 left:0px;
 border-left:4px solid transparent;
 border-right:3px solid #ccb3bb;
}

.template-linus-14 .tli-meas .tli-shadow h3:after{
 right:0px;
 border-right:4px solid transparent;
 border-left:3px solid #ccb3bb;
}

.template-linus-14 .tli-meas .tli-shadow h3:before,
.template-linus-14 .tli-meas .tli-shadow h3:after{
 content:' ';
 display:block;
 height:0;
 width:0;
 position:absolute;
 bottom:-14px;
 border-top:7px solid #ccb3bb;
 border-bottom:7px solid transparent;
}

.template-linus-14 .tli-meas .tli-shadow:hover{
 overflow:hidden;
}

.template-linus-14 .tli-meas .tli-shadow:hover h3:after,
.template-linus-14 .tli-meas .tli-shadow:hover h3:before{
 display:none;
}

.template-linus-14 .tli-meas .tli-shadow:hover h3{
 left:-120%;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}

.template-linus-14 .tli-meas .tli-shadow h3{
 font-weight:normal;
 font-size:1.3em;
 font-size:1.3em !important;
 position:absolute;
 background:#E3C7D0;
 background:#E3C7D0 !important;
 text-shadow: -1px 1px 0px #726468;
 color:#fff;
 color:#fff !important;
 padding:5px 7px 3px 7px;
 bottom:50%;
 width:100%;
 margin-left:-7px;
 left:0;
 z-index:2;
 opacity:1;
}

.template-linus-14 .tli-meas .tli-shadow img{
 display:block;
 width:100%;
 top:0;
 left:0;
 position:absolute;
}

.template-linus-14 .tli-meas .tli-shadow span:before{
 content:' ';
 display:block;
 width:80%;
 height:0;
 padding-top:100%;
 margin:0 auto 15px auto;
}

.template-linus-14 .tli-line{
 border-bottom:1px solid #F0F0F0;
 text-transform:uppercase;
 font-size:0.9em;
}

.template-linus-14 .tli-links{
 padding:10px;
 margin-bottom:15px;
}

/*liens*/
.template-linus-14 .tli-links select{
 width:100%;
 border:none;
 font-size:0.9em;
 height:20px;
 font-family:arial;
 line-height:20px;
 outline:none;
 background:#FBFBFB;
 text-transform:uppercase;
}

.template-linus-14.lighter .tli-links,
.template-linus-14.lighter .tli-vignettes{
 background:#e4e4e4;
}

.template-linus-14.darker .tli-links,
.template-linus-14.darker .tli-vignettes{
 background:#ffffff;
}

/*vignettes*/
.template-linus-14 .tli-vignettes{
 padding:10px 10px 10px 10px;
}

.template-linus-14 .tli-vignettes a{
 display:block;
 width:calc(86%/3);
 position:relative;
 float:left;
 margin-right:7%;
 margin-top:7%;
}

.template-linus-14 .tli-vignettes.tli-vignettes-big a{
 width:calc(93%/2);
}

.template-linus-14 .tli-vignettes.tli-vignettes a:nth-child(1),
.template-linus-14 .tli-vignettes.tli-vignettes a:nth-child(2),
.template-linus-14 .tli-vignettes.tli-vignettes.tli-vignettes-small a:nth-child(3){
 margin-top:0;
}

.template-linus-14 .tli-vignettes.tli-vignettes-small a:nth-child(3n){
 margin-right:0;
}

.template-linus-14 .tli-vignettes.tli-vignettes-big a:nth-child(2n){
 margin-right:0;
}

.template-linus-14 .tli-vignettes a:before{
 content:attr(data-pseudo);
 background:#FFF;
 display:block;
 position:absolute;
 top:70%;
 left:20%;
 z-index:4;
 opacity:0;
 height:0;
 width:0;
 overflow:hidden;
    -webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
    font-size:0.9em;
    line-height:10px;
    color:#aaa;
}

.template-linus-14 .tli-vignettes a:hover:before{
 opacity:1;
    padding:5px;
 height:auto;
 width:auto;
}

.template-linus-14 .tli-vignettes.tli-vignettes-small a:after{
 content:' ';
 display:block;
 padding-top:100%;
}

.template-linus-14 .tli-vignettes.tli-vignettes-big a:after{
 content:' ';
 display:block;
 padding-top:50%;
}

.template-linus-14 .tli-vignettes a img{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}

.template-linus-14 .tli-row{
 margin-left:-2%;
 margin-right:-2%;
 margin-bottom:15px;
}

/*copyright*/
.template-linus-14.lighter .tli-copyright{
 font-size:0.9em;
 color:#d3d3d3;
 text-align:center;
}

.template-linus-14.lighter .tli-copyright a{
 color:#b4b4b4;
 border-bottom:1px dotted #b4b4b4;
}

.template-linus-14.darker .tli-copyright{
 font-size:0.9em;
 color:#ffffff;
}

.template-linus-14.darker .tli-copyright a{
 color:#ffffff;
 border-bottom:1px dotted #ffffff;
}

.template-linus-14 .tli-vignettes:after,
.template-linus-14 .tli-row:after{
 content:' ';
 clear:both;
 display:block;
}

/*colonnes*/
.template-linus-14 .tli-col-1,
.template-linus-14 .tli-col-2,
.template-linus-14 .tli-col-3,
.template-linus-14 .tli-col-x{
 margin:0 0 0 2%;
}

.template-linus-14 .tli-col-1:last-child,
.template-linus-14 .tli-col-2:last-child,
.template-linus-14 .tli-col-3:last-child,
.template-linus-14 .tli-col-x:last-child{
 margin-right:2%;
}

.template-linus-14 .tli-col-1{
 width:40%;
 float:left;
}

.template-linus-14 .tli-col-2{
 width:19%;
 float:left;
}

.template-linus-14 .tli-col-3{
 width:33%;
 float:left;
}

.template-linus-14 .tli-col-x{
 width:96%;
 float:left;
}

/*contexte*/
.template-linus-14 .tli-contexte{
 max-height:155px;
 overflow-x:hidden;
 overflow-y:auto;
 padding:0 10px;
}

.template-linus-14 .tli-readmore ~ .tli-contexte{
 margin-bottom:5px;
}

.template-linus-14 .tli-annonces{
 max-height:80px;
 overflow-x:hidden;
 overflow-y:auto;
 padding:0 10px;
}

body.tli-iframe,
.template-linus-14 .tli-body{
 background:#f0f0f0;
}

.template-linus-14 .tli-body{
 padding:15px;
}

/*partenaires*/
.template-linus-14 .tli-partners{
 white-space:nowrap;
 overflow:hidden;
 padding:10px 0px 8px 0px;
}

.template-linus-14.lighter .tli-partners{
 background:#e4e4e4;
}

.template-linus-14.darker .tli-partners{
 background:#ffffff;
}

.template-linus-14 .tli-partners a.tli-bpartner:after{
 content:' ';
 width:35%;
 background:#C44C6C;
 border-radius:50%;
}

.template-linus-14 .tli-partners a.tli-bpartner:before{
 content:' ';
 display:block;
 position:absolute;
 height:100%;
 top:-1px;
 left:-1px;
}


.template-linus-14 .tli-partners a.tli-bpartner:before{
 content:' ';
 width:35%;
 background:transparent;
 background-repeat:no-repeat;
 background-position:50%;
 background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA9klEQVRoQ+2WMQ4CIRBF/0yiN7Dawph4JA9hLGwstrI1XsHLWXoGK8bGwsQVBglsSD4tzMD8/wYQdD6k8/ODBcztIB2gA4UKEKFCAYvD6UBCwhWABYBHsdQ/ElR1QFWvZrY1sx0LoAN/MECEHKKxiWMiESEi5FCACBWKxFuoF4QGAJtct1V1b2aDmZ1zY98/2HsqzovQUUQuqWQT80sACuCZGysitxDCKRXnLSCVZ3KeD5lDNjrQyy3kMPN7CXvAIRt7gD3gwCS2hAgRISJUqEAifFTVdQjhUGubqk1c69CfeVlAC5VnewdaFEeEWqhMhOZWObb/C6BJyjE1zZzNAAAAAElFTkSuQmCC');
 background-size:98% 98%;
}

.template-linus-14.lighter .tli-partners a.tli-bpartner:before{
    -webkit-filter: invert(100%); /* Chrome, Safari, Opera */
    filter: invert(100%);
}

.template-linus-14 .tli-partners a:last-child,
.template-linus-14 .tli-partners a:nth-child(1),
.template-linus-14 .tli-partners a:nth-child(2),
.template-linus-14 .tli-partners a:nth-child(3),
.template-linus-14 .tli-partners a:nth-child(4),
.template-linus-14 .tli-partners a:nth-child(5),
.template-linus-14 .tli-partners a:nth-child(6),
.template-linus-14 .tli-partners a:nth-child(7){
 display:inline-block;
}

.template-linus-14 .tli-partners a{
 display:none;
 position:relative;
 width:calc(100%/7.85);
 margin-left:1%;
}

.template-linus-14 .tli-partners a:first-child{
 margin:0;
}

.template-linus-14 .tli-partners a:after{
 content:' ';
 display:block;
 padding-top:35%;
}

.template-linus-14 .tli-partners a img{
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
}

/*ombrages*/
.template-linus-14 .tli-col-1 .tli-shadow{
  padding:18px;
  text-align:justify;
}

.template-linus-14 .tli-shadow{
  position:relative;      
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  background:#FFF;
}

.template-linus-14 .tli-shadow:before, .template-linus-14 .tli-shadow:after{
  content:"";
  position:absolute;
  z-index:-1;
  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
  box-shadow:0 0 20px rgba(0,0,0,0.8);
  top:10px;
  bottom:10px;
  left:0;
  right:0;
  -moz-border-radius:100px / 10px;
  border-radius:100px / 10px;
}

.template-linus-14 .tli-shadow:after{
  right:10px;
  left:auto;
  -webkit-transform:skew(8deg) rotate(3deg);
  -moz-transform:skew(8deg) rotate(3deg);    
  -ms-transform:skew(8deg) rotate(3deg);    
  -o-transform:skew(8deg) rotate(3deg);
  transform:skew(8deg) rotate(3deg);
}

/*scrollbar*/
.template-linus-14 .tli-body ::-webkit-scrollbar {
    width: 6px;
}
.template-linus-14 .tli-body ::-webkit-scrollbar-button {
    width: 6px;
    height: 4px;
}
.template-linus-14 .tli-body ::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius:10px;
}
.template-linus-14 .tli-body ::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
    border-radius:10px;
}
.template-linus-14 .tli-body ::-webkit-scrollbar-thumb:hover {
    background:#7d7d7d;
}

--------
a, a:hover {
   text-decoration: none !important;
   transition: .3s all;
}

::-webkit-scrollbar {
        background: #e6d1d1;
        border: 0;
        width: 3px;
}

::-webkit-scrollbar-thumb {
        background: #B36868;
        border: 0;
}



/************************************* LISTE DES SUJETS ******************************************/

.corp_sujet {
    margin: 10px auto;
    width: 890px;
    height: 65px;
}

.vu_rep_sujet {
    background-color: #B36868; /*modifiable*/
    color: #F7F7F7; /*modifiable*/
    margin-bottom: 8px;
    padding: 2px;
}

.corp_desc_sujet {
    display: inline-block;
    margin-left: 10px;
    width: 573px;
}

.titre_sujet {
    background-color: #Ffffff; /*modifiable*/
    box-shadow: 1px 1px 1px #5F5D5D; /*modifiable*/
    height: 60px;
    overflow: hidden;
    padding-left: 10px;
    padding-top: 5px;
    width: 554px;
}

.titre_sujet a {
    color: #B36868!important; /*modifiable*/
    font-family: sans-serif; /*modifiable*/
    font-size: 18px; /*modifiable*/
}

.titre_sujet a:hover {
      color: #D9BDCD !important; /*modifiable*/
}

.auteur_sujet {
    font-size: 10px;
    margin: 5px 10px 0;
    text-align: left;
    color: #5B2440; /*modifiable*/
}

.auteur_sujet a {
 font-size: 10px; /*modifiable*/
}

.desc_sujet {
  color:#191919; /*modifiable*/
  font-size: 10px; /*modifiable*/
}

.corp_stat_sujet {
    color: #5D5959; /*modifiable*/
    display: inline-block;
    font-size: 12px; /*modifiable*/
    height: 65px;
    overflow: hidden;
    text-align: center;
    width: 183px;
    background-color: #Ffffff; /*modifiable*/
    box-shadow: 1px 1px 1px #4C4B4B; /*modifiable*/
}

.stats_sujet {
  float:center;
}

.avatar_sujet {
    float: right;
    height: 65px;
    overflow: hidden;
    width: 50px;
  margin-right: 8px;
  box-shadow: 1px 1px 1px #4C4B4B; /*modifiable*/
}

.avatar_sujet img {
  width: 50px;
  height: 70px;


}


.img_old_new_sujet {
    display: inline-block;
    height: 70px;
    width: 20px;
}

.go_to_page_sujet {
    float: right;
    font-size: 10px; /*modifiable*/
    margin-right: 5px;
    margin-top: -24px;
    text-align: right;
    display: inline-block;
}

.go_to_page_sujet a {
 font-size: 11px; /*modifiable*/
}



/*************************** PAGE D'ACCUEIL - ARTEMIS - EPICODE  ***************************/
:root {--color-background-black: #E6D1D1;
--color-background-white: #f5eded;
--color-background-red:#f5eded;}

.page_accueil_ls1 {
  width: 850px;
  height: 385px;
  background: #f5eded;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  position: relative;
}

.page_accueil_ls1 > h1 {
  width: 318px;
  height: 75px;
  background: var(--color-background-black);
  margin: 0;
  color: #B36868;
  font: 16px oswald;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 27px 10px 0 60px;
  position: relative;
  line-height: 18px;
 
  
}

.page_accueil_ls1 > h1 > div {
  background: var(--color-background-red);
  width: 52px;
  height: 52px;
  -webkit-transform:rotate(50deg);
      -ms-transform:rotate(50deg);
          transform:rotate(50deg);
  position: absolute;
  top: 11px;
  left: 5px;
}

.page_accueil_ls1 > h1 > div > img {
  width: 60px;
  height: 60px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: -3px;
  margin-top: -3px;
}

.page_accueil_ls1 > h2 {
  width: 495px;
  height: 75px;
  background: url(*);
  background-size: 100%;
  background-position: bottom center;
  margin: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 18px;
  font: 20px oswald;
  text-transform: uppercase;
  line-height: 40px;
  
}

.page_accueil_ls1 > h2 > span {
  display: block;
  width: 310px;
  height: 40px;
  background: rgba(251,251,251,0.5);
  margin: 0 auto;
}

.contexte_accueil {
  width: 335px;
  height: 145px;
  background: var(--color-background-black);
  color: #B36868;
  font: 13px calibri;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 15px;
  text-align: justify;
  line-height: 11px;
  margin: 8px 0;
}

.contexte_accueil > p {
  width: 100%;
  height: 100px;
  overflow: auto;
  margin: 0;
  text-align: justify;
  color: #B36868;
  font: 13px calibri;
  line-height: 11px;
}

.contexte_accueil span {
  width: 100%;
  display: block;
  text-align: center;
  font: 17px oswald;
  color: #B36868;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 5px;
  
  
}

.contexte_accueil span strong {
  font-weight: normal;
  color: var(--color-background-red);
  font-style: italic;
}

.staff_accueil_ls1 {
  width: 325px;
  height: 85px;
  background: var(--color-background-white);
  margin: 8px 0 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  
}

.staff_accueil_ls1 > h3 {
  margin: 0;
  width: 100%;
  font: 35px oswald;
  text-transform: uppercase;
  color: var(--color-background-red);
  text-align: center;
  
}

.staff_accueil_ls1 > h3 > span {
  display: block;
  font: 14px oswald;
  color: var(--color-background-black);
  margin-top: -10px;
  
}

.staff_hover {
  width: 50px;
  height: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 5px solid var(--color-background-red);
  position: relative;
  margin: 1px;
}

.staff_hover img {
  width: 30px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
}

.staff_hover > div {
  width: 40px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  color: #B36868;
  font: 16px oswald;
  text-transform: uppercase;
  text-align: center;
  line-height: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 5px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  
}

.staff_hover > div > a {
  dispplay: block;
  color: #B36868;
  font: 11px oswald;
  text-decoration: none;
}

.staff_hover:hover > div {
  visibility: visible;
  opacity: 1;
}

.navig_accueil_ls1 {
  width: 160px;
  height: 145px;
  background: var(--color-background-red);
  margin-top: 5px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: -20px;
  padding-bottom: 5px;
 }

.navig_accueil_ls1 > a {
  display: block;
  width: 160px;
  height: 22px;
  background: var(--color-background-red);
  margin: auto;
  color: var(--color-background-black);
  text-decoration: none;
  text-transform: uppercase;
  font: 11px arial;
  font-weight: bold;
  margin-bottom: 3px;
  line-height: 19px;
}

.navig_accueil_ls1 a:nth-of-type(2n+1) {
  background: var(--color-background-black);
  color: #B36868;
}

.predefinis_ls1 {
  width: 345px;
  height: 70px;
  background: var(--color-background-red);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 7px;
}

.predefinis_ls1 img {
  width: 30px;
  height: 50px;
  border: 3px solid var(--color-background-white);
  margin: 0 3px;
}

.events_ls1 {
  width: 370px;
  background: var(--color-background-black);
  height: 70px;
}

.events_ls1 > h4 {
  width: 145px;
  float: left;
  position: relative;
  color: var(--color-background-red);
  font: 32px oswald;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

.events_ls1 > h4 > span {
  display: block;
  color: #B36868;
  font: 12px calibri;
  text-transform: lowercase;
  margin-top: -5px;
  z-index: 1;
  position: relative;
  text-align: center;
}

.events_ls1 > h4 > img {
  width: 50px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 0;
}

.events_ls1 > p {
  width: 200px;
  height: 50px;
  background: var(--color-background-white);
  float: right;
  margin: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font: 11px calibri;
  color: var(--color-background-black);
  box-sizing: border-box;
  padding: 3px;
  text-transform: uppercase;
  overflow: auto;
  text-align: justify;
}

.partos_ls1 {
  width: 100%;
  height: 42px;
  background: #e3e3e3;
  margin-top: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
}

.partos_ls1 img {
  margin: 0 2px;
}

.credits_epicode {
  font: 10px calibri;
  color: black;
  text-transform: uppercase;
  position: absolute;
  right: 2px;
  bottom: 0;
  opacity: 0.7;
}

.credits_epicode > a {
  text-decoration: none;
  color: black;
}


/* PROFIL */
.postdetails.poster-profile a img {background:#C44C6C;padding:8px;border:1px solid #C44C6C;margin-top:5px;width:200px;height:320px;-moz-border-radius:8px 1px / 6px 2px;border-radius:8px 1px / 6px 2px;opacity:0.9;}
.cp{border : #f0f0f0 solid 1px;background-color: #f2e9eb;width:200px; padding: 5px;font-size:10px;text-align:justify;padding:4px;line-height:11px;
  max-height: 400px; overflow: auto; margin: auto;}
.cp img{max-width:185px;display:block; text-align: center; margin: auto;}

.pseudo{text-align:center;font-family: 'Sail', cursive;font-size:22px;font-weight:lighter;letter-spacing:0px;text-transform:lowercase;}
.rang{text-align:center;font-family:'Rajdhani';font-size:11px;text-transform:uppercase;color:#f0f0f0;margin-top:-5px;}
.infop{font-family: 'Rajdhani';font-weight:lighter;text-transform:uppercase;font-size:8px;
}
.pbc{background:none;text-align:center;
  -moz-border-radius:10px 6px / 5px 4px;border-radius:10px 6px / 6px 4px;}
sc{margin-top:3px;margin-bottom:3px;text-align:center;font-family:'Radjdhani';letter-spacing:1px;font-size:11px;color:#c44c6c;}
st{margin-top:3px;margin-bottom:3px;text-align:center;font-family:'Playball';letter-spacing:1px;font-size:16px;color:#c44c6c;}
.othh {font-size:13px;font-family:'Rajdhani';font-weight:lighter;color:#f0f0f0;}

TEMPLATE PROFIL VIEW BODY:

Code:
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <th class="thHead" colspan="2" nowrap="nowrap" height="25"><h1 class="h_member">{L_VIEWING_PROFILE}</h1></th>
 </tr>
 <tr>
 <td class="catLeft" align="center" width="40%" height="28"><b><span class="gen">{L_USER_PRESENCE}</span></b></td>
 <td class="catRight" width="60%" align="center"><b><span class="gen">{L_ABOUT_USER}</span></b></td>
 </tr>
 <tr>
 <td class="row1" align="center" valign="top" height="120">
 <table width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td valign="middle" nowrap="nowrap" align="right" width="20%"><span class="gen">{L_AVATAR_IMG} </span></td>
 <td width="80%"><b><span class="gen"><span id="avatar_membre">{AVATAR_IMG}</span></span></b></td>
 </tr>
 <tr>
 <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_RANK}: </span></td>
 <td><b><span class="gen">{POSTER_RANK}</span></b></td>
 </tr>
 <!-- BEGIN switch_show_status -->
 <tr>
 <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_STATUT}: </span></td>
 <td><b><span class="gen">{USER_ONLINE}</span></b></td>
 </tr>
 <!-- END switch_show_status -->
 <!-- BEGIN switch_allow_friendsfoes -->
 <tr>
 <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_FRIENDS_AND_FOES}: </span></td>
 <td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td>
 </tr>
 <!-- END switch_allow_friendsfoes -->
 <!-- BEGIN switch_auth_user -->
 <tr>
 <td valign="middle" nowrap="nowrap" align="right"><br /><span class="gen">{L_ADMINISTRATE_USER}: </span></td>
 <td><br /><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td>
 </tr>
 <!-- END switch_auth_user -->
 </table>
 </td>
 <td class="row1" rowspan="3" valign="top">
 <table width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td align="right" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}:  </span></td>
 <td><b><span class="gen">{LAST_VISIT_TIME}</span></b></td>
 </tr>
 <!-- BEGIN switch_dhow_mp -->
 <tr>
 <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}:  </span></td>
 <td><b><span class="gen">{PRIVATE_MSG}</span></b></td>
 </tr>
 <!-- END switch_dhow_mp -->
 <!-- BEGIN profile_field -->
 <tr id="field_id{profile_field.ID}">
 <td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL}  </span></td>
 <td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><br /><!-- BEGIN profil_type_user_posts --><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
 <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
   - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
   - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td>
 </tr>
 <!-- END profile_field -->
 </table>
 </td>
 </tr>
 <tr>
 <td class="catLeft" align="center" height="28"><b><span class="gen">{L_CONTACT} {USERNAME}</span></b></td>
 </tr>
 <tr>
 <td class="row1" valign="top" height="{S_CONTACT_HEIGHT}">
 <table width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN contact_field -->
 <tr id="field_id{contact_field.ID}">
 <td width="40%" align="right" valign="middle" nowrap="nowrap"><span class="gen">{contact_field.LABEL} &nbsp;</span></td>
 <td width="60%" valign="middle"><div class="gen" style="font-weight:bold;">{contact_field.CONTENT}</div></td>
 </tr>
 <!-- END contact_field -->
 <!-- BEGIN switch_admin_user_comment_active -->
 <tr>
 <td align="right" valign="middle" nowrap="nowrap" width="50%">
 <span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span>
 </td>
 <td class="row1" valign="middle">
 <table align="center">
 <tr>
 <td>
 {ADMIN_USER_COMMENT}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- END switch_admin_user_comment_active -->
 </table>
 </td>
 </tr>
 <!-- BEGIN switch_rpg -->
 <tr>
 <td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
 </tr>
 <tr>
 <td class="row1" align="center" valign="top" height="6">
 {RPG_IMAGE}<br /><br />
 <table width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN rpg_fields_left -->
 <tr>
 <td align="right" valign="middle" nowrap="nowrap">
 <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
 </td>
 <td width="100%" valign="middle" nowrap="nowrap">
 <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
 </td>
 </tr>
 <!-- END rpg_fields_left -->
 </table>
 </td>
 <td class="row1" align="center" valign="top" height="6">
 <table width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN rpg_fields -->
 <tr>
 <td align="right" valign="middle" nowrap="nowrap">
 <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
 </td>
 <td width="100%" valign="baseline">
 <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
 </td>
 </tr>
 <!-- END rpg_fields -->
 </table>
 </td>
 </tr>
 <tr>
 <td colspan="2" align="center" class="row1">
 {U_ADMIN_RPG}
 </td>
 </tr>
 <!-- END switch_rpg -->
</table>
<br />
<script src="{JQUERY_ROOT}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>

N'hésitez pas à me demander si vous avez besoin de quelque chose d'autre, j'attends votre retour et merci pour votre aide.
Brookinette76

Brookinette76
Nouveau membre

Messages : 22
Inscrit(e) le : 14/10/2019

Voir le profil de l'utilisateur https://oth-foreverandever.forumsrpg.com/
Brookinette76 a été remercié(e) par l'auteur de ce sujet.

Problème affichage jauge dans mon profil Empty Re: Problème affichage jauge dans mon profil

Message par Chacha le Lun 10 Fév 2020 - 9:45

Problème affichage jauge dans mon profil UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

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

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

Problème affichage jauge dans mon profil Empty Re: Problème affichage jauge dans mon profil

Message par Chacha le Mar 11 Fév 2020 - 9:46

Problème affichage jauge dans mon profil 8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
Chacha

Chacha
Modéractif
Modéractif

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

Voir le profil de l'utilisateur 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


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