Accueil
Créer un forumProblème affichage jauge dans mon profil
2 participants
Page 1 sur 1 • Partagez
Problème affichage jauge dans mon profil
par Brookinette76 Mar 4 Fév 2020 - 14:03
Détails techniques
Version du forum : phpBB2Poste 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 : 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} </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- *
-
Messages : 39
Inscrit(e) le : 14/10/2019 -
Re: Problème affichage jauge dans mon profil
par Chacha Lun 10 Fév 2020 - 9:45
 | Bonjour, 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- Modéractif
-
Messages : 69815
Inscrit(e) le : 21/08/2010 -
Re: Problème affichage jauge dans mon profil
par Chacha Mar 11 Fév 2020 - 9:46
 | Bonjour, 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- Modéractif
-
Messages : 69815
Inscrit(e) le : 21/08/2010 -
Sujets similaires» Problème d'affichage du contenu des onglets contenant les infos de profil dans la page d'affichage des sujets
» ModernBB : retirer les deux points des labels de champs de profil dans l'affichage d'un sujet et dans l'affichage du profil.
» Modifier la largeur d'une barre/jauge dans le profil
» Probléme d'affichage dans le profil
» Problème affichage profil dans sujets
» ModernBB : retirer les deux points des labels de champs de profil dans l'affichage d'un sujet et dans l'affichage du profil.
» Modifier la largeur d'une barre/jauge dans le profil
» Probléme d'affichage dans le profil
» Problème affichage profil dans sujets
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum