Couleurs des Labels et Champs de profil
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Couleurs des Labels et Champs de profil
Bonjouuuuur, Bonsoiiiir ...
Me revoilà avec un nouveau soucis, et je ne sais pas si c'est la fatigue ou quoi mais jusqu'à hier soir tout allait bien et maintenant je ne trouve pas ce qui cloche.
Dans l'affichage des profils dans les sujets, les labels de profil (avatar : / message : / camp : / etc) s'affiche de la même couleur que les "réponses" (Gal Gadot/ 1 / Les Cieux) hors je voudrais qu'ils soient de deux couleurs différentes mais impossible... Pourtant dans mon CSS j'ai bien la différence entre les deux.
Est-ce que les yeux d'experts de quelqu'un pourrait m'aider s'il vous plaît ?
Mon CSS :
Mon template viewtopic_body :
Je vous remercie beaucouuuup !
Me revoilà avec un nouveau soucis, et je ne sais pas si c'est la fatigue ou quoi mais jusqu'à hier soir tout allait bien et maintenant je ne trouve pas ce qui cloche.
Dans l'affichage des profils dans les sujets, les labels de profil (avatar : / message : / camp : / etc) s'affiche de la même couleur que les "réponses" (Gal Gadot/ 1 / Les Cieux) hors je voudrais qu'ils soient de deux couleurs différentes mais impossible... Pourtant dans mon CSS j'ai bien la différence entre les deux.
- image du souci:
Est-ce que les yeux d'experts de quelqu'un pourrait m'aider s'il vous plaît ?
Mon CSS :
- Code:
/*HEADER ET BODY*/
#i_logo {margin-bottom: 10px;
margin-top: 10px;
margin-left: -9px;
margin-right: -9px;}
/*HEADER DE FOND*/
body{
background-repeat: no-repeat, repeat;
background-position: top center, center;
background-attachment: scroll;
}
.boutonhautbas {
bottom: 40px;
right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
position: fixed;
z-index: 100;
}
/* selectionner code */
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/**************TOOLBAR*********************/
span#fa_share {display:none!important;}
div#fa_search {display:none!important;}
span#fa_left.fa_tbMainElement {display:none!important;}
#fa_toolbar { position:absolute; top:0; z-index:0; padding:10px 0; height: 10px; border-bottom: 3px solid #373535;}
#fa_right { float:left; margin-left:150px; }
#fa_welcome, #fa_right #fa_notifications {
line-height: 10px;
padding: 0 5px;
color: #373535;
font-family: calibri;
font-size: 12px;
}
#fa_left { float:right; margin-right:30px; }
#nav_bar_1 {position:fixed; z-index:999; top:0px; padding:10px; width:85%; left:35%; }
ul#fa_menulist { padding-bottom:35px; font-family:arial; }
a#fa_hide {display: none!important;}
#nav_bar_1 a{ padding:0px;font-size:12px;text-decoration:none!important; margin-left: 1px;
margin-right: 1px; }
#fa_menulist {
background: #eceaed!important;
border: 1px solid #373535;
color: #333!important;
font-size: 11px!important;
font-variant: small-caps;
position: absolute;
left: 140px!important;
top: 40px;
}
#fa_menulist :link, #fa_menulist :visited {
color: #8c2c2b!important;
text-align : center; }
#fa_usermenu img {
border: 2px solid #373535;
width: 120px;
max-width: 120px;
max-height: 120px;
}
#fa_right a.rightHeaderLink {
margin-left: 10px;
vertical-align: top;
color: #373535;
font-size: 12px; }
/* BORDURE AVATAR */
.img_pa
{
z-index:5;
position:fixed;
left:45px;
top:10px;
width:75px;
height:75px;
border-radius:75px;
overflow:hidden;
border:5px solid;
border-color:#373535;
}
/* IMAGE AVATAR */
.img_pa img
{
width:75px;
}
/*soulignement liens*/
a, a:link, a:hover {
text-decoration: none!important;
text-transform : uppercase;
}
/************************************************* PAGE ACCUEIL *************************************************/
div.newslink {
background: #fff;
border: 1px solid rgba(211, 207, 207, .7);
width: 790px;
margin: 2% auto;
box-sizing: border-box;
text-align: center;
padding: 2% 0;
font-size: 10px;
}
.page_accueil {
display: flex;
justify-content: center;
font-family: Verdana, sans-serif;
font-size: 10px;
color: #373535;
flex-wrap: wrap;
flex-basis: 30%;
align-items: flex-start;
}
.page_accueil .pa_contexte, .page_accueil .pa_news_infos {
background: #eceaed;
width: 30%;
border: 1px solid rgba(211, 207, 207, .7);
}
.page_accueil .pa_center {
width: 30%;
margin: 0 2%;
}
/* SCROLLBAR */
.page_accueil ::-webkit-scrollbar {
background: #2B2B2B;
height: 9px;
width: 5px;
}
.page_accueil ::-webkit-scrollbar-thumb {
background-color: #FAFAFA;
border: solid #2B2B2B;
border-radius: 100px;
border-width: 1px 2px;
height: auto;
}
/* TITRES */
.page_accueil h2 {
background: #000;
color: #8c2c2b;
display: block;
width: 80%;
margin: 4% auto;
text-transform: uppercase;
font-weight: normal;
padding: 2% 0;
}
/* CONTEXTE */
.page_accueil .pa_contexte p {
width: 95%;
margin: 0 auto 2%;
text-align: left;
height: 217px;
overflow: auto;
padding: 0 2% 0 0;
box-sizing: border-box;
}
.page_accueil .pa_contexte p span, .page_accueil .pa_contexte p a {
color: #8c2c2b;
}
/* STAFF */
/* PARTIE STAFF ET ONGLETS */
/*container de la partie staff, ne pas toucher*/
.item_14 {grid-area: 4 / 1 / span 1 /span 1;}
/*container des onglets*/
.onglets_pa { display: flex;
flex-direction: column;
height: 75px;
position: relative;
text-align: justify;
width: 220px; /*à ne modifier que si vous changez la largeur du grid / votre forum n'a pas la même largeur que le mien*/
}
/*les boutons de la PA, ne pas toucher*/
.onglets_pa .boutons_pa {
align-items: center;
display: flex;
justify-content: center;
margin-left: 5px; /*éventuellement à modifier si vous ajoutez des images*/
}
/*les images du staff, à modifier si vous voulez changer la largeur des images et/ou ajouter une image*/
.staff { border-radius: 50px;
width: 35px;
height: 35px;
padding: 2px;
border: 1px solid var(--border);
object-fit: cover;}
/*décide de la largeur de la séparation entre les images*/
.lab { cursor: pointer;
margin-left: 8px;
}
.lab:hover {
opacity:0.8;
}
/*la partie avec prénom, nom, en gros les informations du staff*/
.contenu {
border-bottom: 1px solid var(--border);
border-top: 1px solid var(--border);
box-sizing: border-box;
margin-top: 5px;
opacity: 0;
padding: 4px 0;
position: absolute;
scrollbar-width: none;
text-align: center;
visibility: hidden;
width: 220px; /*à modifier que si vous changez la largeur de onglets_pa / doit avoir la même largeur */
height: 36px;
}
.contenu.visible {
opacity: 1;
visibility: visible;
}
/*balise déco du prénom, nom*/
h { color: var(--accc1);
font-weight: 600;
letter-spacing: 1px;
font-size: 12px;}
/*balise de la partie admin / profil*/
.sous_titre { font-size: 9px;
letter-spacing: 1px;}
/* ILLUSTRATIONS */
.page_accueil .pa_img img {
border: 1px dashed #8c2c2b;
border-radius: 100px;
padding: 1%;
margin: 5.6% 0;
}
.page_accueil .pa_img img:nth-child(2) {
margin: 0 11%;
}
/* PARTENAIRES */
.page_accueil .pa_partenaires {
display: flex;
margin: 8% 0 0;
}
.page_accueil .pa_partenaires a {
content: "";
background: #000;
width: 50px;
height: 5px;
display: block;
margin: 0 4% 0 0;
}
.page_accueil .pa_partenaires a:last-child {
margin: 0;
}
.page_accueil .pa_partenaires a:nth-child(2n+2) {
background: #8c2c2b;
}
/* NEWS ET INFOS */
.page_accueil .pa_news_infos p {
width: 90%;
margin: auto;
box-sizing: border-box;
overflow: auto;
text-align: left;
height: 70px;
line-height: 1.2;
}
.page_accueil .pa_news_infos p span::before {
font-weight: bold;
content: "|";
color: #8c2c2b;
display: inline-block;
}
/* Infos */
.page_accueil .pa_news_infos .pa_infos {
height: 110px;
}
a.pa_credit {
text-align: right;
display: block;
color: #eceaed;
text-transform: uppercase;
font-size: 10px;
font-family: Verdana, sans-serif;
margin: 1% 3% 0 0;
}
/************************************************* CATEGORIES *************************************************/
/*LIENS UTILES */
.cate_liens_utiles {
display: block;
text-align: right;
margin: 0 1% 0 0;
position: relative;
font-family: Verdana, sans-serif;
font-size: 10px;
color: #373535;
}
.cate_liens_utiles p {
text-transform: uppercase;
}
.cate_liens_utiles > .bulle_content {
opacity: 0;
position: absolute;
transform: scale(0.3) rotate(-45deg);
transition: all .3s linear;
visibility: hidden;
right: 6.5%;
top: -150%;
}
.cate_liens_utiles .bulle_content::before {
content: "";
position: absolute;
top: 35%;
font-size: 14px;
color: rgba(211,207,207,.7);
}
.cate_liens_utiles:hover > .bulle_content {
opacity: 1;
visibility: visible;
transform: scale(1) rotate(0deg);
}
.contenu_liens_utiles {
border-radius: 5px;
color: #fff;
margin: auto;
padding: 2%;
text-align: center;
background: #eceaed;
border: 1px solid rgba(211,207,207,.7);
}
.contenu_liens_utiles a {
display: block;
color: #373535;
}
.categories {
width: 790px;
margin: 2% auto 0;
background: #fff;
border: 1px solid rgba(211,207,207,.7);
box-sizing: border-box;
font-size: 10px;
font-family: Verdana, sans-serif;
font-size: 10px;
color: #373535;
}
.categories ::-webkit-scrollbar {
background: #2B2B2B;
height: 9px;
width: 5px;
}
.categories ::-webkit-scrollbar-thumb {
background-color: #FAFAFA;
border: solid #2B2B2B;
border-radius: 100px;
border-width: 1px 2px;
height: auto;
}
/* TITRES CATEGORIES */
.categories_header {
width: 790px;
height: 100px;
background: url(https://i.servimg.com/u/f16/20/03/31/05/img_fo11.png);
text-align: center;
box-sizing: border-box;
font-family: Verdana;
font-size: 36px;
display: flex;
justify-content: center;
align-items: center;
letter-spacing: -5px;
text-transform: uppercase;
}
/* FORUM */
.forum_content {
width: 95%;
margin: 2% auto;
display: flex;
height: 85px;
}
/* Bloc description et statut */
.forum_description_statut {
width: 50%;
display: flex;
}
.forum_description {
background: #eceaed;
border: 1px solid rgba(211,207,207,.7);
padding: 4% 13% 4% 2%;
text-align: justify;
width: 90%;
box-sizing: border-box;
}
.forum_description p {
overflow: auto;
width: 100%;
height: 54px;
padding: 0 5% 0 0;
box-sizing: border-box;
line-height: 1.2;
}
.forum_description p span {
color: #8c2c2b;
font-weight: bold;
}
.forum_statut {
margin: 0 0 0 -10%;
z-index: 1;
align-self: center;
}
/* Bloc nom forum, dernier message avatar */
.nom_forum_dernier_avatar {
width: 35%;
display: flex;
}
.nom_forum_dernier {
background: #eceaed;
border: 1px solid rgba(211,207,207,.7);
padding: 2% 5%;
box-sizing: border-box;
width: 280px;
height: 85px;
float:left;
}
.nom_forum_dernier .forumtitle {
display: block;
font-family: Verdana;
font-weight: bold;
color: #373535;
text-transform: uppercase;
font-size: 11px;
letter-spacing: -1px;
float:left;
word-break: break-word;
width: 70%;
}
.forum_avatar {
align-self: center;
margin: 0 -8px 0 0;
z-index: 1;
float:right;
}
.nom_forum_dernier_avatar .forum_avatar img {
width: 50px;
height: 73px;
object-fit: cover;
align-self: center;
}
.dernier_message {
margin: 10% 0 0;
}
.dernier_message a {
color: #373535;
font-weight: bold;
}
.dernier_message span strong a:before {
content: "par ";
font-weight: normal;
}
/* Sous-forum */
.sous_forum {
background: #eceaed;
border: 1px solid rgba(211,207,207,.7);
width: 23%;
margin: 0 15px 0 0;
box-sizing: border-box;
text-align: center;
height: 85px;
overflow: auto;
display: grid;
flex-direction: column;
justify-content: center;
}
.sous_forum a {
color: #373535;
margin-bottom: 2px;
text-shadow: 2px 2px #fff;
}
/* LIENS FOOTER CATEGORIES */
.cate_liens_footer {
text-align: center;
margin: 0 0 3%;
}
.cate_liens_footer a {
color: #373535;
text-transform: uppercase;
font-weight: bold;
}
.cate_liens_footer a:nth-child(1)::after {
content: " | ";
}
a.cate_credit {
text-align: right;
display: block;
color: #eceaed;
text-transform: uppercase;
font-size: 10px;
font-family: Verdana, sans-serif;
margin: 0 5% 2% 0;
}
/************************************************* QUI EST EN LIGNE *************************************************/
.qui-est-en-ligne {
background: #fff;
border: 1px solid rgba(211,207,207,.7);
width: 790px;
margin: auto;
padding: 2% 5%;
box-sizing: border-box;
display: flex;
font-family: Verdana, sans-serif;
font-size: 10px;
color: #373535;
}
.qui-est-en-ligne ::-webkit-scrollbar {
background: #2B2B2B;
height: 9px;
width: 5px;
}
.qui-est-en-ligne ::-webkit-scrollbar-thumb {
background-color: #FAFAFA;
border: solid #2B2B2B;
border-radius: 100px;
border-width: 1px 2px;
height: auto;
}
img.img_qeel {
display: block;
margin: auto;
}
.bloc_qeel {
background: #eceaed;
border: 1px solid rgba(211,207,207,.7);
box-sizing: border-box;
height: 175px;
padding: 1%;
width: 40%;
}
.bloc_qeel:nth-child(2) {
margin: 0 2%;
width: 50%;
}
.bloc_qeel:nth-child(2), .bloc_qeel:nth-child(3) {
background: none;
border: 0;
padding: 0;
}
.qeel_connectes {
width: 100%;
height: 100px;
overflow: auto;
padding: 0 2% 0 0;
box-sizing: border-box;
margin: 5% 0 0;
}
.dernier_inscrit {
background: #eceaed;
border: 1px solid rgba(211,207,207,.7);
box-sizing: border-box;
padding: 5% 2%;
text-align: center;
color: #000000;
font-size: 14px;
}
.dernier_inscrit a {
text-decoration: none;
display: block;
margin: 3% 0 0;
}
.qeel_groupes a {
display: block;
text-align: center;
font-size: 10px;
font-weight: bold;
}
.qeel_groupes a.g1 {
color: #A52A2A;
}
.qeel_groupes a.g2 {
color: #318585;
}
.qeel_groupes a.g3 {
color: #379937;
}
.qeel_groupes a.g4 {
color: #B36F27;
}
.qeel_groupes {
margin: 4% 0;
line-height: 1.7;
}
.qeel_stats {
background: #eceaed;
border: 1px solid rgba(211,207,207,.7);
text-transform: uppercase;
text-align: center;
padding: 0% 0;
}
.derniers_connectes {
height: 175px;
overflow: auto;
width: 100%;
background: #eceaed;
border: 1px solid rgba(211,207,207,.7);
box-sizing: border-box;
padding: 3%;
}
a.qeel_credit {
text-align: right;
display: block;
color: #eceaed;
text-transform: uppercase;
margin: 3% 0 0;
}
.ListeSousForums a {
display:block;
/* autres propriétés CSS */
}
/******************************************* FOND LISTE DES MEMBRES **********************************************/
.bgLMBER {
background:#cac6c6; /* MODIFIABLE */
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom: 25px;
width: auto;
padding: 20px 0;
text-transform: uppercase;
font-size: 22px;
text-align: center;
background: #373535;
color: #fff;
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px; text-align:center;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:15px 10px 10px;
width:200px; height:325px; font-family:Arial;
}
/* 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 10px 0;
text-align:center; text-transform:uppercase;
background:#E7E7E7; /* MODIFIABLE */
}
/* IMAGES MP * WWW */
.btnLMBER {
margin-top:5px; text-align:center; font-size: 0;
}
/* POINTE PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:#E7E7E7; /* MODIFIABLE */
}
/* AVATAR */
.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;
font-size:11px; text-align:center;
background-color:#b7b7b7;
color: #373535; /* MODIFIABLE - COULEURS PAR DEFAUT */
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);
}
/* INFORMATIONS */
.imgLMBER div div span {
display:inline-block; vertical-align:top; height:17px; padding-top:3px;
text-align:center; text-transform:uppercase; font-size:10px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
/* NAVIGATION LISTE DES MEMBRES */
.pageLMBER {
margin:auto; width:640px;
color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
}
.pageLMBER a {
color:black; /* MODIFIABLE */
font-family:Arial;
}
/* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.btmLMBER {
margin-top:15px; padding:15px 0;
background:#b7b7b7; /* MODIFIABLE */
text-align:center;
}
/* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.formLMBER span {
display:inline-block; vertical-align:bottom; margin-top:1px;
height:17px; padding:2px 5px 0;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
}
.formLMBER input, select {
border:none !important;
height:19px; padding:0;
text-transform:uppercase; font-size:10px; font-family:Arial;
}
/* BOUTON OK LISTE DES MEMBRES */
.formLMBER .liteoption {
padding:0 5px 0 2px;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-weight:bold;
}
/***************************************************************SUJET ET PROFIL***************************/
a, a:hover {
text-decoration: none !important;
transition: .5s all;
}
/* SCROLLBAR */
::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar-thumb {
background: #373535;
}
::-webkit-scrollbar-track {
background: #eceaed;
}
/* BOUTON ADMINISTRATEUR */
a[href*="/admin/index.forum?"] {
background: #b72c5d;
color: #fff;
display: inline-block;
font-size: 10px;
font-weight: 700;
line-height: 4;
margin: 0 2%;
text-transform: uppercase;
width: 200px;
}
a[href*="/admin/index.forum?"]:hover {
background: #908383;
}
/********************************************************** AFFICHAGE MESSAGES ET PROFILS **********************************************************/
/* NOUVEAU REPONDRE */
.nouveau_repondre {
width: 800px;
margin: 2% auto;
}
.nouveau_repondre img {
margin: 0 2% 0 0;
}
/* FIL ARIANE */
.fil_ariane a {
color: #908383;
font-weight: normal;
letter-spacing: 2px;
font-size: 9px;
font-family: 'Calibri', sans-serif;
}
.fil_ariane {
width: 800px;
margin: 2% auto;
font-size: 9px;
}
.pagination_affichage_sujet img {
display: none;
}
.pagination_affichage_sujet {
float: right;
font-family: 'Calibri', sans-serif;
}
/* AFFICHAGE SUJET */
table.affichage_sujets {
background: #e3e3e3;
border: 1px solid #c1bdb6;
width: 800px;
margin: auto;
border-radius: 10px 10px 0 0;
border-spacing: 0;
font-size: 10px;
font-family: 'Calibri', sans-serif;
}
/* HEADER SUJET */
.header_sujet h1 {
background: #373535;
text-align: center;
display: block;
color: #e3e3e3;
letter-spacing: 5px;
font-weight: normal;
font-size: 26px;
padding: 2%;
margin: 0;
}
/* INTITULE DATE ET HEURE */
.as_infos {
font-size: 9px;
letter-spacing: 2px;
margin: 3% 1% 2%;
}
/* PROFIL */
.as_profil {
display: block;
letter-spacing: 2px;
padding: 0 1%;
text-align: center;
width: 210px;
margin: 0 0 0 4%;
}
.as_profil_content {
background: #eceaed;
border-radius: 2px;
border: 1px solid #c6c6c6;
padding: 5% 2%;
}
/* Pseudo */
.as_pseudo {
background: #373535;
border-radius: 3px;
padding: 1%;
text-transform: uppercase;
font-size: 14px;
margin: 2% 0 0;
}
.as_pseudo a span strong {
font-weight: normal;
;
}
/* Rang */
.as_rang {
margin: 2% 0;
}
/* Avatar */
.as_avatar img {
display: block;
margin-left: -3px;
border: 2px solid #373535;
}
/* Informations profil */
.as_contenu_profil {
text-align: left;
color: #373535;
margin: 8% 2% 0;
}
.as_contenu_profil .label span {
color: #838381 !important;
}
/* Editer supprimer citer */
.as_options a::after {
content: " • ";
color: #838381;
font-size: 14px;
}
img.i_icon_quote, img.i_icon_edit, img.i_icon_delete {
display: none;
}
.as_options a[href*="mode=quote"]::before, .as_options a[href*="mode=editpost"]::before, .as_options a[href*="mode=delete"]::before {
color: #838381;
text-transform: uppercase;
}
.as_options a[href*="mode=quote"]::before {
content: "Citer";
}
.as_options a[href*="mode=editpost"]::before {
content: "Editer";
}
.as_options a[href*="mode=delete"]::before {
content: "Supprimer";
}
.as_options a:last-child::after {
content: "";
}
.as_options {
margin: 2% 0;
}
/* ZONE DE TEXTE */
table.as_content_message {
padding: 2% 9%;
}
.content_message {
text-align: justify;
}
.postbody {
font-size: 12px;
line-height: 18px;
margin: 0 5%;
}
form#quick_reply {
margin: 2% 0;
}
table.as_content_message .gensmall {
color: #838381;
}
/* SIGNATURE */
.signature_div::before {
content: "";
background: url(https://www.zupimages.net/up/18/46/85n1.png) no-repeat;
width: 239px;
height: 6px;
display: block;
margin: 5% auto 0;
}
/* MODERER ET SURVEILLER */
.as_options_sujet a, .reponse_rapide input {
background: #373535;
color: #fff;
display: inline-block;
font-size: 10px;
font-weight: 700;
line-height: 4;
margin: 0 2%;
text-transform: uppercase;
width: 200px;
}
.as_options_sujet a:hover, .reponse_rapide input:hover {
background: #908383;
}
.as_options_sujet {
text-align: center;
margin: 3% 0;
}
.as_moderer {
font-size: 0;
width: 200px;
text-align: center;
margin: auto;
display: inline-block;
}
/* REPONSE RAPIDE */
table.reponse_rapide {
margin: 2% 0 0;
}
table.reponse_rapide .row2 {
background: none;
}
.reponse_rapide input {
border: 0;
line-height: 2.5;
margin: 0;
cursor: pointer;
}
dl.codebox {
margin: 8px;
width: 500px;}
.codebox dt {
background-color: #373535;
}
.codebox dt {
display: block;
padding: 3px;
background-image: none;
background-repeat: no-repeat;
background-position: top right;
text-transform: uppercase;
font-weight: 700;
color: #eceaed;
}
.codebox dd {
background-color : #eceaed;
border: 1px dotted #000;
}
/******************************************************** AFFICHAGE SUJETS ********************************************************/
/* NOUVEAU */
ul.posting-buttons.clearfix, .posting-options.topic-options {
width: 95%;
margin: 1% auto;
}
ul.posting-buttons.clearfix li {
list-style: none;
}
/* FIL ARIANE PAGINATION */
.ariane_pagination {
width: 95%;
margin: auto;
font-family: Calibri, sans-serif;
font-weight: bold;
color: #858386;
}
.ariane_pagination li {
list-style: none;
display: inline-block;
padding: 0 1% 0 0;
color: #858386;
text-transform: uppercase;
font-style: bold;
font-size: 10px;
}
.ariane_pagination li a {
color: #858386;
}
.pagination_forum {
float: right;
color: #858386;
text-transform: uppercase;
font-family: Calibri, sans-serif;
font-weight: bold;
font-size: 10px;
}
.pagination_forum a {
color: #858386;
}
/* LIGNE SUJET */
.contenu_liste_sujets {
width: 100%;
margin: 3px auto;
background: #fff;
border: 1px solid #adaeb1;
padding: 1%;
box-sizing: border-box;
color: #373535;
text-transform: uppercase;
font-family: Calibri, sans-serif;
font-weight: bold;
letter-spacing: .5px;
}
.contenu_liste_sujets::after {
content: "";
clear: both;
display: block;
}
.contenu_liste_sujets a {
color: #8c2c2b;
}
.contenu_liste_sujets .center {
width: 80%;
float: left;
text-align: left;
}
a.topictitle::after {
display: block;
content: "";
}
img.ls_statut {
float: left;
margin: 1.2% 4% 0 0;
}
.contenu_liste_sujets .vues {
background: #e3e0e2;
border: 1px solid #b6b5b7;
float: right;
text-align: center;
padding: 1%;
color: #8c2c2b;
margin: 0 2px 0 0;
}
/* MODERER */
.boutons_moderation {
width: 95%;
margin: 0 auto;
}
.boutons_moderation a {
background: #e3e0e2;
border: 1px solid #b6b5b7;
font-size: 10px;
text-transform: uppercase;
color: #373535;
display: inline-block;
line-height: 3;
width: 32.5%;
font-family: Calibri, sans-serif;
font-weight: bold;
text-align: center;
}
.boutons_moderation a:hover {
background: #b6b5b7;
color: #fff;
}
.surveiller a {
width: 100%;
}
.surveiller {
display: inline-block;
width: 32.5%;
margin: 0 1.1%;
}
.bouton_moderer {
font-size: 0;
width: 32.5%;
display: inline-block;
margin: -5% 0 2% 0;
}
.bouton_moderer a {
width: 100%;
}
/* PAS DE SUJET */
.pas_de_sujet {
text-transform: uppercase;
font-style: bold;
color: #62676e;
text-align: center;
margin: 2% 0;
}
#gfooter {
margin: 8px 0;
padding: 0.5em;
text-align: right;
font-size: .8em;
background-color: #eceaed;
color: #373535;
}
Mon template viewtopic_body :
- Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
if(typeof(_atc) == "undefined") {
_atc = { };
}
});
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<div class="nouveau_repondre">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow">
<img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" />
</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}">
<img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" />
</a>
<!-- END switch_user_authreply -->
</div>
<div class="fil_ariane">
<a class="nav" href="{U_INDEX}">
<span>
{L_INDEX}
</span>
</a>
<!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
{NAV_CAT_DESC_SECOND}
<div class="pagination_affichage_sujet">
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
</div>
</div>
<table class="affichage_sujets" width="100%" border="0" cellspacing="1" cellpadding="0" >
<tr>
<td class="header_sujet" colspan="2" height="28">
<h1>
{TOPIC_TITLE}
</h1>
</td>
</tr>
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>
<!-- END hidden -->
<!-- BEGIN displayed -->
<tr><td colspan="2"><div class="as_infos">
{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} {postrow.displayed.POST_DATE}
</div></td></tr>
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td {postrow.displayed.THANK_BGCOLOR} valign="top" class="as_profil">
<div class="as_profil_content">
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
<div class="as_pseudo">
{postrow.displayed.POSTER_NAME}
</div>
<div class="as_rang">
{postrow.displayed.POSTER_RANK}
</div>
<div class="as_avatar">
{postrow.displayed.POSTER_AVATAR}
</div>
<div class="as_contenu_profil">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
<div onClick="this.firstChild.src=(this.firstChild.src=='https://images2.imgbox.com/b9/3b/dulDpwNt_o.png')?'https://images2.imgbox.com/76/92/699N7Spu_o.png':'https://images2.imgbox.com/b9/3b/dulDpwNt_o.png';this.lastChild.style.display=(this.firstChild.src=='https://images2.imgbox.com/b9/3b/dulDpwNt_o.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="https://images2.imgbox.com/b9/3b/dulDpwNt_o.png"/><div style="display: none; text-align: left;"><span>{postrow.displayed.POSTER_RPG}</span></div></div>
</div>
</div>
<div class="as_options">
{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
</div>
</td>
<td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div class="postbody">
<div class="content_message">{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
<!-- BEGIN switch_signature -->
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
<!-- END switch_signature -->
</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</td>
</tr>
<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
</tr>
<!-- BEGIN first_post_br -->
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<tr align="center">
<td colspan="2" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>
<!-- END no_post -->
</table>
<!-- BEGIN promot_trafic -->
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
<tbody>
<tr>
<td class="catBottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top">
<div class="cattitle"> {L_FORUM_RULES}</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="row1 clearfix">
<table>
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<!-- END switch_forum_rules -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->
</td>
</tr>
</table>
<div class="fil_ariane">
<a class="nav" href="{U_INDEX}">
<span>
{L_INDEX}
</span>
</a>
<!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
{NAV_CAT_DESC_SECOND}
<div class="pagination_affichage_sujet">
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
</div>
</div>
<div class="nouveau_repondre">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow">
<img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" />
</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}">
<img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" />
</a>
<!-- END switch_user_authreply -->
</div>
<div class="as_options_sujet">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
{S_WATCH_TOPIC}
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
<div class="as_moderer">
{S_AUTH_LIST}
</div>
</div>
<table>
<tr>
<!-- BEGIN moderation_panel -->
<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>
<!-- END moderation_panel -->
</tr>
</table>
<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
</tr>
</table>
<!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
Je vous remercie beaucouuuup !
Re: Couleurs des Labels et Champs de profil
Bonjour,
Savez-vous que vous n'avez pas besoin de passer par le css impliquant un !important pour forcer la couleur des champs du profil ? En effet, cette couleur se modifie individuellement en cliquant sur le du champ concerné, dans l'onglet Utilisateurs & Groupes > Profils > Champs du profil.
Mais je confirme qu'avec le CSS et le template fournis plus haut, la couleur s'applique chez moi alors que cela n'a pas l'air d'être le cas chez vous. Si le problème n'est pas réglé avec le conseil précédent, pouvez-vous rendre un champ de votre profil visible pour les invités ? Car actuellement, je ne vois rien au-dessus du "OPEN". Ce sera plus pratique pour trouver la cause du souci
Savez-vous que vous n'avez pas besoin de passer par le css impliquant un !important pour forcer la couleur des champs du profil ? En effet, cette couleur se modifie individuellement en cliquant sur le du champ concerné, dans l'onglet Utilisateurs & Groupes > Profils > Champs du profil.
Mais je confirme qu'avec le CSS et le template fournis plus haut, la couleur s'applique chez moi alors que cela n'a pas l'air d'être le cas chez vous. Si le problème n'est pas réglé avec le conseil précédent, pouvez-vous rendre un champ de votre profil visible pour les invités ? Car actuellement, je ne vois rien au-dessus du "OPEN". Ce sera plus pratique pour trouver la cause du souci
Donnez un titre explicite à votre sujet pour améliorer son référencement Remerciez le message qui vous a aidé pour le mettre en évidence Cochez lorsque votre problème est résolu pour faciliter le travail des modérateurs L'aide par MP n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre |
Re: Couleurs des Labels et Champs de profil
Bonjour !
Effectivement je savais que je pouvais modifier les couleurs des champs de profil mais je n'en avais pas mis pour justement le faire en CSS ensuite (pourquoi ? Je ne sais pas, sûrement un goût pour me compliquer la vie....).
Et le soucis venait de là ! Comme je n'avais pas mis de couleur, le CSS ne fonctionnait pas puisqu'il était là pour remplacer cette couleur, et du coup cela ne changeait rien. Je suis désolée, ça me paraît être vraiment un erreur bête...
Merci beaucoup de m'avoir aidé encore une fois !
Belle soirée !
Effectivement je savais que je pouvais modifier les couleurs des champs de profil mais je n'en avais pas mis pour justement le faire en CSS ensuite (pourquoi ? Je ne sais pas, sûrement un goût pour me compliquer la vie....).
Et le soucis venait de là ! Comme je n'avais pas mis de couleur, le CSS ne fonctionnait pas puisqu'il était là pour remplacer cette couleur, et du coup cela ne changeait rien. Je suis désolée, ça me paraît être vraiment un erreur bête...
Merci beaucoup de m'avoir aidé encore une fois !
Belle soirée !
Re: Couleurs des Labels et Champs de profil
Pas de souci, c'est avec plaisir.
Bonne soirée à vous également
Bonne soirée à vous également
Donnez un titre explicite à votre sujet pour améliorer son référencement Remerciez le message qui vous a aidé pour le mettre en évidence Cochez lorsque votre problème est résolu pour faciliter le travail des modérateurs L'aide par MP n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre |
Sujets similaires
» Transformation des labels (champs de profil)
» ModernBB : retirer les deux points des labels de champs de profil dans l'affichage d'un sujet et dans l'affichage du profil.
» Ajouter des classes à chaque champ de la feuille de personnage dans le profil + rassembler les labels et fields de celle-ci dans les messages
» Isoler champs du profil (et seulement du profil)
» Supprimer un Champs dans la PA > Profil > Champs de Profil
» ModernBB : retirer les deux points des labels de champs de profil dans l'affichage d'un sujet et dans l'affichage du profil.
» Ajouter des classes à chaque champ de la feuille de personnage dans le profil + rassembler les labels et fields de celle-ci dans les messages
» Isoler champs du profil (et seulement du profil)
» Supprimer un Champs dans la PA > Profil > Champs de Profil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum