La date/heure actuelle est Jeu 28 Mar 2024 - 13:06
2 résultats trouvés pour MBER
Donner couleur de fond différente (et définie) de la couleur du pseudo en fonction du groupe
Bonjour !Le forum étant en maintenance, je ne vais pas pouvoir vérifier ce que je vais dire, mais déjà, une remarque :
- Code:
$('#MBER').each(function()
Ceci n'est pas possible. each() permet de boucler sur un élément, mais #MBER montre que vous êtes sur un id ; or, un id ne peut pas se retrouver plusieurs fois dans la page, ce n'est pas fait pour. Boucler sur un id qui ne doit se trouver qu'une seule fois dans la page n'a donc pas de sens, il faudrait remplacer MBER par un class. Là, ça deviendrait logique et exploitable.
Dans votre JavaScript, $(this).find('.nameLMBER span').css('color') permet de récupérer la couleur d'un pseudo.
Vous pensez récupérer #73403E (format Hexadécimal) pour le groupe des admin par exemple, mais vous allez en fait récupérer la couleur sous la forme rgb(115, 64, 62) (format RGB). Vous allez devoir faire les conversions à la main, avec ce petit outil par exemple : https://nobsmarketplace.com/resources/tools/rgb-to-hex/
Enfin, puisque vous voulez faire des tests / conditions, vous aller avoir un code final de ce style :
- Code:
$(function(){
$('.MBER').each(function() {
var color = $(this).find('.nameLMBER span').css('color');
// Groupe admin
if (color == 'rgb(115, 64, 62)'){
$(this).css('background', '#DB9A5C');
$(this).attr('style', 'background: #DB9A5C');
}
// Groupe modos
if (color == 'rgb(?, ?, ?)'){
$(this).css('background', '#?');
$(this).attr('style', 'background: #?');
}
});
});
Les lignes $(this).attr('style', 'background: #DB9A5C'); ne sont potentiellement pas utiles, essayez sans et si ça ne marche pas, essayez avec !
- le Dim 26 Juin 2022 - 11:59
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Donner couleur de fond différente (et définie) de la couleur du pseudo en fonction du groupe
- Réponses: 2
- Vues: 688
Probleme avec le header de fond aléatoire
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum : http://14v24.forumactif.org/
Description du problème
Bonjour,Après avoir suivi les indications trouvées sur ce forum (https://forum.forumactif.com/t275674-banniere-aleatoire-pour-headers-en-fond-de-page) pour installer une bannière de fond aléatoire, cela ne marche absolument pas...
- mon css:
- /*--------------------------------------------
COULEURS
marron : #282522
bleu : #1000ff
fuschia : #ff00d2
jaune : #c0ff00
gris : #e8e8e8
--------------------------------------------*/
/*--------------------------------------------
WACKY NEWS
--------------------------------------------*/
.news {
background:#f2f2f1;
padding:5px;
padding-left:40px;
padding-right:40px;
font-family:Playfair display;
text-align:justify;
font-size:10px;
color:#000;
}
.news_issue {
font-family:Playfair display;
text-transform:uppercase;
font-size:8px;
margin-top:-3px;
letter-spacing:2px;
color:#d7d7d7;
margin-left:-20px;
}
.news_titre {
font-family:Playfair display;
text-transform:uppercase;
font-size:59px;
text-align:center;
font-weight:bold;
margin-top:-10px;
letter-spacing:1px;
color:#000;
border-bottom:1px solid #000;
line-height:59px;
padding-bottom:5px;
}
.news_chapeau {
font-family:Playfair display;
text-transform:uppercase;
font-size:13px;
letter-spacing:1px;
margin-top:-10px;
color:#000;
}
.news table{
width:420px;
valign:top!important;
}
.news table td {
width:200px;
font-family:Playfair display;
font-size:11px;
valign:top!important;
line-height:13px;
}
.news table td a {
font-family:Playfair display;
font-style: italic ;
font-weight:bold;
color:#000!important;
}
.news table td a:hover {
color:#efc900!important;
}
.news_col_titre {
font-family:Playfair display;
text-transform:uppercase;
font-size:15px;
font-weight:bold;
text-align:left;
}
.news_img {
width: 200px;
height: 75px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;
}
body {
background-color: #282522;
}
.ban1 { background-image: url('ttps://img4.hostingpics.net/pics/628786bann01.png'); z-index:1000!important;}
.ban2 { background-image: url('https://2img.net/r/hpimg4/pics/195713bann02.png');z-index:1000!important; }
.ban3 { background-image: url('https://2img.net/r/hpimg4/pics/848840bann03.png');z-index:1000!important; }
/* .ban1 { background-image: url('https://2img.net/r/hpimg4/pics/628786bann01.png'); background-position: top center;
background-repeat: no-repeat;}
.ban2 { background-image: url('https://2img.net/r/hpimg4/pics/195713bann02.png'); background-position: top center;
background-repeat: no-repeat;}
.ban3 { background-image: url('https://2img.net/r/hpimg4/pics/848840bann03.png'); background-position: top center;
background-repeat: no-repeat;}*/
/*--------------------------------------------
FICHE RELATIONS
--------------------------------------------*/
.relations {
float:left!important;
}
.relations_caractere{
background: #fff;
width:117px;
font-family:Playfair display;
text-align:center;
letter-spacing:1px;
padding:2px;
font-size:10px;
text-transform:uppercase;
color:#efc900;
float:right!important;
margin:2px;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.relations_caractere:hover{
color:#1ed8d7;
}
.relations_caractere2{
background: #fff;
width:242px;
font-family:Playfair display;
text-align:center;
letter-spacing:1px;
padding:2px;
font-size:10px;
text-transform:uppercase;
color:#efc900;
float:right!important;
margin:2px;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.relations_caractere2:hover{
color:#1ed8d7;
}
/*--------------------------------------------
page d'accueil
--------------------------------------------*/
.pa_txt_cont {
font-family:Playfair display;
font-weight:bold;
font-size:30px;
text-transform:uppercase;
color:#efc900;
float:right!important;
text-align:left;
margin-top:-97px;
margin-right:10px;
line-height:30px;
letter-spacing:5px;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.pa_txt_cont:hover {
color:#1ed8d8;
}
.pa_txt_news {
font-family:Playfair display;
font-weight:bold;
font-size:30px;
text-transform:uppercase;
color:#1ed8d8;
float:right!important;
text-align:left;
margin-top:-97px;
margin-right:20px;
line-height:30px;
letter-spacing:5px;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.pa_txt_news:hover {
color:#efc900;
}
#over {
height:100px;
width:390px;
overflow:hidden;
position:relative;
display:inline-block;
}
#over img {
height:100px;
width:390px;
position:absolute;
top:0px;
left:0px;
-webkit-transition:left 1s linear;
transition:left 1s linear;
}
#over div.textset {
height:90px;
width:280px;
padding:5px;
background:#fff; /*FOND DU TEXTE RP ET MEMBRE DU MOIS*/
overflow:auto;
text-align:justify;
}
#over:hover img {
left:-350px;
-webkit-transition:left 1s linear;
transition:left 1s linear;
}
.pa_predef_img{
height:33px;
width:33px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
float: left;
margin-right:3px;
margin-bottom:3px;
}
.pa_staff{
height:69px;
width:122px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
float: left;
margin-right:3px;
margin-bottom:3px;
}
.pa_tab_gen {
width:100%;
height:309px;
margin-left:2px;
}
.pa_line1 {
height:100px;
width:100%;
}
.pa_line2 {
height:100px;
width:100%;
}
.pa_line3 {
height:60px;
width:100%;
padding-left:5px;
}
.pa_pred {
width:253px;
margin-left:10px!important;
background:#fff;
height:74px;
padding-top:3px;
padding-left:4px;
}
.pa_liens {
height:18px;
width:194px;
background:#fe786d;
margin-bottom:2px;
margin-top:2px;
font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.pa_liens a{
font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;
color:#000!important;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.pa_liens a:hover {
color:#fe786d;
}
.pa_liens:hover {
background:#fff;
}
.pa_part {
height:32px;
width:790px;
padding-left:5px;
}
/******************************SLIDESHOW********************/
.contener_slideshow
{
width:392px;
height:100px;
overflow: hidden;
position: relative;
background-image: url(YOUR-URL-IMAGE.png);
}
.slid_1, .slid_2, .slid_3
{
position: absolute;
width:392px;
height:100px;
}
.slid_1{left: 0;}
.slid_2{left: 392px;}
.slid_3{left: 784px;}
.contener_slide
{
width: 784px;
height: 100px;
left:0px;
position: absolute;
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-name: anim_slide;
-moz-animation-duration: 10s;
-moz-animation-iteration-count:infinite;
-moz-animation-name: anim_slide;
-ms-animation-duration: 10s;
-ms-animation-iteration-count:infinite;
-ms-animation-name: anim_slide;
animation-duration: 10s;
animation-iteration-count:infinite;
animation-name: anim_slide;
}
@-webkit-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@-moz-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@-ms-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
/*--------------------------------------------
Barre de navigation + toolbar
--------------------------------------------*/
/*Retire faq & calendrier*/
a.mainmenu[href="/calendar"] {display: none !important;}
a.mainmenu[href="/faq"] {display: none !important;}
/* FOND TOOLBAR */
#fa_toolbar {
padding-top:0px !important;
background:#f8f2e2!important; /* MODIFIABLE */
}
/* BORDURE AVATAR TOOLBAR */
.fa_avatar {
float:left; position:relative; z-index:5; margin-left:20px; margin-right:15px; margin-top:-5px;
width:40px; height:50px; border-radius:75px; overflow:hidden; border:7px solid;
border-color:#f8f2e2; /* MODIFIABLE */
}
.fa_avatar img{
width:100px;
}
#fa_right {
float:left !important;
}
/* MENU TOOLBAR */
ul#fa_menulist {
z-index:3 !important; margin-top:-20px !important; border:none !important;
background:#fff !important; /* MODIFIABLE */
margin-left:-60px;
}
/* LIENS MENU TOOLBAR */
#fa_menulist a:link, #fa_menulist a:visited {
color:#18beb2 !important; /* MODIFIABLE */
font-size:10px;
font-family: "Open sans";
}
#fa_menulist a:hover{
color:black !important; /* MODIFIABLE */
}
/* BARRE DE NAVIGATION */
#navSIT {
position:fixed; z-index:20003 !important;
top:5px; right:25px;
}
#navSIT img{
width:20px;margin-right:5px;
}
/* LIENS NAVIGATION */
#navSIT a{
text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial;
color:#18beb2; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey !important; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:25px !important; left:5% !important;
}
#search_menu a{
background:none !important; border:none !important; color:inherit !important;
}
/* SUPPRESSION ELEMENTS TOOLBAR */
#fa_share {
display:none !important;
}
#fa_icon {
opacity:0 !important;
}
a#fa_service {
opacity:0 !important;
}
#fa_search {
display:none !important;
}
#fa_hide {
display:none !important;
}
/*NOTIF*/
#fa_right a.rightHeaderLink {
margin-left:10px;
color:e#fc900 !important;
font-size:12px;
}
#fa_welcome {
background:none !important;
font-size:12px;
}
div#fa_usermenu {
display:none !important;
}
/*--------------------------------------------
Affichage liste des membres
--------------------------------------------*/
/* BLOC LISTE DES MEMBRES */
#LMBER {
width:700px; margin:auto;
}
/* BLOC MEMBRE */
#MBER {
float:left; width:220px; height:210px; margin:5px;
}
/* PSEUDONYME */
.nameLMBER{
margin-bottom:5px;
width:215px; padding-left:5px;
text-align:left; text-transform:uppercase;
}
/* INFORMATIONS */
.stsLMBER {
display:inline-block; vertical-align:top;
width:100px; font-size:11px;
}
/* CONTENU INFORMATIONS */
.stsLMBER div{
margin:5px 0; padding:5px;
background:white; color:black; /* MODIFIABLE */
}
/* IMAGES PROFIL & WWW */
.mpwLMBER {
background:none !important;
}
/* AVATAR MINIATURISE */
#imgLMBER {
display:inline-block; margin-left:10px; width:100px; height:160px; overflow:hidden;
}
.imgLMBER {
position:relative;
width:100px; height:160px; overflow:hidden;
}
.imgLMBER div img{
position:absolute; margin-left:-50px; width:100px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
#imgLMBER:hover .imgLMBER div img{
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* HUMEUR */
.imgLMBER span {
position:absolute;
width:90px; height:150px; padding:5px; overflow:auto;
text-align:justify; font-size:10px;
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
transform:translateX(-150px); -webkit-transform:translateX(-150px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#imgLMBER:hover .imgLMBER span{
transform:translateX(-50px); -webkit-transform:translateX(-50px);
}
/* AFFICHAGE GROUPES LISTE DES MEMBRES */
.grpLMBER {
display:block; margin:5px auto; padding:5px;
text-transform:uppercase; font-weight:bold; font-size:12px;
border:1px solid black; /* MODIFIABLE */
}
/*--------------------------------------------
Messages privés
--------------------------------------------*/
#ava_mp img{
width: auto;
height: auto;
max-height: 200px; /*hauteur max*/
}
#mp_read {
min-height: 150px;
width 470px!important;
background: #f9f3e2;
margin-top:10px!important;
padding: 10px 15px 20px 15px;
margin-top: -15px;
position: relative;
z-index: 1;
text-align: justify;
color: #191919 !important;
}
#private_message {
padding:5px;
}
#un_mp {
background:#b1a86b;
}
* {
font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;
}
/*****************INFOBULLE**************/
.infobulle_txt {
width:200px !important;
height:100px!important;
overflow:auto;
}
a.infobulle {
position: relative;
color: #576186;
text-decoration: none;
background: none; /* correction d'un bug IE */
}
a.infobulle span {
display: none; /* on masque l'infobulle */
font-size: 10px;
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
bottom: 20px; /* on positionne notre infobulle */
width:200px;
height:100px;
background: #faf1cc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #576186;
padding: 10px;
border: 1px solid #f2da7d;
}
.infobulle2_txt {
width:250px !important;
height:70px!important;
overflow:auto;
}
a.infobulle2 {
position: relative;
color: #576186;
text-decoration: none;
background: none; /* correction d'un bug IE */
}
a.infobulle2 span {
display: none; /* on masque l'infobulle */
font-size: 10px;
}
a.infobulle2:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle2:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
overflow:auto;
bottom: 20px; /* on positionne notre infobulle */
width:250px;
height:70px;
background: #fff;
color: #576186;
padding: 10px!important;
border: 5px solid #ff786e;
}
/******************************************************* DÉBUT CATÉGORIES *******************************************************/
/*Catégorie*/
.cate {
margin: auto;
background:#fdfbef;
margin-bottom: 0px;
width: 800px !important;
}
/*Fond du titre de la catégorie*/
span.cate_title {
display: block;
background-image: url('https://i.servimg.com/u/f58/19/51/69/41/03_cod10.jpg');
width: 800px;
padding-top:50px;
height: 118px!important;
z-index:1!important;
}
/*Titre de la catégorie*/
.cate_title h2 {
display: block;
margin: 0px;
padding: 0px;
font-family: 'Miniver', cursive;
font-size: 36px;
color: #00eaff;
font-weight: normal;
letter-spacing: 1px;
}
/*Bloc de chaque forum*/
.forum {
width: 780px;
margin-bottom:15px;
margin-left:20px;
text-align: center;
color: #7b848f;
}
/*Section gauche*/
.forum_left {
width: 110px;
padding:5px;
background:url('https://2img.net/r/hpimg15/pics/397663fondavatar.png') no-repeat;
}
/*avatar dernier posteur*/
.lastpost_ava img{
width: auto;
height: auto;
max-height: 149px; /*hauteur max*/
}
.imgnew {
margin-top:-14px;
position:absolute;
margin-left:32px;
}
/*Section milieu*/
.forum_center {
width: 433px;
height: 167px !important;
text-align: center;
background:url('https://2img.net/r/hpimg15/pics/883206fondforum.png') no-repeat;
color:#fff;
}
/*Section droite*/
.forum_right {
width: 210px;
padding:5px;
padding-left:0px;
margin-left:-10px!important;
text-align: center;
background:url('https://2img.net/r/hpimg15/pics/146605fondforumright.png') no-repeat ;
}
/*Titre du forum*/
a.forumlink {
font-family: 'Miniver', cursive;
font-size: 25px;
color: #ff786e!important;
font-weight: lighter;
letter-spacing: 2px;
transition: 0.5s;
-webkit-transition: 0.5s;
text-shadow: 1px 1px #efc900;
}
/*Titre du forum survolé*/
a.forumlink:hover {
text-decoration: none!important;
letter-spacing: 4px !important;
color:#efc900 !important;
}
/*Bloc de la description du forum*/
.forum_desc_container {
width: 395px;
padding-left:8px!important;
}
/*Bloc liens importants*/
.forum_desc_liens {
font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;
height:16px;
}
.forum_desc_liens a{
color:#fff!important;
}
/*Description du forum*/
.forum_desc{
height: 45px;
padding:5px;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height:11px;
text-align: justify;
overflow: auto;
margin-bottom:-20px;
}
/*Sous-forums*/
.forum_sous_forums {
text-align: center;
transition: 0.5s;
-webkit-transition: 0.5s;
font-size: 9px;
color:#d2a101;
}
.forum_sous_forums a{
font-family: 'Playfair Display', serif;
font-size: 9px;
letter-spacing:0.5px;
text-align: center;
text-transform:uppercase;
}
/*Statistiques*/
.forum_stats {
font-family: 'Playfair Display', serif;
font-size: 16px;
line-height:17px;
letter-spacing:1px;
text-transform:uppercase;
color:#fff;
padding-left: 15px;
}
.esperluette {
font-family: 'Playfair Display', serif;
font-size: 60px;
}
.stats_nbr {
float:right;
margin-right:25px!important;
font-family: 'Playfair Display', serif;
font-size: 15px;
}
/*Dernier message*/
.forum_last_mess {
font-family: 'Playfair Display', serif;
font-size: 10px;
line-height:11px;
text-transform:uppercase;
letter-spacing:1px;
color: #fff;
}
/*Placement du titre du dernier message*/
.forum_last_mess a {
margin-bottom: 3px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-transform:none!important;
text-decoration:none;
}
.forum_last_mess a:hover{
color:#00eaff;
letter-spacing:1px !important;
text-decoration:none !important;
}
/*Mise en forme de l'auteur du dernier message*/
.forum_last_mess a.gensmall, .forum_last_mess a.gensmall strong {
display: inline;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: normal!important;
font-variant: normal;
font-size: 11px;
text-transform:none!important;
text-shadow : 1px 1px #fff;
}
/*--------------------------------------------
BOUTON SELECTIONNER
--------------------------------------------*/
.selectCode { float:right; text-transform: uppercase; font-size:10px; letter-spacing:1px; cursor:pointer; }
div.cont_code { clear: right; }
/*--------------------------------------------
QUOTES, CODES & SPOILERS
--------------------------------------------*/
.quote{
background:#f3da7e;
border:none;
padding:5px;
}
.code{
background:#fe786d;
border:none;
padding:5px;
color:#fff;
}
.spoiler_closed
{
background-color:#1ed8d7; /*couleur de fond du spoiler fermé*/
border:none;
}
.spoiler_content
{
background-color:#ffffff; /*couleur de fond du spoiler ouvert*/
color:#1ed8d7; /*couleur de police*/
padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 15px;
}
/*--------------------------------------------
PROFIL & MESSAGES
--------------------------------------------*/
/****** ONLINE / OFFLINE ************/
#offlineimg {
background-image: url('https://i.servimg.com/u/f58/19/51/69/41/online11.jpg');
width: 75px;
height: 15px;
}
/*******BTN EN SAVOIR PLUS********/
.bouton-profil {
cursor: pointer; /* curseur au survol */
margin: 2px 0; /* petite marge en haut et en bas */
padding: 2px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
background: #1ed8d7; /* couleur de fond */
border: 1px solid #1ed8d7; /* bordure */
color: #fff; /* couleur texte */
font-size: 10px; /* taille du texte */
text-transform:uppercase;
font-family: 'Playfair Display', serif;
letter-spacing: 2px; /* espace entre les lettres */
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.bouton-profil:hover {
background: #fe786d; /* couleur de fond */
border: 1px solid #fd5f52; /* bordure */
color: #fff; /* couleur texte */
letter-spacing: 3px; /* espace entre les lettres */
}
.profil_rank {
font-family: 'Playfair Display', serif;
text-transform:uppercase;
background: #fdfbef;
letter-spacing:1px;
font-size:9px;
color:#18beb2;
text-align:center;
}
.pseudo{
font-family: 'miniver'!important;
font-size:20px;
text-transform:lowercase;
font-weight:lighter !important;
text-align: center !important;
height:25px;
width:200px;
}
div.pseudo{
font-family: 'miniver'!important;
font-size:20px;
text-transform:lowercase;}
.icon_profile {
background-color: #f9f3e2;
text-aling:center;
padding-top:5px;
margin-top:-10px;
}
.details_contener {
text-align:center;
z-index:100;
margin-bottom:15px;
background-color: #f9f3e2;
}
.postdetails {
font-family: 'Playfair Display', serif;
font-size:12px;
}
.date {
font-family: 'Open Sans', sans-serif;
font-size:9px;
color:#152147;
letter-spacing:1px;
}
.post-options {
text-align:center;
}
.sujet_title {
font-family: 'miniver'!important;
font-size: 20px;
letter-spacing:2px;
color:#1ed8d7;
text-align: center !important;
margin-top: 40px !important;
margin-bottom:-15px !important;
background:#f3da7e;
height:45px;
width:800px!important;
border-bottom: 2px solid #f3da7e;
transition:all 0.7s;
-moz-transition:all 0.7s; /* Mozilla Firefox */
-webkit-transition:all 0.7s; /* Safari et Google Chrome */
-o-transition:all 0.7s; /* Opera */
}
.titremess {
z-index:100 !important;
margin-top: 5px;
text-shadow: 1px 1px #ff7c74;
font-family: 'miniver'!important;
font-size: 20px;
}
.profil_avatar {
background-color: #f9f3e2;
width:200px;
height:360px;
padding:10px;
}
.corpsmess{
font-family: 'Open Sans', sans-serif;
font-size:12px;
min-height: 150px;
width 470px!important;
background:#fdfbef;
padding: 10px 15px 20px 15px;
position: relative;
z-index: 1;
text-align: justify;
color: #191919 !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.corpsmess a{
color: #dd3602!important;
}
#profilmess{
font-size: 10px;
position: relative;
z-index: 3;
padding:10px;
}
.profil {
font-family: 'Open Sans', sans-serif;
background:#8aeeee;
margin-top:5px;
padding:5px;
}
.profil_line{
background:#a7f3f3;
margin-bottom:-15px;
padding:3px;
}
.profil_field img{ max-width: 200px;}
.profil_label {
font-family: 'Playfair Display', serif;
text-transform:uppercase;
letter-spacing:1px;
font-size: 10px !important;
line-height:16px;
font-size:900;
}
.profil_field {
color:#1a6d6d;
font-family: 'open sans', sans-serif;
font-size:8px;
}
.profil_rpg {
font-family: 'Playfair Display', serif;
font-size: 11px !important;
color:#1c2d2b!important;
line-height:12px;
background:#f3da7e;
margin-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:8px;
}
.profil_rpg a{
font-family: 'Playfair Display', serif;
text-transform:lowercase;
font-size: 12px !important;
color:#e4d7c8;
margin-top:-10px !important;
margin-bottom:5px;
}
#messageapp {
background:#fdfbef;
color: #797270;
margin-top:-15px;
padding:10px;
padding-top:20px;
width:800px;
}
/*--------------------------------------------
AFFICHAGE DU PROFIL
--------------------------------------------*/
.container{
width:100%;
height:auto;
background:#fdfbef;
margin-left:auto;
margin-right:auto;
margin-top:35px;
overflow:hidden;
}
.top{
float: left;
width:100%;
height:120px;
background-color:#1ed8d7;
border-bottom: 1px solid #fff;
text-align:center;
}
.profil-img{
float:left;
width:120px;
height:120px;
border-radius:50%;
border:8px solid #fe786d;
background-color:#fff;
margin-left:15px;
margin-top:15px;
overflow:hidden;
}
.profil-img img{
width:125px;
}
.profil-name{
float:left;
margin-left:150px;
margin-top:20px;
height:auto;
color:#fff;
font-family: 'miniver';
font-size:35px;
position: absolute;
}
.rang_prof {
font-family: 'Playfair Display', serif;
text-transform:lowercase;
font-size: 15px;
line-height:25px !important;
color: #fff;
}
.middle{
float:left;
width:90%;
margin:40px 5%;
}
.descriptionProfil{
float:left;
width:90%;
height:auto;
font-family: 'open sans', sans-serif;
margin-bottom:20px;
margin-left: 35px;
font-size:13px;
color:#000;
background-color:#f8f2e2;
padding:15px 1%;
-webkit-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
-moz-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
}
.expand{
width:434px;
height:200px;
border: 3px solid #81d4fa;
}
.hidden{
display:none;
}
.info{
float:left;
margin-left:40px;
margin-bottom: 20px;
height:100px;
padding-top:6px;
padding-bottom:10px;
width:90%;
background-color:#f8f2e2;
-webkit-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
-moz-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
height:auto;
}
.single-info{
float:left;
width:98%;
padding-left:2%;
color:#eeb601;
height:auto;
}
.info-title{
float:left;
width:20%;
margin-left:2%;
font-family: 'open sans', sans-serif;
}
.info-desc{
float:left;
width:78%;
font-family: 'open sans', sans-serif;
}
/******************************************************* DÉBUT Sujets *******************************************************/
.img_liste_sujets {
background:#fdfbef;
}
.sujet_forumlink {
background:#f9f3e2;
padding:5px;
padding-left:10px;
}
/*Bloc des sujets*/
.sujets {
margin: auto;
background-image: url('https://2img.net/r/hpimg4/pics/971652hautlistesujets.png');
background-repeat: no-repeat;
width: 790px;
margin-top:10px;
}
/*Titre du bloc des sujets*/
.sujets_top_title {
display: block;
width: 750px;
margin-top: 15px;
height:95px;
}
/*Liste des sujets*/
.sujets_list {
width: 790px;
padding-top: 10px;
padding-bottom: 0px;
text-align: left;
color: #7b848f;
background:#fdfbef;
margin-top:-20px;
}
/*Polices des éléments hors sujets*/
.sujets_font {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: #7b848f;
}
/*Chaque sujet*/
.sujet {
position: relative;
width: 780px;
margin-bottom: 10px;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
}
/*Type de sujet*/
.sujet_type {
font-family: 'Playfair Display', serif;
font-size: 12px;
color: #fe786d!important;
padding-left:5px;
text-transform: uppercase;
letter-spacing:1px;
}
/*Titre du sujet*/
a.sujetlink {
font-family: 'Playfair Display', serif;
font-size: 12px;
color: #000!important;
font-weight: normal;
margin-bottom:-3px;
text-decoration: none!important;
-webkit-transition: all 1s; /* pour navigateur webkit */
-moz-transition: all 1s; /* pour navigateur mozilla */
-o-transition: all 1s; /* pour navigateur opera */
transition: all 1s; /* pour les navigateurs récents */
}
/*Titre du sujet survolé*/
a.sujetlink:hover {
text-decoration: none!important;
font-weight:700;
color:#1ed8d7 !important;
}
/*Auteurs des sujets*/
.sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a {
font-family: 'Open Sans', sans-serif;
font-size: 9px;
text-decoration:none;
font-weight:600;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
}
.sujet_stats_back {
font-family: 'Playfair Display', serif;
font-size: 10px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #fff;
background:url('https://2img.net/r/hpimg4/pics/661038stats.png') no-repeat left center;
}
.sujet_stats_back_txt {
font-family: 'Playfair Display', serif;
font-size: 8px;
letter-spacing:1px;
color: #fff;
margin-left:4px;
}
.sujet_stats_last {
font-family: 'Open Sans', sans-serif;
font-size: 8px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #000;
background:#f9f3e2;
padding:5px;
}
.sujet_stats {
font-family: 'Open Sans', sans-serif;
font-size: 8px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #000;
}
/*--------------------------------------------
CHATBOX
--------------------------------------------*/
#chatbox_header .cattitle:before { content: "Le repère des détraqués | "; } /* Modifier NOM par le titre que vous désirez */
.fond_smileys{
background: url('https://i.imgur.com/adFe7.png')!important;
}
body.chatbox {
background-color: #fdfbef;
}
#chatbox_header .catBottom .cattitle {
color: #1ed8d7;
}
#chatbox_header .catBottom {
background : #1ed8d7;
}
#chatbox .cb-avatar, #chatbox .cb-avatar > img { width: 20px !important;}
#chatbox .cb-avatar { background: transparent !important; box-shadow: none !important; }
body #chatbox .cb-avatar { border: none !important; /*retirer la bordure*/ }
#chatbox .cb-avatar > img{ border-radius: 50% !important; }
#chatbox .user-msg .user, #chatbox .user-msg .msg {
display: inline;
}
#chatbox_members .cb-avatar > img {
height:30px;width:30px;
vertical-align: middle;
}
/*--------------------------------------------
TAILLE IMG FIL D'ARIANE
--------------------------------------------*/
.nav img{
max-width: 150px;
max-height: 150px;
margin-bottom:-5px;
}
.nav {
font-weight:lighter;
font-family: 'Open Sans', sans-serif;
font-size: 9px;
line-height:9px;
text-transform:uppercase;
color: #fe786d!important;
}
/*--------------------------------------------
QEEL
--------------------------------------------*/
#TotalMembres {
position: absolute;
top:91px;
left:515px;
font-family: 'Playfair Display', serif;
font-size: 15px;
}
#TotalMessages {
position: absolute;
top: 180px;
left:512px;
font-family: 'Playfair Display', serif;
font-size: 15px;
}
#logged {
height:60px !important;
overflow: auto;
}
#DernierInscrit {
}
/* Positionnement du bloc des statistiques */
.stats_qeel {
position: absolute;
top: 159px;
left: 43px;
width: 180px;
height: 150px;
overflow: auto;
font-family: 'Open Sans', sans-serif;
font-size: 9px !important;
text-align: justify;
}
/* Positionnement du bloc des plumes présentes */
.plumes_presentes {
position: absolute;
top: 127px;
left: 489px;
width: 220px;
height: 185px;
font-family: 'Open Sans', sans-serif;
font-size: 9px;
text-align: justify;
}
/* Mise en forme des liens des plumes présentes */
.plumes_presentes a {
text-decoration: none !important;
}
/* Transparence des anniversaires et des dernières 24h */
#kaboum .row1 {
background-color : transparent;
font-family: 'Open Sans', sans-serif;
font-size: 9px!important;
}
.qhh {
overflow: auto;
height:97px!important;
}
.row1 .gensmall {
font-family: 'Open Sans', sans-serif;
font-size: 9px!important;
}
/* Positionnement du bloc des groupes */
.groupes_qeel {
position: absolute;
top: 115px;
left: 325px;
width: 200px;
text-align: center;
}
/* Mise en forme des liens des groupes */
.groupes_qeel a{
font-family: 'Playfair Display', serif;
text-transform: lowercase;
font-size: 17px;
line-height: 35px;
color:#d8ccbe !important;
}
/*Titre des categories en image*/
.secondarytitle .titre_cate {
display: none;
}
.nav img.titre_cate_img {
display: none;
}
/***************************************** RETIRER LES BORDURES*********************************************/
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
/*--------------------------------------------
LIENS
--------------------------------------------*/
a:hover{text-decoration: none !important; color:#18beb2 !important;}
a {text-decoration: none !important; transition:all 1s; color:#fe786d !important;
-moz-transition:all 1s; /* Mozilla Firefox */
-webkit-transition:all 1s; /* Safari et Google Chrome */
-o-transition:all 1s; /* Opera */}
a:link {text-decoration: none;}
a:visited {text-decoration: none; }
/* ONGLETS */
/************************************************ FICHE ************************************************/
/* On met en place la fiche et son image de fond */
.fiche {
position: relative;
margin: auto;
background-color: #f9f3e2;
padding-left:10px;
padding-right:10px;
}
/* On cache les input */
.fiche > input { display: none; }
/* On met les labels au centre */
.fiche .boutons { text-align: center; }
/* Mise en forme des labels/titre des onglets normal */
.fiche .boutons label {
margin-left: 4px;
margin-right: 4px;
font-family: 'miniver';
font-size: 25px;
color:#fe786d;
cursor: pointer;
background:#fdfbef;
padding:10px;
padding-bottom:20px;
transition: all ease 0.5s;
}
/* Effet au survol des labels */
.fiche .boutons label:hover {
color: #1ed8d7;
transition: all ease 0.5s;
}
/* On met en place le bloc qui va contenir le contenu de chaque onglet */
.fiche .interne {
position: relative;
width: 448px;
height: 300px;
margin: auto;
margin-top:-10px;
background:#fdfbef;
}
/* On met en place et en forme le contenu de chaque onglet */
.contenu {
position: absolute;
top: 10px;
left: 10px;
width: 90%;
height: 260px;
padding: 10px;
margin: auto;
overflow: auto;
text-align: justify;
opacity: 0;
visibility: hidden;
transition: all ease 0.5s;
}
/* Petit effet sur les b: on change la couleur */
.fiche .interne strong { color: #BA2F23; }
/* Fait le changement de style sur les labels sélectionnés */
.fiche #informations:checked ~ .boutons .lab.infos,
.fiche #physique:checked ~ .boutons .lab.phys,
.fiche #caractere:checked ~ .boutons .lab.car,
.fiche #histoire:checked ~ .boutons .lab.hist,
.fiche #ecran:checked ~ .boutons .lab.ecr {
color: #1ed8d7;
}
/* Fait apparaitre le contenu de l'onglet sélectionné */
.fiche #informations:checked ~ .interne .contenu.infos,
.fiche #physique:checked ~ .interne .contenu.phys,
.fiche #caractere:checked ~ .interne .contenu.car,
.fiche #histoire:checked ~ .interne .contenu.hist,
.fiche #ecran:checked ~ .interne .contenu.ecr {
opacity: 1;
visibility: visible;
transition: all ease 0.5s;
}
/* Fait apparaitre le contenu de l'onglet sélectionné */
.fiche #informations ~ .interne .contenu.infos,
.fiche #physique ~ .interne .contenu.phys,
.fiche #caractere ~ .interne .contenu.car,
.fiche #histoire ~ .interne .contenu.hist,
.fiche #ecran ~ .interne .contenu.ecr {
opacity: 0;
visibility: hidden;
transition: all ease 0.5s;
}
/*--------------------------------------------
CODES PERSO
--------------------------------------------*/
.titre0 {
background:#1ed8d7;
font-family: 'miniver';
font-size: 35px;
color:#fff;
text-align:center;
letter-spacing:1px;
padding-top:15px;
padding-bottom:20px;
text-shadow: 1px 1px #ff7c74;
}
.soustitre0 {
font-family: 'Playfair Display', serif;
font-size:10px;
text-transform:uppercase;
margin-top:-20px;
text-align:center;
letter-spacing:1px;
}
.titre1 {
font-family: 'miniver';
font-size: 25px;
color:#fe786d;
}
.titre2 {
font-family: 'Playfair Display', serif;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
color:#efca00;
margin-top:-5px;
}
.titre3 {
font-family: 'Playfair Display', serif;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:-10px;
border-bottom:1px solid #000;
}
.cadre {
background:#f9f3e2;
padding:10px;
padding-top:20px;
padding-bottom:20px;
border-top: 1px solid #fff;
}
.cadre2 {
background:#fdfbef;
margin-top:-20px;
padding:10px;
}
.cadre_important {
color:#fff;
padding:20px;
padding-left:80px;
background:url('http://icons.iconarchive.com/icons/graphicloads/100-flat/256/warning-icon.png') no-repeat #fe786d;
background-position:10px 20px;
background-size:60px;
text-align:justify;
}
.cadre_important a {
color:#efca00!important;
}
.petite_img {
width: 155px;
height: 105px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;
}
.petite_img2 {
width: 195px;
height: 105px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;
}
.image_circu {
width: 120px;
height: 120px;
border: 6px solid #fff;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;
float:left
}
J'espère que vous aurez une réponse ~
Merci d'avance
- le Jeu 1 Juin 2017 - 15:59
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Probleme avec le header de fond aléatoire
- Réponses: 4
- Vues: 6448