Vérifiez vos informations

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


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

La date/heure actuelle est Mar 13 Nov 2018 - 21:02

41 résultats trouvés pour 000

Modifier la couleur bleu des catégories rétractées en ModernBB

Bonjour Mat, vous pouvez ajouter ce code à votre CSS :

Code:
.forabg.hidden{background-color:#000;}


Vous remplacerez la couleur noire(#000) par celle que vous souhaitez. Wink

Bien à vous.
par ◦Jay◦
le Ven 6 Avr 2018 - 20:03
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modifier la couleur bleu des catégories rétractées en ModernBB
Réponses: 2
Vues: 291

problème couleur de fond et corps du forum.

Bonjour oberlyn, retirez votre image transparente(celle qui est à la place du logo) et mettez ce code CSS :

Code:
.bodylinewidth{background-color:#000;
margin-top:220px;}


J'ai mis le fond de couleur noir (#000) vous mettrez ce que vous souhaitez puis j'ai descendu le corps du forum avec un margin-top de 220px, vous pouvez changer la valeur par celle que vous souhaitez.

Bien à vous.
par ◦Jay◦
le Ven 16 Mar 2018 - 20:05
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: problème couleur de fond et corps du forum.
Réponses: 2
Vues: 232

Couleur editeur d’événement

Panneau d'administration  Affichage  Couleurs - Feuille de style CSS


Insérez ce code dans votre feuille de style personnalisé si vous voulez modifier la couleur de la police d'écriture :
Code:
#EV_Form #textarea_content textarea {
    color: #000;
}


Ou bien insérez ce code dans votre feuille de style personnalisé si vous voulez modifier la couleur de fond de la zone d'écriture :
Code:
#EV_Form #textarea_content textarea {
    background-color: #000;
}


Dans les deux cas, vous pouvez modifier #000 (couleur noire) par le code couleur de votre choix.

Cordialement,
Walt
par Walt
le Dim 28 Jan 2018 - 13:01
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur editeur d’événement
Réponses: 8
Vues: 261

Une image en trop

Bonjour,

Il y a quelques temps, comme je désirais mettre un carrousel de vidéos, j'ai mis le code

/** START YOUTUBE WIDGET **/



.ycp {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 1em;
color: #444;
background: #000;
display: block;
width: 100%;
height: 500px;
box-shadow: 0 4px 4px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.ycp,
.ycp .belah {
box-sizing: border-box;
padding: 0;
margin: 0;
}

.ycp .belah {
display: inline-block;
vertical-align: top;
height: 100%;
}

.ycp .belah:first-of-type {
width: 65%;
}

.ycp .belah:last-of-type {
width: 35%;
}

.ycp .belah .luhur {
color: #fff;
background: #222;
display: block;
width: 100%;
height: 70px;
box-sizing: border-box;
padding: 10px;
margin: 0;
}

.ycp .belah .handap {
color: #ddd;
background: #111;
height: calc(100% - 70px);
padding: 0;
overflow-y: auto;
-moz-box-shadow: inset 0 0 10px #000;
-webkit-box-shadow: inset 0 0 10px #000;
box-shadow: inset 0 0 10px #000;
}

.ycp .belah .handap,
.ycp .belah .bingkay {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0;
}

.ycp .belah .bingkay {
height: 100%;
border: 0;
}

.ycp .belah .luhur span.tombol {
margin-right: 20px;
color: silver;
}

.ycp .belah .luhur span.about {
float: right;
background: #111;
padding: 2px;
border-radius: 50%;
width: 20px;
height: 20px;
text-align: center;
}

.ycp a {
text-decoration: none;
outline: 0;
}

.ycp a img {
border: 0;
}

.ycp .belah.ycp_vid_play {
cursor: pointer;
}

.ycp .belah.ycp_vid_play a {
background: #e52d27;
width: 120px;
height: 75px;
display: block;
border-radius: 10%;
position: relative;
top: calc(50% - 35px);
left: calc(50% - 60px);
text-align: center;
}

.ycp .belah.ycp_vid_play a::before {
color: #fff;
content: "\25B6";
z-index: 100;
font-size: 50px;
}

.ycp .belah .thumb {
float: left;
margin-right: 10px;
position: relative;
height: 61px;
}

.ycp .belah .thumb span {
position: absolute;
right: 2px;
bottom: -2px;
padding: 2px;
background: #000;
color: silver;
font-size: .8em;
}

.ycp .belah .play {
margin: 0;
padding: 10px;
display: block;
overflow: hidden;
*overflow: visible;
}

.ycp .belah .luhur div.title {
color: #fff;
border-bottom: 1px solid #111;
padding-bottom: 5px;
margin-bottom: 5px;
}

.ycp .belah .handap div.title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.ycp .belah span.mute,
.ycp .belah span.about a {
color: #767676;
font-size: .8em;
}

.ycp .belah .thumb img {
width: 80px;
height: 100%;
border: 2px solid #000;
}

.ycp .belah .play:hover,
.ycp .belah .vid-active {
background: #000;
}

.ycp .belah .luhur .vid-prev,
.ycp .belah .luhur .vid-next,
.ycp .belah .play {
cursor: pointer;
}

@media screen and (max-width:767px) {
.ycp {
height: 1000px;
}

.ycp .belah,
.ycp .belah:first-of-type,
.ycp .belah:last-of-type {
width: 100%;
display: block;
}

.ycp .belah:first-of-type {
height: 40%;
}

.ycp .belah:last-of-type {
height: 60%;
};
}

/** END YOUTUBE WIDGET **/


Merci de votre aide
par Mili
le Lun 15 Jan 2018 - 15:51
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Une image en trop
Réponses: 6
Vues: 463

Problème pour modifier la couleur de l'arrière plan du profil.

Bonjour OVANOVIC, pour changer la couleur des intitulés, dans votre PA>Utilisateurs & Groupes>Utilisateurs>Profils>Champs du profil>Éditez chaque champ et réglez la couleur que vous souhaitez, cela modifiera aussi la couleur dans les profils de message. Pour modifier la couleur de police d'écriture de ce qui est écrit, il faudra ajouter un code CSS :

Code:
.inner,#cp-main h1,.inner label,.inner label a{color:#ff0000 ;}
J'ai mis rouge #ff0000, vous pouvez mettre ce que vous souhaitez.

Pour retirer les séparations, encore un code CSS :

Code:
.panel .separator{display:none;}


Pour l'intérieur du cadre que vous demandez, ce sera en plusieurs parties :

Code:
#profile-advanced-details,#cp-main .panel,#profile-advanced-right,#profile-advanced-right .module{background-color:#000;}

J'ai mis le fond noir #000, vous pouvez changer, la partie #profile-advanced-details,#cp-main .panel correspond à la partie à gauche et la partie #profile-advanced-right,#profile-advanced-right .module correspond à la parie droite ou il y a l'avatar.

Bien à vous.
par ◦Jay◦
le Mer 3 Jan 2018 - 8:49
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème pour modifier la couleur de l'arrière plan du profil.
Réponses: 6
Vues: 701

Mettre le titres des sujets sur toute la largeur du forum

Right Pour enlever la bordure noire du titre du sujet, et changer la couleur de fond :

Code:
.forumline .catHead {
    border: none; /* bordure de titre */
    background-image: none; /* image de fond */
    background-color: #000; /* couleur de fond */
}


Right pour enlever la bordure de "auteur" et "message"

Code:
.forumline th.thRight, .forumline th.thLeft {
    border: none; /* bordure */
}


Tout ceci est à mettre dans la feuille de style CSS :
panneau > affichage > couleur > feuille de style CSS

Si vous souhaitez changer la couleur de fond du titre par une autre couleur, il faut changer la valeur 000 par une autre : https://html-color-codes.info/Codes-couleur-HTML/
(là j'ai mis background-color: #000; pour mettre un fond noir)
par Lixyr
le Ven 3 Nov 2017 - 13:29
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Mettre le titres des sujets sur toute la largeur du forum
Réponses: 8
Vues: 476

[ModernBB] Déplacer la barre de navigation et la rendre figée en dessous du logo du forum

De rien, pour changer la couleur au survol de la souris :

Code:
.navbar a:hover {
    background-color: #FF0000;
    color: #000;
}


background-color: #FF0000; = couleur du fond
color: #000; = couleur de la police d'écriture

Bien à vous.
par ◦Jay◦
le Dim 15 Oct 2017 - 15:22
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: [ModernBB] Déplacer la barre de navigation et la rendre figée en dessous du logo du forum
Réponses: 6
Vues: 712

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://redcdn.net/hpimg4/pics/195713bann02.png');z-index:1000!important; }
.ban3 { background-image: url('https://redcdn.net/hpimg4/pics/848840bann03.png');z-index:1000!important; }

/* .ban1 { background-image: url('https://redcdn.net/hpimg4/pics/628786bann01.png'); background-position: top center;
background-repeat: no-repeat;}
.ban2 { background-image: url('https://redcdn.net/hpimg4/pics/195713bann02.png'); background-position: top center;
background-repeat: no-repeat;}
.ban3 { background-image: url('https://redcdn.net/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://redcdn.net/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://redcdn.net/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://redcdn.net/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://redcdn.net/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://redcdn.net/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
par 14v24
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: 1028

Modifier codage pour "CODE"

Bonjour Orwèn, vous souhaitez ajouter un fond de couleur ou une image ? Pour un fond de couleur, essayez comme ceci :

Code:
.code div.cont_code{background-color:#ff0000;
border:2px solid #000;
border-radius:10px;
padding:10px;}


J'ai mis un fond rouge(background-color:#ff0000) et une bordure de 2px noire(border:2px solid #000), mettez ce qui vous convient le mieux.

Bien à vous.
par ◦Jay◦
le Mer 3 Mai 2017 - 14:56
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modifier codage pour "CODE"
Réponses: 5
Vues: 353

Redimensionnement automatique des images (non-souhaité)

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
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 : hiver 2017
Lien du forum : http://entreelles.org

Description du problème

Bonjour,

je ne sais pas pourquoi ou ce que j'aurais pu changer, mais le forum redimensionne automatiquement les images à 800x256 pixels. J'ai besoin d'environ 1300x480 pour mon image de fond, alors c'est un problème.

Je n'avais pas ce problème avant, seulement depuis la dernière fois où j'ai changé l'image, il y a quelques semaines. Je viens de remarquer le problème hier car nous voulons changer l'image à nouveau.

Est-ce un problème dans mon CSS ? Comme je suis très novice, je n'arrive pas à décoder où serait le bobo. Quelqu'un peut m'aider ?

Je vous mets copie de mon CSS en entier :

Merci beaucoup ! Very Happy

***********************************************

/*REDIMENSIONNER LE LOGO À LA PAGE*/

/*TAILLE LOGO*/
#logo img {
max-width: 100%;
}

A:hover{text-transform:uppercase;}

/*BOUTON VOTER POUR CE MESSAGE (non-utilsé, va avec bouton j'aime (1)*/
div.vote .vote-no-bar, div.vote div.vote-bar + div.vote-button, div.vote div.vote-no-bar + div.vote-button { display: none; }
.vote-count {
background: url("https://i.servimg.com/u/f43/14/33/98/96/button10.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}

/*remplacement Chatbox par clavardage dans la boîte de clavardage */
.chatbox-title a {
font-size:0;
}
.chatbox-title a:after {
font-size:18px;
content:"CLAVARDAGE";
}
/*Message Chatbox sur même ligne que Avatar */

#chatbox .user-msg .user, #chatbox .user-msg .msg {
display: inline;
}

/*TEXTE POUR REMERCIER L'AUTEUR D'UN MESSAGE*/
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
color:#280;
font-size:16px;
font-weight:bold;
text-align:center;
background-color:#DFD;
border:1px solid #BDB;
border-radius:6px;
padding:6px;
margin:6px;
}
/*LIMITER LA TAILLE DES AVATARS DANS LA CHATBOX*/
#chatbox_members .cb-avatar > img {
height:30px;width:30px;
vertical-align: middle;
}

/*MESSAGE DE BIENVENUE DANS LA CHATBOX*/
#chatbox.recently-connected:after {
font-family: "trebuchet ms", serif;
font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #8BC34A;
box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
width:80%; margin:1.5% auto; padding:1%; white-space: pre;
content: "Bienvenue dans la zone de clavardage !";
}
/*COLORISER LES CELLULES SUR L'INDEX LORSQU'UN NOUVEAU MESSAGE EST POSTÉ*/
dl.newpost {
background-color:#A2BCAB!important;
}

/*REDIMENSIONNER LES SIGNATURES*/
.signature_div img{
max-width: 500px !important;
max-height: 200px !important;
}

/*CHANGER LA COULEUR DES NOUVEAUX MESSAGES (EN ROUGE)*/
.new-message{
color: #E3170D;
}

/*CHANGER LA COULEUR AU SURVOL DES NOUVEAUX MESSAGES (EN BLEU)*/
.new-message:hover{
color: #1C86EE;
}

/*RACCOURCISSEMENT DES LIENS INTERNET DANS LES MESSAGES*/
.postbody a {
display: inline-block;
max-width: 400px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: bottom;
}

/*couleur des liens dans les messages*/
.postbody a{
color: blue;
font-weight: bold;}

/*couleur des titres des messages*/
.topic-title a{color: black;}

/*couleur du nom de l'auteur*/
.author a{
color: black;
font-weight: lighter;}

/*REDIMENSIONNER LES IMAGES À 90%*/
div.postbody img {
max-width: 100%;}

/*Bouton J'aime (0)*/
#rep_post .reput_vote {
-khtml-user-select: none;
-moz-transition: all,1s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,1s;
-webkit-touch-callout: none;
-webkit-transition: all,1s;
-webkit-user-select: none;
background: #667882 url(https://i.servimg.com/u/f68/16/87/83/03/u0as10.png) no-repeat 3px center;
background-size: 22px;
border-radius: 4px;
border-top: 1px solid #999;border-bottom:2px solid #999;
text-shadow: 1px 1px 1px #ccc, 0px 3px 3px #000;
box-shadow: -0 2px 4px #000;
clear: both;
color: #fff;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 700;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 30px;
transition: all,1s;
user-select: none;
}
.reput_vote.zero {
background-color: #6a6a6a;
}

.BS_like {font-family:'arial';
-khtml-user-select: none;
-moz-transition: all,1s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,1s;
-webkit-touch-callout: none;
-webkit-transition: all,1s;
-webkit-user-select: none;
background: #667882 url(https://i.servimg.com/u/f68/16/87/83/03/u0as10.png) no-repeat 3px center;
background-size: 22px;
border-radius: 4px;
border-top: 1px solid #999;border-bottom:2px solid #999;
text-shadow: 1px 1px 1px #ccc, 0px 3px 3px #000;
box-shadow: -0 2px 4px #000;
clear: both;
color: #fff;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 700;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 30px;
transition: all,1s;
user-select: none;
}
.BS_like:before {
content: "Si tu aimes ce message clique ici !";
}

#rep_post .bs_inline {
list-style: none;
}

#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
#rep_post .reput_vote:before {
content: " ";
}


/*Gras rouge pour " vous devez vous présenter avant d'écrire dans ce forum*/
.grasRouge {
font-weight: bold;
color: #FF0000;
}

par Chedis
le Lun 1 Mai 2017 - 17:58
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Redimensionnement automatique des images (non-souhaité)
Réponses: 7
Vues: 457

Code avatar + template topics_list_box

Hi "illy"

Dans ton CSS change cette partie:
Code:
.profil_mess
{
position: absolute;
display: block;
/* font-family: indie flower;    Ligne supprimée */
width: 190px;
height: 310px;
margin: auto;
padding: 5px;
overflow: auto;
background: #ffffff;
color:#000;  /*    anciennement  #c5bea0;*/
font-size: 11px;
opacity:0;
-moz-transition: opacity 0.8s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out;
-o-transition: opacity 0.8s ease-in-out;
transition: opacity 0.8s ease-in-out;
}


Color (du texte) passe de -> #c5bea0 à -> #000
font supprimée -> font-family: indie flower;
par lmc38510
le Mar 25 Avr 2017 - 13:10
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Code avatar + template topics_list_box
Réponses: 11
Vues: 600

Problème d'affichage slider Mozilla/chrome

Ok ça vient bien des JS.

Insère les deux Javascript suivants dans une nouvelle page Javascript.
1ier JS:
Code:
/***********************************************************************
*
*  Coda Slider 3
*  Kevin Batdorf
*
*  http://kevinbatdorf.github.com/codaslider
*
*  GPL license & MIT license
*
************************************************************************/

// Utility for creating objects in older browsers
if ( typeof Object.create !== 'function' ) {
   Object.create = function( obj ) {
      function F() {}
      F.prototype = obj;
      return new F();
   };
}

(function( $, window, document, undefined ) {
   var Slider = {
      //initialize
      init: function( options, elem ) {
         var self = this;

         //remove no JavaScript warning
         $("body").removeClass("coda-slider-no-js");

         //add preloader class (backwards compatible)
         $('.coda-slider').prepend('<p class="loading">Loading...<br /><img src="./img/ajax-loader.gif" width="220" height="19" alt="loading..." /></p>');

         // Cache the element
         self.elem = elem;
         self.$elem = $( elem );

         // Cache the ID and class. This allows for multiple instances with any ID name supplied
         self.sliderId = '#' + ( self.$elem ).attr('id');
         
         // Set the options
         self.options = $.extend( {}, $.fn.codaSlider.options, options );
         
         // Cache the ID and class. This allows for multiple instances with any ID name supplied
         self.sliderId = '#' + ( self.$elem ).attr('id');
         
         // Build the tabs and navigation
         self.build();

         // Start auto slider
         if (self.options.autoSlide) {self.autoSlide();}

         self.events();

         // Test the preloader (image doesn't load)
         //alert("Testing preloader");

         // Kill the preloader
         $("p.loading").remove();

      },
      build: function() {
         var self = this;

         // Wrap the entire slider (backwards compatible)
         if ( $(self.sliderId).parent().attr('class') != 'coda-slider-wrapper' ) {$(self.sliderId).wrap('<div id="' + ( self.$elem ).attr('id') + '-wrapper" class="coda-slider-wrapper"></div>'); }
         
         // Add the .panel class to the individual panels (backwards compatable)
         $(self.sliderId + " > div").addClass('panel');
         self.panelClass = self.sliderId + ' .panel';
         // Wrap all panels in a div, and wrap inner content in a div (backwards compatible)
         $(self.panelClass).wrapAll('<div class="panel-container"></div>');
         if ( $(self.panelClass).children().attr('class') != 'panel-wrapper' ) { $(self.panelClass).wrapInner('<div class="panel-wrapper"></div>'); }
         self.panelContainer = ($(self.panelClass).parent());

         // Store hash Links
         if (self.options.hashLinking) {
            self.hash = (window.location.hash);
            self.hashPanel = (self.hash).replace('#', '');
         }

         // Store current tab
         self.currentTab = (self.options.hashLinking && self.hash) ? self.hashPanel - 1 : self.options.firstPanelToLoad - 1;

         // Apply starting height to the container
         if (self.options.autoHeight) { $(self.sliderId).css('height', $($(self.panelContainer).children()[self.currentTab]).height() + $(self.sliderId + '-wrapper .coda-nav-right').height());   }

         // Build navigation tabs
         if (self.options.dynamicTabs) { self.addNavigation(); }

         // Build navigation arrows
         if (self.options.dynamicArrows) { self.addArrows(); }

         // Create a container width to allow for a smooth float right.
         self.totalSliderWidth = $(self.sliderId).outerWidth(true) + $($(self.sliderId).parent()).children('[class^=coda-nav-left]').outerWidth(true) + $($(self.sliderId).parent()).children('[class^=coda-nav-right]').outerWidth(true);
         $($(self.sliderId).parent()).css('width', self.totalSliderWidth);

         // Align navigation tabs
         if (self.options.dynamicTabs) { self.alignNavigation(); }

         // Clone panels if continuous is enabled
         if (self.options.continuous) {
            $(self.panelContainer).prepend($(self.panelContainer).children().last().clone());
            $(self.panelContainer).append($(self.panelContainer).children().eq(1).clone());
         }

         // Allow the slider to be clicked
         self.clickable = true;

         // Count the number of panels and get the combined width
         self.panelCount = $(self.panelClass).length;
         self.panelWidth = $(self.panelClass).outerWidth();
         self.totalWidth = self.panelCount * self.panelWidth;
         
         // Variable for the % sign if needed (responsive), otherwise px
         self.pSign = 'px';

         self.slideWidth = $(self.sliderId).width();

         // Puts the margin at the starting point with no animation. Made for both continuous and firstPanelToLoad features.
         // ~~(self.options.continuous) will equal 1 if true, otherwise 0
         $(self.panelContainer).css('margin-left', ( -self.slideWidth * ~~(self.options.continuous)) + (-self.slideWidth * self.currentTab) );

         // Configure the current tab
         self.setCurrent(self.currentTab);

         // Apply the width to the panel container
         $(self.sliderId + ' .panel-container').css('width', self.totalWidth);

      },

      addNavigation: function(){
         var self = this;
         // The id is assigned here to allow for the responsive setting
         var dynamicTabs = '<div class="coda-nav"><ul></ul></div>';

         // Add basic frame
         if (self.options.dynamicTabsPosition === 'bottom') { $(self.sliderId).after(dynamicTabs); }
         else{ $(self.sliderId).before(dynamicTabs); }

         // Add labels
         $.each(
            (self.$elem).find(self.options.panelTitleSelector), function(n) {
               $($(self.sliderId).parent()).find('.coda-nav ul').append('<li class="tab' + (n+1) + '"><a href="#' + (n+1) + '" title="' + $(this).text() + '">' + $(this).text() + '</a></li>');
            }
         );
      },

      alignNavigation: function() {
         var self = this;
         self.totalNavWidth = 0;
         var arrow = '';

         if (self.options.dynamicArrowsGraphical) {arrow = '-arrow';}

         // Set the alignment
         if (self.options.dynamicTabsAlign != 'center') {
            $($(self.sliderId).parent()).find('.coda-nav ul').css(
               'margin-' + self.options.dynamicTabsAlign,
               // Finds the width of the arrows and the margin
                  $($(self.sliderId).parent()).find(
                     '.coda-nav-' +
                     self.options.dynamicTabsAlign +
                     arrow
                  ).outerWidth(true) + parseInt($(self.sliderId).css('margin-'+ self.options.dynamicTabsAlign), 10)
            );
            $($(self.sliderId).parent()).find('.coda-nav ul').css('float', self.options.dynamicTabsAlign); // couldn't combine this .css() with the previous??
         }
         else {
            // Get total width of the navigation tabs and center it
            $($(self.sliderId).parent()).find('.coda-nav li a').each(function(){self.totalNavWidth += $(this).outerWidth(true); });
            $($(self.sliderId).parent()).find('.coda-nav ul').css('width', self.totalNavWidth + 1);
         }
      },

      addArrows: function(){
         var self = this;
         $(self.sliderId).parent().addClass("arrows");
         if(self.options.dynamicArrowsGraphical){
            $(self.sliderId).before('<div class="coda-nav-left-arrow" data-dir="prev" title="Slide left"><a href="#"></a></div>');
            $(self.sliderId).after('<div class="coda-nav-right-arrow" data-dir="next" title="Slide right"><a href="#"></a></div>');
         }
         else{
            $(self.sliderId).before('<div class="coda-nav-left" data-dir="prev" title="Slide left"><a href="#">' + self.options.dynamicArrowLeftText + '</a></div>');
            $(self.sliderId).after('<div class="coda-nav-right" data-dir="next" title="Slide right"><a href="#">' + self.options.dynamicArrowRightText + '</a></div>');
         }
      },

      events: function(){
         var self = this;
         // CLick arrows
         $($(self.sliderId).parent()).find('[class^=coda-nav-]').on('click', function(e){
            // These prevent clicking when in continuous mode, which would break it otherwise.
            if (!self.clickable && self.options.continuous) {return false;}
            self.setCurrent($(this).attr('class').split('-')[2]);
            if (self.options.continuous) {self.clickable = false;}
            return false;
         });
         // Click tabs
         $($(self.sliderId).parent()).find('[class^=coda-nav] li').on('click', function(e){
            if (!self.clickable && self.options.continuous) {return false;}
            self.setCurrent(parseInt( $(this).attr('class').split('tab')[1], 10) - 1 );
            if (self.options.continuous) {self.clickable = false;}
            return false;
         });
         // Click cross links
         $('[data-ref*=' + (self.sliderId).split('#')[1] + ']').on('click', function(e){
            if (!self.clickable && self.options.continuous) {return false;}
            // Stop and Play controls
            if (self.options.autoSlideControls) {
               if ($(this).attr('name') === 'stop') {
                  $(this).html(self.options.autoSlideStartText).attr('name', 'start');
                  clearTimeout(self.autoslideTimeout);
                  return false;
               }
               if ($(this).attr('name') === 'start') {
                  $(this).html(self.options.autoSlideStopText).attr('name', 'stop');
                  self.setCurrent(self.currentTab + 1);
                  self.autoSlide();
                  return false;
               }
            }
            self.setCurrent( parseInt( $(this).attr('href').split('#')[1] -1, 10 ) );
            if (self.options.continuous) {self.clickable = false;}
            if (self.options.autoSlideStopWhenClicked) { clearTimeout(self.autoslideTimeout); }
            return false;
         });
         // Click to stop autoslider
         $($(self.sliderId).parent()).find('*').on('click', function(e){
            // AutoSlide controls.
            if (self.options.autoSlideControls && autoSlideStopWhenClicked) {
               $('body').find('[data-ref*=' + (self.sliderId).split('#')[1] + '][name=stop]').html(self.options.autoSlideStartText);
               clearTimeout(self.autoslideTimeout);
            }
            if (!self.clickable && self.options.continuous) {
               if (self.options.autoSlideStopWhenClicked) { clearTimeout(self.autoslideTimeout); }
               return false;
            }
            if (self.options.autoSlide) {
               // Clear the timeout
               if (self.options.autoSlideStopWhenClicked) { clearTimeout(self.autoslideTimeout); }
               else {
                  self.autoSlide(clearTimeout(self.autoslideTimeout));
                  self.clickable = true;
               }
            }
            // Stops from speedy clicking for continuous sliding.
            if (self.options.continuous) {clearTimeout(self.continuousTimeout);}
         });
      },

      setCurrent: function( direction ){
         var self = this;
         if (self.clickable) {
         
            if (typeof direction == 'number') {   self.currentTab = direction;   }
            else {
               // "left" = -1; "right" = 1;
               self.currentTab += ( ~~( direction === 'right' ) || -1 );
               // If not continuous, slide back at the last or first panel
               if (!self.options.continuous){
                  self.currentTab = (self.currentTab < 0) ? this.panelCount - 1 : (self.currentTab % this.panelCount);
               }
            }
            // This is so the height will match the current panel, ignoring the clones.
            // It also adjusts the count for the "currrent" class that's applied
            if (self.options.continuous) {
               self.panelHeightCount = self.currentTab + 1;
               if (self.currentTab === self.panelCount - 2){self.setTab = 0;}
               else if (self.currentTab === -1) {self.setTab = self.panelCount - 3;}
               else {self.setTab = self.currentTab;}
            }
            else{
               self.panelHeightCount = self.currentTab;
               self.setTab = self.currentTab;
            }
            // Add and remove current class.
            $($(self.sliderId).parent()).find('.tab' + (self.setTab + 1) + ' a:first')
               .addClass('current')
               .parent().siblings().children().removeClass('current');

            // Update Hash Tags
            if (self.options.hashLinking) {
               //console.log( ((self.$elem).find(self.options.hashTitleSelector)[self.currentTab] ));
            if (self.options.continuous) {
               if (self.currentTab === self.panelCount - 2) {
                  window.location.hash = 1;
               } else if (self.currentTab === -1) {
                  window.location.hash = self.panelCount - 2;
               } else {
                  window.location.hash = self.currentTab + 1;
               }
            } else { window.location.hash = self.currentTab + 1; }
         }
            
            this.transition();
         }
      },
      
      transition: function(){
         var self = this;
         // Adjust the height
         if (self.options.autoHeight) {
            $(self.panelContainer).parent().animate({
               'height': $($(self.panelContainer).children()[self.panelHeightCount]).height()
            }, {
               easing: self.options.autoHeightEaseFunction,
               duration: self.options.autoHeightEaseDuration,
               queue: false
               });
         }
         
         // Adjust the margin for continuous sliding
         if (self.options.continuous) {self.marginLeft = -(self.currentTab * self.slideWidth ) - self.slideWidth;}
         // Otherwise adjust as normal
         else {self.marginLeft = -(self.currentTab * self.slideWidth ); }
         // Animate the slider
         (self.panelContainer).animate({
            'margin-left': self.marginLeft + self.pSign
         }, {
            easing: self.options.slideEaseFunction,
            duration: self.options.slideEaseDuration,
            queue: false,
            complete: self.continuousSlide(self.options.slideEaseDuration + 50)
         });
      },

      autoSlide: function(){
         var self = this;
         // Can't set the autoslide slower than the easing ;-)
         if (self.options.autoSlideInterval < self.options.slideEaseDuration) {
            self.options.autoSlideInterval = (self.options.slideEaseDuration > self.options.autoHeightEaseDuration) ? self.options.slideEaseDuration : self.options.autoHeightEaseDuration;
         }
         if (self.options.continuous) {self.clickable = false;}
         self.autoslideTimeout = setTimeout(function() {
            // Slide left or right
            self.setCurrent( self.options.autoSliderDirection );
            self.autoSlide();

         }, self.options.autoSlideInterval);
      },

      continuousSlide: function (delay){
         var self = this;

         if (self.options.continuous) {
            self.continuousTimeout = setTimeout(function() {

               // If on the last panel (the clone of panel 1), set the margin to the original.
               if (self.currentTab === self.panelCount - 2){
                  $(self.panelContainer).css('margin-left', -self.slideWidth + self.pSign);
                  self.currentTab = 0;
               }
               // If on the first panel the clone of the last panel), set the margin to the original.
               else if (self.currentTab === -1){
                  $(self.panelContainer).css('margin-left', -( ((self.slideWidth * self.panelCount) - (self.slideWidth * 2))) + self.pSign );
                  self.currentTab = (self.panelCount - 3);
               }
               self.clickable = true;
            }, delay);
         }
         else{self.clickable = true;}
      }
   };
   
   $.fn.codaSlider = function( options ) {
      return this.each(function() {
         
         var slider = Object.create( Slider );
         slider.init( options, this );

      });
   };
   
   $.fn.codaSlider.options = {
      autoHeight: true,
      autoHeightEaseDuration: 1500,
      autoHeightEaseFunction: "easeInOutExpo",
      autoSlide: false,
      autoSliderDirection: 'right',
      autoSlideInterval: 7000,
      autoSlideControls: false,
      autoSlideStartText: 'Start',
      autoSlideStopText: 'Stop',
      autoSlideStopWhenClicked: true,
      continuous: true,
      crossLinking: true, // No longer used
      dynamicArrows: true,
      dynamicArrowsGraphical: false,
      dynamicArrowLeftText: "« left",
      dynamicArrowRightText: "right »",
      dynamicTabs: true,
      dynamicTabsAlign: "center",
      dynamicTabsPosition: "top",
      externalTriggerSelector: "a.xtrig", //shouldnt need any more
      firstPanelToLoad: 1,
      hashLinking: false,
      panelTitleSelector: "h2.title",
      slideEaseDuration: 1500,
      slideEaseFunction: "easeInOutExpo"
   };

})( jQuery, window, document );

2ième JS:
Code:
$(function(){
      /* Here is the slider using default settings */
      $('#slider-id').codaSlider();
      /* If you want to adjust the settings, you set an option
        as follows:
          $('#slider-id').codaSlider({
            autoSlide:true,
            autoHeight:false
          });
      */
    });

Colle les adresses des pages des deux JS du dessus et colles les dans les scripts suivants et places ces deux script dans la page html en haut a la suite des autres scripts déjà présent.
Code:
<script src="adresse ici"></script>
<script src="adresse ici"></script>



La page html:

Normalement ça devrait fonctionner.
par tupac
le Mar 21 Mar 2017 - 14:34
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Problème d'affichage slider Mozilla/chrome
Réponses: 7
Vues: 532

Refaire une mise en page de la PA et du QEEL

@Dragon594 a écrit:Maintenant il reste encore une chose que tu n'as pas encore comprise à propos du premier bloc

Si j'ai très bien compris et je vous l'ai expmliqué dans mon dernier post, toutes les variables ne peuvent être appliquées en page d'accueil, d'ailleur je vous laisse un lien avec la liste des variables que vous pouvez utiliser sur le forum mais celles que vous voulez appliquer ni figure pas sauf une ou deux.

1ère étape:
Supprimer le javascript pour le pseudo que vous avez placé dans la gestion des codes javascript, a la place le petit script suivant devra être placé en début de page d'accueil.
Code:
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

Grace au script ci-dessus vous allez pouvoir utiler les variables qui se trouvent dans le lien que je vous ai donné.

Les variables devront être utilisées de la manière suivante:

Pseudo du membre connecté.
Code:
<span class="USERNAME"></span>

Date de naissance du membre connecté.
Code:
<span class="USERBIRTHDAY"></span>

Faite de même pour les variables qui vous intérresse dans la liste du lien.
Vous pouvez jeter un oeil ici pour plus de précision.

@Dragon594 a écrit:Ensuite est ce que l'on pourrait n'avoir qu'un seul et unique code Javaspring pour les derniers codes Javaspring que tu m'as donné de mettre pour ce qui est de l'onglet, l'avatar et le pseudo ????
Cela afin de me faire économiser des codes Javasprings qui sont limité à 50 au max.

Bon déjà celui pour le pseudo a été supprimé, reste celui des onglets et celui pour l'avatar ce qui vous fait encore 48 places disponible, vous pensez vraiment les utiliser un jour ?
J'utilise les forums ForumActif depuis déjà pas mal d'années et je n'ai jamais vu ou entendu quelqu'un dire qu'il les avait toutes utilisées.

@Dragon594 a écrit:Vient ensuite le problème pour les images du staff, pourrais-tu me dire la marche à suivre en détail afin que je puisse le faire par la suite en cas de changement dans mon équipe.

C'est très simple, dans le code je vous ai indiqué l'emplacement de chaque onglet avec les images de la manière suivante.
Code:
<!--Image 1-->
<span class="onglet_0 onglet" id="onglet_profile1" onclick="javascript:change_onglet('profile1');" style="">
<img src="https://i58.servimg.com/u/f58/15/55/14/56/popo10.png" alt="" /></span>

<!--Image 2-->
<span class="onglet_0 onglet" id="onglet_profile2" onclick="javascript:change_onglet('profile2');" style="">
<img src="https://i58.servimg.com/u/f58/15/55/14/56/popo10.png" alt="" /></span>

etc...


Scroll du contenu 6:
Remplacer le contenu 6 du code par celui la.
Contenu 6:


Remplacer votre css au complet par celui la.
css:
[hide]/******* retire le soulignement des liens *******/
a { text-decoration:none; }
a:hover { text-decoration: none!important; }

/******** avatar membre connecté ********/
.useravatar{
margin-left: 5px;
margin-right: 5px;
margin-top: -10px;
width: 35px;
height: 90px;
float:left;
}

/******** Les onglets des profils ********/
.contenu_onglet {
display:none;
background-color:#cccccc;
color:#000;
width:100px;
height:82px;
padding:5px;
font-size:10px !important;
text-align:center;
}
/* lien profil */
.contenu_onglet a { color:#435466; font-size:10px !important;}

/* petites images des profils */
.onglet {
margin: auto;;
padding: 0px;
display:inline-block;
cursor: pointer;
}
/******* Fin onglets profils ********/

/******** début page d'accueil ********/

/* titre de chaque contenu */
.titre_du_haut{
background-color: #cccccc;
width: auto;
color:#435466;
padding: 3px 0px 3px 0px;
font-size: 10px !important;
}

/* Titre du bas de chaque contenu */
.titre_du_bas{
background-color: #cccccc;
border-bottom-left-radius: 15px; /* arrondi dordure bas gauche */
border-bottom-right-radius: 15px; /* arrondi dordure bas droit */
width: auto; /* largeur auto du titre */
color:#435466;
padding: 2px;
position: absolute; bottom: 0; right: 0; left: 0; /* position du titre en bas de chaque contenu */
font-size: 10px !important;
text-decoration: none !important;
}
/* couleur lien titre du bas */
.titre_du_bas a{
color:#000000;
font-size: 10px !important;
}

/* couleur de fond et bordure des contenus */
#contenu_1, #contenu_2, #contenu_3, #contenu_4, #contenu_5, #contenu_6, #contenu_7, #contenu_8{
border:3px solid #505050;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color: #F3F3F3;
font-size: 10px !important;
font: 1em sans-serif, Helvetica, sans-serif !important;
}

/* Contenu au centre de chaque contenu */
#contenu_1 p, #contenu_2 p, #contenu_3 p, #contenu_4 p, #contenu_5 p, #contenu_6 p, #contenu_7 p, #contenu_8 p{
font-size: 10px !important;
}

/* taille et positionnement de chaque contenu */
#contenu_1 {
height: 150px; width: 400px;
float:left;
position: relative;
}

#contenu_2 {
height: 150px; width: 215px;
float:left; /* le contenu 2 se place a droite du 1 */
margin-left: 15px; /* marge gauche */
position: relative;
}

#contenu_3{
height: 150px; width: 215px;
float:left; /* le contenu 3 se place a droite du 2 */
margin-left: 15px;
position: relative;
}

#contenu_4{
height: 150px; width: 400px;
float:left;
margin-top: 10px;
position: relative;
}
/* Contenu avec scroll bar */
#contenu_4 p{
height: 120px; width: 385px;
margin-top: 0px;
overflow: hidden;
padding: 5px;
display:block;
font-size:10px !important;
}
/* Contenu scroll au survol */
#contenu_4 p:hover{
height: 100px; width: 380px;
padding: 5px;
overflow-x:hidden;
overflow-y:scroll;
}

#contenu_5 {
height: 150px; width: 450px;
float:left;
margin-left: 15px;
margin-top: 10px;
position: relative;
}

#contenu_6{
height: 150px; width: 400px;
float:left;
margin-top: 10px;
position: relative;
}
/* Contenu avec scroll bar */
#contenu_6 p{
height: 110px; width: 385px;
margin-top: 0px;
overflow: hidden;
padding: 5px;
display:block;
font-size:10px !important;
}
/* Contenu scroll au survol */
#contenu_6 p:hover{
height: 100px; width: 380px;
padding: 5px;
overflow-x:hidden;
overflow-y:scroll;
}

#contenu_7 {
height: 150px; width: 215px;
float:left;
margin-left: 15px;
margin-top: 15px;
position: relative;
}

#contenu_8{
height: 150px; width: 215px;
float:left;
margin-left: 15px;
margin-top: 15px;
position: relative;
}[/hgide]
par tupac
le Sam 25 Fév 2017 - 4:14
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 1176

Refaire une mise en page de la PA et du QEEL

@Dragon594 a écrit:Le 1 l'image que je parle est l'avatar du membre qui doit être connecter sur le forum et j'ai trouvé des variables ci cela s'appelle ainsi pour t'y aider , je te mets le tout ce que j'ai l'ami.

En ce qui concerne l'avatar du membre connecté a gauche du texte il existe une solution mais elle ne fonctionne pas a l'intérieur d'une iframe j'ai fais le test, peut être existe t-il une autre soulution mais je ne la connais pas, maintenant que vous ne voulez plus d'iframe nous allons placer votre code dans la page d'accueil nous allons donc pouvoir placer l'avatar du membre connecté.
Pour les variables que vous m'avez montrées je les connais toutes mais elles sont fonctionnelles qu'a l'intérieur d'un template.

@Dragon594 a écrit:mais tu n'as pas répondu à toutes les demandes l'ami et tu en as fait de nouvelles que je t'expliquerai par la suite.

Heu... quelles demandes Shocked

@Dragon594 a écrit:Comme tu peux t'en rendre compte cela ne fonctionne pas. Et je te rappelle qu'ici je n'utilise pas avec l'Iframe mais la " Prévisualisation ".

J'ai du mal a comprendre tes propos, lorsque je fais une modification dans la gestion des pages html je me sers aussi de la prévisualisation et seulement lorsque tout est ok je la place dans l'iframe.

@Dragon594 a écrit:Mais le soucis d'après ce que je comprends le code que tu as donné je n'ai que le margin left et margin top pour le contenu des blocs. ( voir code )

Dans chaque lien il y a un margin left il suffisait tout simplement de les régler pour régler les liens.

@Dragon594 a écrit:Pour celui-ci et qui d'ailleurs doit être le plus important car rien ne marche est cette Iframe

Ce n'est pas que rien ne marche, dans un tel code des réglages sont a faire ça ne peut pas fonctionné du premier coup et j'ai pourtant précisé que nous ferions ça en plusieurs étapes et en ce qui concerne l'iframe c'est vous qui me l'avez proposé (voir votre 6ème poste) nous allons donc alors placer votre code dans la page d'accueil je crois que se sera plus simple pour tous le monde.

Affichage / Page d'accueil / Généralités / Contenu du message / placer le code html, pour le css placez le dans votre feuille de style css.

J'y ai apporté quelques modifications, remplacer mes images par les votres.
html.:

Le css modifié.
css.:

Le javascript pour vos onglets profile, a placer dans une nouvelle page javascript je vous ai expliqué comment l'installer dans un précédent post un peu plus haut.
Javascript onglets.:
Code:
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->


Javascript pour afficher l'avatar.
Javascript avatar.:
Code:
$(function() {
  $.get("/u" + +(my_getcookie("fa_" + location.host.replace(/\./g, "_") + "_data") || "").replace(/^.*"userid";(s:[1-9][0-9]*:"([1-9][0-9]*)"|i:([1-9][0-9]*));.*$/, "$2$3"), function(a) {
    $(".useravatar").attr("src", $("#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img", a).first().attr("src") || "http://i48.servimg.com/u/f48/16/78/05/90/myster10.png")
  })
});

Et pour finir le javascript pour afficher le pseudo du membre connecté.
Ici:
Code:
$(function() {
  if (_userdata["user_id"] == -1) {
    var pseudo = "Bonjour cher invité";
  } else {
    pseudo = _userdata["username"];
  }
  $('.pseudo').text(pseudo);
});


En ce qui concerne votre dernière proposition je crains que cela ne soit pas faisable.
par tupac
le Ven 24 Fév 2017 - 2:08
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 1176

Refaire une mise en page de la PA et du QEEL

Bonjour,

Dans mon précédent post j'ai expliqué la procédure, une fois la page html crée il suffi de prendre l'adresse de la page html nouvellement crée puis de la coller dans l'iframe et pour finir placer l'iframe dans la page d'accueil.
Ok je ré-explique la procédure.

Panneau d'administration / Module / Gestion des pages html / Clic sur Création en mode avancé / Mettre un titre de ton choix / Coche non et non / Place le code au complet qui se trouve ci-dessous et valide, après avoir validé clic un peu plus haut sur Cliquez ici pour revenir à l'Administration des pages HTML / a l'endroit ou est indiqué URL DU LIEN copie l'adresse de ta page puis colle la dans l'iframe (iframe ci-dessous)

Le code au complet.:

L'iframe dans laquelle tu colles le lien de la page html.
Code:
<iframe src="colle ton lien ici" scrolling="no" style="height: 530px;width: 890px;" frameborder="0"></iframe>

Tu me demandais ou tu devais placer l'iframe et bien ton code correspond bien a une page d'accueil donc l'iframe doit être placé dans: Affichage / Généralités / Message sur la page d'accueil / Contenu du message / place l'iframe et valide.

par tupac
le Mer 22 Fév 2017 - 12:28
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 1176

Refaire une mise en page de la PA et du QEEL

Bonjou,

Personnellement pour mes pages html je coche Non et Non.

Place le contenu (page html) ci-dessous dans une page html en mode avancé, valide puis copie l'adresse de cette page et colle la dans l'iframe (ci-dessous)

Page html au complet.:


Code:
<iframe frameborder="0" style="height: 530px;width: 890px;" scrolling="no" src="adresse page html ici"></iframe>

Normalement la hauteur et largeur de l'iframe sont correcte mais tu peux toujours les ajuster.
par tupac
le Mar 21 Fév 2017 - 17:49
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 1176

Refaire une mise en page de la PA et du QEEL

Votre code avec les modifications éffectués.

Html:


Le css.:


Vous devez placer ce petit script (ci-dessous) dans une nouvelle page javascript pour le fonctionnement des onglets MP, profil etc...

Procéder ainsi:
Panneau d'administration / Modules / Gestion des codes javascript / Créer un nouveau javascript / Mettre un titre de votre choix / Cocher sur l'index / Placer le code puis valider.
Code:
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->

S'il y a le moindre souci n'hésiter pas a poster.
par tupac
le Lun 20 Fév 2017 - 22:30
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 1176

Problème défilement texte page d'accueil

Bonjour Neffa,

On va laisser tomber la création de page html et faire plus simple c'est a dire laisser tomber le javascript pour le défilement et prendre une balise marquee.

Code html.:

Votre css.:

Ca devrait fonctionner maintenant.
par tupac
le Lun 20 Fév 2017 - 18:50
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Problème défilement texte page d'accueil
Réponses: 12
Vues: 767

La couleur de fond ne change pas

Détails techniques


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

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 3 décembre 2016
Lien du forum : http://enkidievchronicles.forumactif.fr

Description du problème

Bonsoir tout le monde!

voilà, j'ai un petit soucis au niveau de mon forum. J'aimerai faire des bannière défilantes et pour se faire, je dois harmoniser le bas des bannières avec la couleur de fond. Malheureusement, malgré mes tentatives, la couleur de fond ne change pas.

voici l'image du volet couleur dans la PA:
https://i.servimg.com/u/f37/11/84/42/42/image_12.jpg

Et même si c'est marqué ffffff voici ce que à quoi elle ressemble:
https://i.servimg.com/u/f37/11/84/42/42/image_11.jpg

J'ai essayé de voir dans le CSS et dans les templates mais je ne trouve pas Grrr Je voudrais juste qu'elle puisse être modifiée sans toucher au reste de mes couleurs si c'est possible!

Voici mon CSS:
Spoiler:
#chatbox .cb-avatar {
height: 40px!important;
width: 20px!important;
overflow: hidden!important;
}

#chatbox .cb-avatar > img {
height: 40px!important;
width: 20px!important;
}

.newpost, .descriptions {
font-family: 'Lato', sans-serif;
}

.newpost .gensmall, .descriptions .gensmall {
font-size: 10px !important;
}

.forumlink {
font-family: 'Great Vibes', cursive;
font-size: 30px;
font-weight: 500 !important;
}

.forumlink a {
width: 100%;
border-bottom: 1px solid #ffffff;
padding: 0 50px 6px 0;
}

.newpost, .descriptions, .sousforums_container {
background-color: #EFEEEE;
display: inline-block;
}

.newpost {
width: 250px;
}

.descriptions {
width: 366px;
margin: 0 8px;
height: 140px;
overflow: hidden;
}

.description {
height: 100px;
margin-top: 10px;
padding: 0 10px 0 0;
text-align: justify;
overflow: auto;
}

.infopost {
float: left;
}

.lastpost-avatar-container {
height: 140px;
width: 70px;
}

.lastpost-avatar img {
height: 140px;
width: 90px;
border-radius: 0;
}

.clickinfopost {
margin-top: 5px;
}

.clickinfopost .gensmall {
letter-spacing: -.5px;
font-size: 11px !important;
}

.infonewpost {
width: 150px;
height: 140px;
margin: 2px 5px 0 0;

background-color: #EFEEEE;
}

.infonewpost a, .forumlink .gensmall, .sousforums_details a {
text-transform: uppercase;
font-family: Georgia;
}

.infonewpost a {
font-size: 11px;
}

.forumlink .gensmall {
margin-top: -4px;
display: block;
font-size: 9px !important;
}

.sousforums_container {
width: 100px;
height: 140px;
overflow: auto;
}

.sousforums_details a {
display: block;
margin: 2px;
padding: 2px;
background-color: #EFEEEE;
font-size: 9px !important;
}

.secondarytitle, .secondarytitle h2 {
color: #363A3D;
margin: 30px 0 0 0;
padding: 10px;
background-color: #EFEEEE;
font-family: 'Great Vibes', cursive;
font-size: 45px;
font-weight: 400!important;
}

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/* QEEL */

.trans .row1 {
background-color: #CDCCC8;
}

.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}

.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}

.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}

.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}

.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}

/******* PA PAR PHANTASMAGORIA SUR PRD*********/

.fond_pa {background-color: #dcd9d9; width: 780px;}
#navigation a:link, #navigation a:visited, #navigation a:active {
width: 500px; height: 15px; font-size: 15px; font-family: Georgia; text-shadow: 0px 0px 2px #ffffff;
text-transform: uppercase; color: #5c767d; letter-spacing: -1px;}

#navigation a:hover {
color: #5c767d ; text-shadow: 0px 0px 2px #fff ;}
.pseudo_staff { font-family: 'Georgia', cursive; font-size: 20px; text-align: center;}

.titre_pa { font-family: 'Georgia', cursive; font-size: 30px;
text-align: center; color: #5c767d; margin-bottom: -5px;}
.bloc_colo { background-color: #d7d4d4; border: 1px solid #5c767d; padding: 2px; height: 130px; width: 250px}
.contexte { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.fiche_staff {width: 100px; height: 100px; text-align: center; background-color: #d7d4d4; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0; color: #a48eac; overflow: auto;}
.fiche_staff:hover{opacity: 1;}
.news {width: 200px; height: 170px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.copyright { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
/******** FIN DU CODE*******/




//



.onglet
{
display:inline-block;
background: #000;

border:2px solid #5c767d;
cursor:crosshair;
text-align: center;
margin-left: -7px;

background:transparent;
}


.contenu_onglet
{

width:200px;
height: 100px;
border:none;
margin-top:-1px;
padding:5px;
display:none;
text-align: center;
font-family: Arial;
font-size: 8pt;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}


.lien {
color: #000;
font-size: 11px;}

a { text-decoration: none;}
a:hover { text-shadow: 0px 0px 2px #000;}
















Ce sont les membres de mois ! Ce sont ceux qui se sont démarqués par leur présence et leur assiduité. On les remerciera jamais assez de faire partie de notre aventure ♥


olor: #5c767d; Pseudo & Pseudo

Fiche




olor: #5c767d; Pseudo 2 & Pseudo 2

Fiche


















Staff



//



.urielgt {font-family: 'Great Vibes', cursive; color: #46282c; font-size: 50px; display: block; text-align: center; transition: 1s;} .urielgt:hover {color: #af272f; transition: 1s;} .urielst{font-family: 'Old Standard TT', serif; display: block; text-align: center; font-style: italic; font-variant: small-caps; color: #f2b45a;} .urielfond3 {width: 400px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; padding: 15px; }.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; }.uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;}.urielfond3 a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond3 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;}


Merci beaucoup de votre aide ! I love you
par Lumélys
le Sam 3 Déc 2016 - 23:07
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: La couleur de fond ne change pas
Réponses: 1
Vues: 393

Couleur de texte -Feuille de personnage-

Malheureusement non :O et ce problème est apparu sans que je n'ai rien touché au préalable... j'avoue ne pas trop comprendre.
Dans la gestion des couleurs, rien n'indique quel champs doit être modifié pour que seules les couleurs des Listes et Texte de la feuille de personnage, sur les profils, soient impactées? Et pour ce qui est du CSS... encore une fois je n'y ai rien modifié depuis des mois u.u
Voulez-vous mon css? (chambre mal rangée, j'vous préviens...)
CSS:
/* DEBUT BARRE DE NAVIGATION */
.nav_txt {
text-align: center;
font-variant: small-caps;
font-family: Georgia;
color: #7e7e7e;
background: #091016;
font-size: 18px;
height: 28px;
text-shadow:1px 1px 2px #000000;
border-bottom: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
}
.barre_nav a{
text-align: center !important;
font-variant: initial;
font-family: Georgia;
color: #7d6a60;
font-size: 14px;
margin-left: 5px;
text-decoration: none !important;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
}

.barre_nav a:hover {
text-decoration: none !important;
color : #7e7e7e !important;
text-align: center !important;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
}
.barre_nav {
width: 80%;
height: auto;
left: 10%;
margin-left: auto;
margin-right: auto;
margin-top: -1px;
position: absolute;
overflow: hidden;
z-index: 10;
border-top: 0px solid #7d6a60;
}


.nav_1 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_2 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_3 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_4 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_5 {
width: 19%;
height:25px;
background: #080e13;
float: left;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_1:hover {
width: 19%;
height: auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_2:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_3:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_4:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_5:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
/* --------------------------------- MENU latérale--------------------------------- */

/* Contient l'image */
.bloc_onglet {
position: fixed;
top: 5em;
}

/* Info-bulles */
nav.info{
z-index: 24;
text-decoration: none;
position: relative;
}

nav.info:hover{
z-index: 26;
}

nav.info span{
display: none
}

nav.info:hover span{
display: block;
position: absolute;
top: 1.3em;
left: 11em;
height: auto;
width: 200px;
background: none;
text-align: center top;
font-weight: none;
padding: 0px;
color : #7e7e7e !important;

}

nav.info a {
text-decoration: none !important;
}

/* FIN BARRE DE NAVIGATION */


/* --------------------------------- Navigation Haut/Bas --------------------------------- */
.haut{
position:fixed;
top:45px;
left:24px;}

.bas{
position:fixed;
top:45px;
left:69px;}
/* --------------------------------- WIDGET --------------------------------- */
/* Widget statistic */
.widgperso {
border: solid #7d6a60 0px;
border-radius: 20px;
border-bottom:solid 3px #7d6a60 ;
border-radius:0 0 20px 20px;

background-color: #0D0D0D;
color: #F3F3F3;
border-radius: 0px 10px 10px 10px;
border-bottom:solid 3px #7d6a60 ;
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 12px !important;
}
/* Positionnement du widget et choix du fond */
.widget {
position: fixed;
top: 2.9em;
left: 3.8em;
background-image: url('http://www.photos-public-domain.com/wp-content/uploads/2011/02/black-vertical-siding-texture.jpg');
width: 20em;
height: 26em;
padding: 20px;
z-index: 2;
}

/* Englobe le titre et le texte du widget */
.widget_interne {
width: 17em;
height: 21em;
padding: 20px;
padding-top: 0px;
text-align: justify;
color: #C0C0C0;
z-index: 4;
position: fixed;
top: 5.5em;
left: 5em;
}

/* --------------------------------- FIN WIDGET --------------------------------- */
/*********************************** PA Quête ***********************************/
/*Bloc du concept*/
#concept {
float : left;
position: relative;
width: 175px;
height: 80px;
overflow: hidden;
}
/*Texte du concept*/
#concept_text {
width: 163px;
height: 70px;
margin: 1px;
padding: 5px;
text-align: left;
overflow: auto;
font-size: 9px;
}
/*Image du concept*/
#concept_img {
position: absolute;
top: 0px;
left: 0px;
width: 175px;
height: 80px;
transition: 0.5s;
-webkit-transition: 0.5s;
}
/*Glissement de l'image du concept*/
#concept:hover #concept_img {
left: 200px;
}

/*********************************** PA ***********************************/

/*** PARTENAIRES ET TOPS ***/
.img_partenaires {
opacity: 0.5;
}
.img_partenaires:hover {
opacity: 1;
}
/*** IMAGES DU STAFF ***/

.imgPA {
border-radius: 0%;
width: 60px;
height: 60px;
padding: 2px;
}
.info {
position: relative;
z-index: 24;
text-decoration: none;
padding : 2px;
}
c.info:hover {
z-index: 25;
}
c.info span {
display: none;
}
c.info:hover span {
display: block;
position: absolute;
top: 0px;
left: -1px;
border-radius: 0px 10px 10px 10px;
width: 100px;
height: 80px;
background-color: #0D0D0D;
color: #F3F3F3;
text-align: center;
font-weight: none;
}

/*** IMAGES DES PREDEFINIS ***/
.imgwidget {
border-radius: 0%;
width: 116px;
height: 117px;
}
.imgwidget:hover {
border-radius: 0%;
width: 116px;
height: 117px;
}
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
d.info:hover {
z-index: 25;
}
d.info span {
display: none;
}
d.info:hover span {
display: block;
position: absolute;
top: -10px;
left: 3px;
width: 116px;
height: 40px;

background-color: #0D0D0D;
color: #F3F3F3;
border-radius: 0px 10px 10px 10px;
border-bottom:solid 3px #7d6a60 ;

text-align: center;
font-weight: none;
}

/*** EFFET DU CONTEXTE ***/
.contexte {
width: 400px;
height: 200px;
overflow: hidden;
background-color: #333333;
border-radius: 25px;
position: relative;
top: -2px;
}
.contexte_img {
position: relative;
z-index: 2;
width: 400px;
height: 200px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.contexte:hover .contexte_img {
margin-top: -200px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.contexte_description {
position: relative;
z-index: 1;
width: 350px;
height: 140px;
color: #a4a4a4;
padding: 25px;
text-align: justify !important;
font-size: 11px;
overflow: auto;
}
.contexte_description a {
text-decoration: none !important;
}
/*** SYSTEME D'ONGLETS ***/
.paonglet {
display: inline-block;
margin-left: 20px;
margin-right: 30px;
padding: 10px;
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 14px;

background-color: #;
color: #7e7e7e;
}
.paonglet_0 {
border-radius: 0px;
width: 180px;
height: 30px;
background-image: url(https://redcdn.net/hpimg15/pics/42125230t2.png);
background-position: center top;
background-repeat: no-repeat;
}
.paonglet_1 {
border-radius: 0px;
background-image: url(https://redcdn.net/hpimg15/pics/57476156t1.png);
background-position: center top;
background-repeat: no-repeat;
width: 180px;
height: 30px;
color: #7d6a60;
}
.contenu_paonglet {
padding: 10px;
display: none;
width: 780px;
height: 450px;
border-radius: 20px;
background-color: #0D0D0D;
}
.contenu_paonglet a{
text-decoration: none !important;
}
/*** BLOC DE TEXTE DE LA PA ***/

.bloc_pa {
background-color: #333333;
border-radius: 25px;
color: #a4a4a4;
padding: 0px;
text-align: center !important;
position: center;
top: -3px;
}
.bloc_pa a {
text-decoration: none !important;
color: #70A0BA !important;
}

/*** TITRES DES BLOCS ***/

.titre_pa {
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 16px;
position: relative;
top: -3px;
color: #a4a4a4;
z-index: 1;
}

.titre_pa:hover {
color: #70A0BA;
}

/*********************************** FIN PA ***********************************/
/* --------------------------------- /* MISE EN FORME DES LISTES DE SUJETS */ --------------------------------- */

.bloc_sujets
{
width: 775px;
margin: auto;
background: #;
border-radius: 20px 0px 0px 20px;
border-bottom:solid 3px #7d6a60 ;
padding: 5px;
}
.sujets
{
background: #000;
background-image: url();
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
border-radius: 20px 0px 0px 20px;
text-align: left !important;
border-bottom:solid 3px #7d6a60 ;
padding: 3px;
}
.topictitle
{
font-variant: small-caps;
font-size: 12px;
background: #000;

}
.sujets_auteur
{
display: block;
width: 180px;
font-size: 11px;
border-radius: 20px;
}
.sujet_last
{
display: block;
background-image: url(https://redcdn.net/hpimg11/pics/269823Sanstitre1.jpg);
background-position: center top;
background-repeat: no-repeat;
width: 190px;
height: 62px;
background: #000;
padding-top: 10px;
font-size: 9px;
}
.sujets_stats
{
width: 675px;
text-align: right;
margin-bottom: 0px;
}
.sujets_stats_contenu
{
font-size: 9px;
color: #a4a4a4;
padding: 2px;
background: #;
border-bottom: solid #7d6a60 1px;
border-left: solid #7d6a60 1px;
border-right: solid #7d6a60 1px;
border-radius: 0px 0px 10px 10px;
background-image: url(https://redcdn.net/hpimg11/pics/469850motif.jpg);
background-position: center top;
background-repeat: repeat;
}

/* --------------------------------- /* DEBUT CATHEGORIE */ --------------------------------- */

#i_icon_mini_login{
margin-right:20px !important;
}

.cat_titre1 {
letter-spacing: 2px;
text-transform: uppercase;
font-size: 22px;
font-family: Balthazar;
}
.cat_droite {
border-radius:0px;
border: solid #7d6a60 1px;
padding: 10px;
width: 167px;
height: 56px;
font-size: 9px;
background-image: url('https://redcdn.net/hpimg11/pics/480531Sanstitre1.jpg');
background-position: center top;
background-repeat: no-repeat;
color: #7d6a60 !important;
margin-right:-45px;
margin-left:20px;
float:right;
background-color:black;
text-align:center;
margin-top:-100px;
}
.cat_titre2 {
font-size: 14px;
text-align: center !important;
color : #7e7e7e !important;
margin-left:50px;
margin-top:5px;
font-family: Balthazar;
}
.cat_des1 {

border: 0px;
margin-left:70px;
width:70%;
}
.cat1 {
border: solid #7d6a60 1px;
background-image: url('https://redcdn.net/hpimg11/pics/469850motif.jpg');
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
text-align: center !important;
border-bottom:solid 3px #7d6a60 ;
padding-top:5px;
padding-left:0px;
}
.cat2 {
border: solid #7d6a60 0px;
border-radius: 20px;
padding:0px;
background-color:black;
height: 100px;
}
.souscat {
text-decoration:white;
text-align: center !important;
line-Height: 8pt;
padding:0px;
padding-right:20px;
overflow-x:;
margin-top:-40px;
margin-right:140px;
margin-left:160px;
}
.cat_des2 {
color:black;
font-size: 12px;
overflow:initial;
height: 100px !important;
padding-left:0px;
margin-top:-5px;
width:85%;
}
.catimg {
border: solid #7d6a60 1px;
width: 95px;
height: 80px;
float: left;
padding-right:0px;
margin-left:5px;
margin-top:32px;
}
/*** ILLUSTRATION QUI SUIT LE TITRE DE CATEGORIE ***/
.illustration_cate {

width: 592px;
height: 78px;
border-radius: 0px 0px 0px 0px;
position: relative;
top: 0px;
left: 0px;
}
/* --------------------------------- /* FIN CATHEGORIE*/ --------------------------------- */

/* --------------------------------- /* MISE EN FORME DES MESSAGES */ --------------------------------- */

/*Cadre autour des messages *****************************************************************/

.rangée .thRight, .nomavatar, .rangée .thLeft, .basviolet .browse-arrows{
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
}
.basviolet, .postviolet{ background-color:#202020;}/*couleur de fond des messages*/

.fondpost{
border: solid #7d6a60 1px;/*bordures fines autour du message*/
background: url(https://redcdn.net/hpimg11/pics/424348fond.jpg) no-repeat center bottom,
url(https://redcdn.net/hpimg11/pics/442537fond2.jpg) no-repeat center top;
border-radius:10px;/*arrondi*/
padding: 15px;
min-height: 325px;
margin: 10px 30px auto 30px;
}

.rangée{
background-color:#000;/*couleur de fond de la ligne "auteur-message"*/
border-bottom: solid #7d6a60 1px;/*bordures fines autour du message*/
border-radius:0px 20px 0 0;/*arrondis*/
display:block;
margin-top:15px;
}
.rangée .thRight{
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
color:#7e7e7e;/*couleur du texte "message"*/
font-size: 14px;
border-bottom: solid #7d6a60 1px;/*bordures fines autour du message*/
font-weight:bold;
display:block;
margin-left:255px;
padding-top:7px;
height:19px;
}
.rangée .thLeft, .basviolet .browse-arrows{
color:#7e7e7e;/*couleur du texte "auteur"*/
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 15px;
border-bottom: solid # 0px;/*bordures fines autour du message*/
font-weight:bold;
display:block;
float:left;
width:255px;
padding-top:7px;
padding-left:7px;
height:19px;
}
.basviolet{
border: solid #7d6a60 1px;
background-image: url(https://redcdn.net/hpimg11/pics/469850motif.jpg);
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
text-align: center !important;
border-bottom:solid 3px #7d6a60 ;
display:block;
border-radius:0 0 20px 20px;
border-top:none;
margin-bottom:30px;
}

.postviolet{
border-left:1px solid #7d6a60;/*bordures de la partie centrale du message*/
border-right:1px solid #7d6a60;
display:block;
}

.postviolet .postdetails {display:none;}/*enlève la date et l'heure du sujet*/
.postviolet .post-options{padding-right:30px;}
th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop { border:none;font-weight:normal;}

/* --------------------------------- PROFILS/AVATAR RP --------------------------------- */

.profil_mess
{
position: relative;
z-index: 9;
width: 210px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-color: #333333;
padding: 4px;
text-align: center;
background-image: url('https://redcdn.net/hpimg15/pics/643525profil.jpg');
background-position: center top;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
}

.name
{
display: block;
margin-top: -5px;
margin-bottom: -10px;
font-size: 12px;
font-family: arial black;
text-shadow: 1px 1px 0px #000000;
padding-bottom: 5px;
border-bottom: 1px solid #5b5b5b;
}

.avatar_mess
{
display: block;
width: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
height: 400px;
overflow: hidden;
border: 5px solid #0d0d0d;
opacity: 0.9;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-htm-transition: 0.5s;
-webkit-transition: 0.5s;
}
.avatar_mess:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-htm-transition: 0.5s;
-webkit-transition: 0.5s;
}

.profil2_mess
{
position: relative;
z-index: 1;
width: 180px;
margin-left: auto;
margin-right: auto;
margin-top: -202px;
background-color: #000;
padding-left: 4px;
padding-right: 4px;
text-align: left;
border-radius: 10px;
-moz-border-radius: 10px;
-htm-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #000;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
color: #434343 !important;
transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-htm-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil2_mess:hover
{
margin-top: -42px;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-htm-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil2_content
{
display: block;
width: 180px;
height: 400px;
max-height: 200px;
overflow: auto;
font-size: x-small;
}
/******************* transition lien ******************************/
a {
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;
}
/******************* ENLEVER SOULIGNEMENT DES LIENS******************************/

a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}

/******* curseur général********/
body {
cursor: url(http://fc05.deviantart.net/fs71/f/2014/112/4/a/cursor_by_ginl-d7fj3nw.png);
}
/******* curseur lien ********/
a {
cursor : url(http://fc05.deviantart.net/fs70/f/2014/112/2/8/cursorlink_by_ginl-d7fj3tf.png), auto;;
}

/******* BG forum ********/
body{
background-image: url('https://redcdn.net/hpimg15/pics/638615fond2.jpg', 'https://redcdn.net/hpimg11/pics/630325Sanstitre1.jpg', 'https://redcdn.net/hpimg15/pics/881593fond.jpg', 'https://redcdn.net/hpimg11/pics/789821fond.jpg');
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #000
text-align: justify;
}
/* -------------------------------- avatar rep rapide --------------------------------------- */
#av_quickreply img{
position: relative;
top: 0px;
left: 0px;
width: 110px;
height: 210px;
margin: 0 5px;
border-radius: 10px;
}

#av_quickreply {
float: left;
position : absolute;
}

/* --------------------------------- Editeur --------------------------------- */
/* Icônes couleur dans la palette */

.color-option {
display: inline-block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
margin: 3px !important; /* espace entre chaque icône */
box-shadow: 0 0 2px #778899; /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px; /* arrondi */
}

/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200 !important; /* largeur de la palette complète */
height: relative !important; /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}

/*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode {
width:500px !important;
background-color: #444444 !important;
position: auto;
top: 0px;
left: center;
}
.sceditor-container.ltr.wysiwygMode {
width:500px !important;
background-color: #444444 !important;
position: auto;
top: 0px;
left: center;
}

.slidesmile{
position:relative; !important;
top:39px; left:100px; !important;
z-index:4;
}
#smileyContainer iframe
{
height: 300px !important;
overflow: auto !important;
}
#smileyContainer
{
border: 3px solid #000000; !important;
}

.sceditor-toolbar
{
background: #141414 !important;
border-bottom: 1px solid #000000 !important;
}
.sceditor-group
{
background: #444444 !important;
border: 1px outset #333333 !important;
border-radius: 5px !important;
}
.sceditor-container
{
width:500px !important;
position: auto;
margin: 2px auto !important;
background: #000 !important;
border: 2px solid #000000 !important;
}
a.sceditor-button
{
background: #000 !important;
border-radius: 20px !important;
}
a.sceditor-button:hover
{
background: #999999 !important;
}
a.sceditor-button
{
background: #777777 !important;
border-radius: 20px !important;
}
a.sceditor-button:hover
{
background: #999999 !important;
}
.sceditor-container textarea, .sceditor-container iframe
{
padding: 5px !important;
background: #555555 !important;
border: 1px solid #666666 !important;
}
/* --------------------------------- Bouton Editeur supp --------------------------------- */
a.sceditor-button.sceditor-button-farand {
display: none;
}
a.sceditor-button.sceditor-button-date {
display: none;
}
a.sceditor-button.sceditor-button-time {
display: none;
}
a.sceditor-button.sceditor-button-faupdown {
display: none;
}
a.sceditor-button.sceditor-button-fascroll {
display: none;
}


/* --------------------------------- LISTE membres --------------------------------- */

.description3
{
display: block;
width: 200px;
margin: auto;
height: 100px;
overflow: hidden;
transition:0.4s ease;
-o-transition:0.4s ease;
-moz-transition:0.4s ease;
-webkit-transition:0.4s ease;
}

.description3:hover {
display: block;
width: 200px;
margin: auto;
height: 200px;
overflow: hidden;
}

.description3_contenu
{
position: absolute;
width: 200px;
height: 200px;
overflow: 200px;
background-color: #EFE9DD;
font-size: 11.5px;
font-family:'Georgia';
color: #3E352E;
text-align: justify;
padding:0px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description3_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

/* --------------------------------- CHATBOX --------------------------------- */


/* Taille des avatars */

#chatbox .cb-avatar > img {
height: 40px !important;
width: 20px !important;
}
/* Calque des avatars */

#chatbox .cb-avatar {
float: left;
margin-right: 4px;
background: none repeat scroll 0 0 #000 !important; /* Fond */
border: 1px solid #d5d5d5 !important;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
height: 40px !important; /* Hauteur */
padding: 1px;
vertical-align: middle;
width: 20px !important; /* Largeur */
}



/* ChatBox */
body.chatbox {
background-image: url('https://redcdn.net/hpimg4/pics/640843chat.jpg');
background-position: center top;
background-repeat: no-repeat;
}
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2,#chatbox .chatbox_row_3{
background-color: transparent;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Le comptoire"; }
background-color: transparent;
body.chatbox {
background-color: transparent; }

/* ChatBox latérale */

#chatbox_header .cattitle strong {
display: none;
}

#chatbox_header .cattitle:before {
content: "La Taverne";
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 20px;
text-shadow: #DED3C1 0px 0px 0px;
margin-top:5px;
margin-left:20px;
}

body.chatbox {
display: block;

}

.chatbox_row_1, .chatbox_row_2 {
background : none;
}

/* conteneur de la chatbox et du bouton */
#cb_block {
width: 600px; /* largeur */
height: 300px; /* hauteur */
position: fixed; /* position fixe dans la fenêtre */
bottom: -205; /* est caché de 200px vers le bas */
left: 0px; /* est collé à 0px du bord gauche */
z-index: 100;
transition: 1s; /* le mouvement glissant est de 1s */
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
border-radius:5px;
}

/* chatbox seule */
.ChatboxLaterale {
width: 600px; /* largeur */
height: 200px; /* hauteur */

z-index: 100;
position: relative;
}
#chatbox {height: 75%}

/* bouton ouvrir/fermer */
.BoutonChatbox {
cursor: pointer; /* on ajoute un pointeur pour indiquer que notre image est cliquable */
position: center;
z-index:100;
width: 30px; /* largeur */
height: 97px; /* hauteur */
border-radius:5px;
margin-left: 0px; /* on le pousse à 15px du bord gauche */
}

.text-styles {
margin-top: -30px;
padding-top: 8px;}

#chatbox_members, .member-title.away, .member-title.online {
background:none;
}


/* --------------------------------- FIN NAVIGATION --------------------------------- */

.transparent .row1 {
background: transparent;
}
.transparent .gensmall {
font-size:12px;
}

#qeel_position {
position: relative;
margin:auto;
background-image: url("https://redcdn.net/hpimg11/pics/861652qeel.jpg");
background-position: center;
background-repeat: no-repeat;
}

#qeel_titre {
font-size:10px;
font-weight: bold;
color:black;
text-align:center;
}

.qeel_colonne1 {
font-size: 11px;
text-align: right;
width: 200px;
height: 300px;
background:#;
margin-top: 10px;
padding:60px;

border-top-left-radius:20px;
border-bottom-left-radius:20px;
}

.qeel_centre {
background:transparent;
font-size: 11px;
width:200px;
height:300px;
padding:1px;
}

.qeel_colonne2 {
width: 270px;
height: 300px;
background:#;
padding:35px;
text-align:left;
font-size:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}

.qeel_bloc {
width: 200px;
padding:5px;
height: 300px;
background:#000;
border-radius:5px;
overflow:auto;
}

.qeel_groupe {
position: relative;
top: 10px;
height: 50px;
width: 50px;
border-radius:50px;
overflow: visible;
margin: 1px;
}

.qeel_groupe .infobulle {
position: absolute;
top: 0px;
left: 50px;
width: 70px;
height: auto;
background:#000;
opacity: 0;
visibility: hidden;
transition: 0.3s;
padding: 5px;
border-radius:0px 10px 10px 10px;
}


.qeel_groupe:hover .infobulle {
opacity: 1;
visibility: visible;
z-index: 100;
transition: 0.5s;
}


Merci pour votre temps.
par ginl
le Lun 10 Oct 2016 - 16:18
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur de texte -Feuille de personnage-
Réponses: 5
Vues: 1012

Problème avec la Largeur de mon forum

    Bien le bonsoir, ForumActifs!

    Je viens vous solliciter car j'ai un problème avec la largeur de mon forum.
    J'ai beau suivre tous vos tutoriels et les sujets déjà résolus, mais cela ne marche pas. Mon forum reste bloqué à cette largeur là. J'ai également modifié la largeur dans le panneau de configuration rien n'y fait. Je pense que cela vient de mes codes de CSS et Templates mais j'ai beau farfouiller dedans, je ne trouve pas où est le problème!

    J'aimerais que mon forum ait une largeur de 50 ou 60 pourcent. c:

    Mon forum : http://domaine-sorrom.forumactif.org/

    Mon CSS et mon Template Index_Box :

    CSS:
    .bodylinewidth{
    margin-right: -0px;
    }


    a.mainmenu img{
    display: none;
    }


    /*
    * ------------------------------
    * BLOC PARTENAIRES AVEC DECALAGE
    * Libre service - Never Utopia
    * ------------------------------
    */

    /* Bloc contenant les partenaires */
    .staggered-partners {
    font-size: 0; /* ne pas enlever */
    width: 591px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
    }

    /* Affichage pour un lien partenaire */
    .staggered-partners .partner-link {
    display: inline-block;
    width: 88px; /* largeur */
    height: 31px; /* hauteur */
    margin-right: 20px;
    }

    /* Style image du partenaire */
    .staggered-partners .partner-link img {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: transform 600ms;
    transition: transform 600ms;
    }

    /* Effet au survol sur image */
    .staggered-partners .partner-link:hover img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    z-index: 1;
    }

    /* Decalage a gauche une ligne sur 2 */
    .staggered-partners .partner-link:nth-child(14n+Cool {
    margin-left: 55px;
    }

    /* Suppression de la marge à droite une ligne sur 2 */
    .staggered-partners .partner-link:nth-child(14n) {
    margin-right: 0;
    }

    /* Style quand le lien n'a pas d'image */
    .staggered-partners .partner-link:empty {
    display: none;
    }

    /* Crédit */
    .credits-partners {
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    font-family: sans-serif;
    opacity: 0.3;
    transition: all 1s;
    -webkit-transition: all 1s;
    }

    /* Lien */
    .credits-partners a {
    text-decoration: none;
    color: black;
    }

    /* Apparition du crédit au survol du bloc */
    .staggered-partners:hover .credits-partners {
    opacity: 1;
    }

    /*------------------------------
    * FIN BLOC PARTENAIRES AVEC DECALAGE
    * ------------------------------ */






    div.contenant {
    width:145px; /*largeur du contenant, la meme que celle de l image*/
    height:65px; /*hauteur du contenant, la meme que celle de l image*/
    overflow: hidden;
    box-shadow:0px 2px 5px black; /*--Ombre de ta boite--*/
    -moz-box-shadow:0px 2px 5px black;
    -webkit-box-shadow:0px 2px 5px black;
    text-align:center;
    }
    div.contenu {
    width: 145px; /*largeur du contenu, la meme que celle de l image*/
    height: 65px; /*hauteur du contenu, la meme que celle de l image*/
    overflow: auto; /*pour apparition d une scroll bar si le texte est trop long*/
    }
    .contenant img {
    width:145px; /*largeur de l image*/
    height:65px; /*hauteur de l image*/
    position: relative;
    bottom: 65px; /*ici mettre la hauteur de l image*/
    transition: 0.5s; /*pour l effet de transition*/
    }
    .contenant:hover img { /*au survol de la souris sur le bloc*/
    bottom: 6565px; /*ici mettre deux fois la hauteur de l image*/
    transition: 9.5s; /*pour l effet de transition*/

    }



    .BOITE1 {
    width:230px; /*--Largeur à éditer en fonction de la taille de ton forum (en px ou %)--*/
    height:716px;/*--Hauteur à changer en fonction de ton texte--*/
    box-shadow:0px 2px 5px black; /*--Ombre de ta boite--*/
    -moz-box-shadow:0px 2px 5px black;
    -webkit-box-shadow:0px 2px 5px black;

    /*-----------------------------------------------Note :----------------------------------------
    Pour préciser un angle par rapport aux autres il faut mettre "10px 10px 10px 10px"
    et éditer celui ou ceux voulus.
    ---------------------------------------------------------------------------------------------*/

    position:fixed; /*--Position de la boite : Fixe--*/
    TOP : 0px; /*--Position à partir du haut--*/
    LEFT: 1px;
    Background-color:#705F53; /*--Couleur de fond : supprimer pour mettre en transparent--*/
    padding:5px;/*--Marge intérieure générale--*/
    padding-top:4px;/*--Marge intérieure du haut, éditée "à la place" de la bordure générale--*/
    text-align:justify; /*--Alignement du texte : "right" -> droite ; "left" -> Gauche ; "justify" -> justifié . --*/
    Color: #C2AE9F; /*--Mettre un nom de couleur (ex:BLACK) ou un code couleur (ex:#000000), pour changer le couleur du texte--*/
    }

    .CADRE1{
    height:30px;
    margin-bottom:5px; /*--marge extérieure du cadre - en bas--*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-align:center;
    padding:5px;
    background-color: #171310 ;
    color: #F5E09B ; /*--Couleur du texte :
    Note : le vert donné n'était pas le bon donc à éditer si ça ne convient pas--*/
    font-family: GEORGIA ; /*--Typo du titre souhaité--*/
    font-size: 14px ; /*--Taille de la typo--*/
    text-shadow:1px 1px 2px black;
    /*--Note : le contraste vert-rouge était trop fort je me suis permise de rajouter une bordure d'ombre au texte
    Ce qui aidera à lire le vert par dessus le rouge normalement. A supprimer si inconvenant.--*/
    }






    .navig {
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: #171310;

    }



    /*** PROFIL BY BATTY POUR SORROM ***/
    .bls_profil {
    width: 220px;
    background-color: #45382F;
    box-shadow: 0px 0px 1px #000;
    text-align: center;
    border-radius: 100px;
    padding-top: 50px;
    padding-bottom: 70px;}

    .bls_avatar {
    width: 200px;
    height: 320px;
    border: 1px solid white;
    border-radius: 5px;
    overflow:hidden;
    margin: 10px auto;
    }

    .bls_avatar img{
    width: 200px;
    height: 320px;
    }

    .bls_pseudo{
    width: 220px;
    text-align:center;
    font-size: 28px;
    }

    .bls_pseudo a{
    font-family: 'Almendra', serif;
    }

    .bls_rang{
    width: 90%;
    text-align:center;
    font-family:'Times New Roman';
    font-size: 11px;
    padding: 1px;
    text-transform: uppercase;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    tete-align:center;
    margin: auto;
    }

    .bls_liens{
    width: 200px;
    height: auto;
    text-align: center;
    margin: 0px auto 10px auto;
    }

    .bls_infos-profil{
    width: 200px;
    height: auto;
    text-align: justify;
    padding: 4px;
    border: 1px solid white;
    background-color: #705F53;
    font-size: 9px;
    line-height: 11px;
    color: white;
    margin: 0px auto 10px auto;
    }

    /*-------------------------------------------------------*/



    #chatbox_header .catBottom .cattitle {
    color:#F5E09B;
    }

    #chatbox_header .cattitle strong { display: none; }
    #chatbox_header .cattitle:before { content: "Une autre bière, c'est ma tournée! "; } /* Modifier NOM par le titre que vous désirez */

    body.chatbox {
    background-color:#45382Fr;
    }

    /* QUEEL */
    #QEEL {
    background: #45382F;
    margin: auto;
    text-align: justify;
    width: 750px; /* Modifier la valeur pour changer la taille */
    padding: 5px;
    }

    .groupes {
    margin: auto;
    text-align: center;
    padding: 2px;
    }

    .groupes a {
    /* Marges pour écarter les liens les uns des autres */
    margin-left: 10px;
    margin-right: 10px;
    /* Styles du lien */
    font-family: 'Almendra', serif;
    font-style: bold;
    font-size: 22px;
    color: #705F53;
    font-weight: bolder;
    }



    .bodyline
    {

    padding: 0;
    }

    .bodyline {
    padding-top: 0px;
    }



    /* CATEGORIES */

    .derniermessage {
    font-size: 10px;
    width: 150px;
    margin-top: 10px;
    margin-bottom: 3px;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #45382F;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
    border-radius : 6px;
    }

    .DescForum {
    width: 35%;
    margin: 6px 2px 5px 10px;
    background: #45382F;
    padding:10px;
    text-align:justify;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
    border-radius : 6px;
    }


    /* Forcer le conteneur des flottants à leur taille */
    .BlocForum:after {
    display:table;
    content:"";
    clear:both;
    }

    /* Positionnement de la description des forums */
    .FloatDescForum {
    float:left;
    width:79%;
    }

    /* Positionnement de la liste des sous-forums */
    .ListeSousForums {
    float:left;
    width:20%;
    }

    .ListeSousForums a {
    display:block;
    background: #45382F;
    margin:5px 0;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
    border-radius : 6px;
    font-size: 9px;
    text-align: center;
    }




    /* LIENS SANS SOULIGNEMENT */
    a, a:hover {
    text-decoration: none !important;
    }






    /*modifier l'apparence des scrollbars de tout le forum*/
    ::-webkit-scrollbar {
    width: 8px; /*largeur de la scrollbar verticale*/
    height: 5px; /*hauteur de la scrollbar horizontale*/
    background-color: #000000;}

    ::-webkit-scrollbar-track {
    background-color: #705F53; /*couleur du fond de la scrollbar*/}
    ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
    background-color: #F7FAC0 /*couleur de l'ascenseur*/;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;}

    **************


    .forumline {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border:5px solid #couleur;
    }


    .forumline {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }



    **************






    a:hover{text-decoration: none !important;}
    a {text-decoration: none !important;}
    a:link {text-decoration: none;}
    a:visited {text-decoration: none;}






    /*====================================================
    NAVIGATION
    ====================================================*/

    .batty_navig {
    position: absolute;
    top: 0px;
    width: 20%;
    border-bottom: 1px solid #727477;
    background-color:#d1ebfa;
    position: fixed;
    z-index:10;
    }

    a.mainmenu {
    margin: 5px;
    font-family: 'Averia Gruesa Libre', cursive;
    font-size: 12px;
    text-transform:uppercase;


    }

    /*====================================================
    NAVIGATION-END
    ====================================================*/
    /*====================================================
    PAGE D'ACCEUIL
    ====================================================*/



    .battypa_bienvenue{
    font-size: 28px;
    width:400px;
    height:130px;
    overflow:hidden;
    padding-top:-20px;
    text-align:center;
    font-family: 'Almendra', serif;
    text-transform:uppercase;
    color:#C2AE9F;
    letter-spacing:-5px;
    }

    .battypa_liens{
    width:310px;
    height:120px;
    background-color:#45382F;
    color: #E3D9C1;
    font-size:11px;
    overflow:hidden;
    padding:5px;
    text-align:center;
    }

    .battypa_tittres{
    display: block;
    width:auto;
    text-align:center;
    font-family: 'Architects Daughter', cursive;
    color:#E3D9C1;
    letter-spacing:-1px;
    font-size: 20px;
    text-transform:uppercase;
    }

    .battypa_contexte{
    display: inline-block;
    width:450px;
    height:160px;
    background-color:#45382F;
    color: #E3D9C1;
    font-size:11px;
    border-bottom: 2px solid #E3D9C1;
    padding-bottom:2px;
    overflow:auto;
    padding:5px;
    text-align:justify;
    }

    .battypa_partenaires{
    display: inline-block;
    width:250px;
    height:300px;
    border-bottom: 2px solid #E3D9C1;
    padding-bottom:2px;
    background-color:#45382F;
    overflow:auto;
    text-align: center;
    }

    .battypa_rp{
    width:300px;
    height:140px;
    overflow:hidden;
    font-size:11px;
    border-bottom: 2px solid #E3D9C1;
    padding-bottom:2px;
    background-color: #45382F;
    padding:5px;
    color: #E3D9C1;
    }

    .battypa_image{
    display:inline-block;
    width:130px;
    height:130px;
    background-image:url('http://orig05.deviantart.net/84e6/f/2016/220/9/c/dotw___bonjour_by_ixsln_d9dye2d_by_dumdog-dad4n1c.png');
    border-radius: 100px;
    overflow:hidden;
    vertical-align: middle;
    text-align:center;
    }

    .battypa_new{
    width:390px;
    height:130px;
    overflow:auto;
    font-size:11px;
    padding:5px;
    background-color:#45382F;
    }

    .contenustaff{
    display: inline-block;
    position:relative;
    width: 136px;
    height: 61px;
    background-color:#45382F;
    color: #E3D9C1;
    overflow: hidden;
    padding: 2px;
    margin:5px 7px;
    text-align:center;
    font-size:11px;
    }

    .contenustaff img {
    position: absolute;
    left: 0;
    top: 0;
    transition: transform 3s;
    -moz-transition: -moz-transform 3s;
    -o-transition: -o-transform 3s;
    -webkit-transition: -webkit-transform 3s;
    }

    .contenustaff:hover img {
    transform: translateX(-140px);
    -moz-transform: translateX(-140px);
    -o-transform: translateX(-140px);
    -webkit-transform: translateX(-140px);
    }

    .pseudo{
    display:block;
    font-family:Swis721 LtEx BT;
    font-variant: small-caps;
    font-size: 16px;
    text-align:center;
    color: #ffffff;
    text-shadow: 1px 1px 5px black;
    }

    .battypa_textenew{
    display:block;
    width: auto;
    border-bottom: 2px solid #E3D9C1;
    padding-bottom:2px;
    color: #E3D9C1;
    }

    /*====================================================
    PAGE D'ACCEUIL-END
    ====================================================*/
    /*====================================================
    CATÉGORIE
    ====================================================*/


    a:hover {text-decoration: none !important}

    .secondarytitle h2 {
    display:block;
    width:500px;
    height: auto;
    font-family: 'Rock Salt', cursive;
    font-family: 'Rock Salt', cursive;
    letter-spacing:-1px;
    text-transform:uppercase;
    font-size:16px;
    font-weight:normal;
    text-align:center;
    margin-bottom:-30px;
    color:#fffaed;
    }

    a.cattitle {
    display:block;
    font-size: 18px;
    font-family: Georgia;
    color: #E30E30;
    text-align:center;
    }

    .battycat_sousliens {
    width:530px;
    height: 15px;
    text-transform:uppercase;
    padding-top: 10px;
    margin-top: -18px;
    text-align: center;
    }

    .battycat_sousliens a {
    font-size: 9px;
    color:#755113;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transition:All 1s ease;
    font-variant: small-caps;
    }

    .forums-liens {
    width:130px;
    height: 15px;
    text-transform:uppercase;
    padding-top: 10px;
    margin-top: -18px;
    text-align: justify;
    }

    .forums-liens a {
    font-size: 9px;
    color:#755113;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transition:All 1s ease;
    font-variant: small-caps;
    }


    a.forumlink {
    font-size: 18px;
    margin-top:35px
    font-family: 'Almendra', serif;
    font-family: 'Almendra', serif;
    text-decoration: none!important;
    text-align:fixed;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-bottom: 3px solid #FFFFFF;
    color : #B56B4F;
    display: block; }

    .descrip {background-image: url("adresse de l'image");
    }

    a.forumlink:hover{
    font-size: 19px;

    font-family: 'Almendra', serif;
    font-family: 'Almendra', serif;
    text-align:center;
    }

    .descriptions-categories {
    bacgkround: #COULEURFOND url('IMAGE-FOND') top center no-repeat;
    border : 2px solid #COULEURBORDURE;
    -moz-border-radius : XXpx;
    -webkit-border-radius : XXpx;
    background-color:#45382F;
    border-radius : XXpx;
    }

    /*====================================================
    CATÉGORIE - END
    ====================================================*/




    /*Pseudo Profil*/

    .name{
    font-size : 12px;
    font-family: 'Arial', serif;
    text-align: center;
    letter-spacing: -1px;
    text-shadow: 0px 0px 0px #919191
    }

    /*Fin Pseudo Profil*/


    .statistiques{
    border:0px;
    background-repeat: no-repeat;
    background-position: center;
    height:hauteur de l'imagepx;}

    .groupes{
    font-size: 20px;
    letter-spacing:10px;
    font-weight:bold;
    font-family: 'Playball';
    margin:auto;
    text-shadow: 0px 1px 0px #e3d9e8;}



    .ListeSousForums {
    font-size:0px;
    }

    .ListeSousForums a {
    font-size:10px; /* indiquez la taille du texte des liens */
    padding-right:5px; /* on rajoute un espace après le lien */
    }

    /* pour les navigateurs qui acceptent la pseudo-classe :last-child, on supprime l'espace final qui ne sert à rien */
    .ListeSousForums a:last-child {
    padding-right:0px;
    }






    Mon Index_Box:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</th>
    </tr>
    <!-- END tablehead -->
    <!-- BEGIN cathead -->
    <tr>
    <!-- BEGIN inc -->
    <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
    <!-- END inc -->
    <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
    <h{catrow.cathead.LEVEL} class="hierarchy">
    <span class="cattitle">
    <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
    </span>
    </h{catrow.cathead.LEVEL}>
    </td>
    <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"></td>
    </tr>
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <tr>
    <!-- BEGIN inc -->
    <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
    <!-- END inc -->
    <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
    <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
    <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
    <br />
    </span>
    </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} écrit(s) en {catrow.forumrow.TOPICS} entrevue(s).</td></tr></tbody></table>
    <div class="BlocForum">
    <div class="genmed FloatDescForum">
    <div>{catrow.forumrow.FORUM_DESC}</div>
    </div>
    <span class="ListeSousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div>
    <span class="gensmall">
    <!-- BEGIN switch_moderators_links -->
    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
    <!-- END switch_moderators_links -->
    </span>
    </td>
    <td class="row3 over" align="center" valign="middle" height="50">
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    <div class="derniermessage">{catrow.forumrow.LAST_POST}</div>
    </td> </tr>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <tr>
    <!-- BEGIN inc -->
    <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
    <!-- END inc -->
    <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
    </tr>
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->



    Merci d'avance!

    Dxiie


par DXiie
le Lun 8 Aoû 2016 - 3:07
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Problème avec la Largeur de mon forum
Réponses: 4
Vues: 828

Les sous-forum ne s'affichent pas

Hello ! Remplace ton index_box actuel avec celui-ci

Code:
<link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace|Dancing+Script' rel='stylesheet' type='text/css' />
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="cate_title">
  {catrow.tablehead.L_FORUM}
</div>
<div class="cate_bloc">
 <!-- END tablehead -->
 <!-- BEGIN cathead -->
 <!-- END cathead -->
 <!-- BEGIN forumrow -->
  <div class="cate_forum">
    <img class="old_new_lock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    <div class="cate_forum_middle">
      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
      <div class="forum_desc">
        {catrow.forumrow.FORUM_DESC}
      </div>
    </div>
    <div class="cate_forum_last">
      <div class="forum_last_stats">
        Sujets:{catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}
      </div>
      <div class="forum_last_mess">
        {catrow.forumrow.LAST_POST}
      </div>
<div class="sous-forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
    </div>
  </div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->


Dans le CSS ajoute ça :

Code:
.sous-forum a {color: #000; }
.sous-fofo a:hover {color: #fff;}


Après tu peux modifier les propriétés comme tu veux ainsi que les valeur (genre le #000 )
par Mandrell
le Lun 27 Juin 2016 - 5:17
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Les sous-forum ne s'affichent pas
Réponses: 8
Vues: 1377

Comment changer la couleur des cases de saisie du mot de passe?

Bonjour,

Vous pouvez modifier les champs de saisie et de sélection avec ce code :
Code:
input, select, textarea {
    border-width: 1px;
    background-color: #000;
}


J'ai mis le noir par défaut mais vous pouvez changer #000 par la couleur que vous voulez.
par Oka.mi
le Lun 13 Juin 2016 - 11:53
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Comment changer la couleur des cases de saisie du mot de passe?
Réponses: 3
Vues: 283

Problème affichage de citation

Bonjour @LIWawa

@LIWawa a écrit:
Le 1er problème est que je n'arrive pas à changer la couleur du texte de citation en sachant que dans le Panneau d'administration j'ai bien défini la couleur police citation #000. Mais le résultat est ce qu'on voit dans cette image avec la couleur #fff.


Vous avez défini une couleur via le CSS ce qui prime sur les couleurs de base du forum ! En forçant votre CSS de base, la couleur défini pour la police de citation s'affiche bien sur le forum Wink

il suffit de revoir votre CSS perso et d'y supprimer la partie qui gére la couleur en question pour régler le problème.
@LIWawa a écrit:Le 2ème problème est qu'une fois posté une citation de quelqu'un, elle est devenue comme ça dans l'image. Je ne comprends vraiment pas pourquoi. Crying or Very sad


Dans votre PA >> général >> messages & emails >> Autoriser le bbcode : vous avez mis NON. Cela signifie que vous interdisez au forum d'interpréter le bbcode d'où l'affichage de la balise quote Wink

Il suffit de passer cette option sur OUI pour régler le problème

voilou ::fleur::
par The Godfather
le Mar 7 Juin 2016 - 16:51
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème affichage de citation
Réponses: 10
Vues: 628

Problème affichage de citation

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous,
J'ai deux problèmes avec la citation et j'espère que vous pourriez m'aider à les résoudre. Je vous remercie en avance !

Le 1er problème est que je n'arrive pas à changer la couleur du texte de citation en sachant que dans le Panneau d'administration j'ai bien défini la couleur police citation #000. Mais le résultat est ce qu'on voit dans cette image avec la couleur #fff.

J'ai essayé de changer sa couleur en ajoutant le code comme ceci mais apparemment ça n'a pas marché Sad
Code:
blockquote {
    background: #fff6c7;
    border: 1px solid #aaa;
    margin: .25em 0;
    padding: .25em;
    position: relative;
    color: #000 !important;
}


Le 2ème problème est qu'une fois posté une citation de quelqu'un, elle est devenue comme ça dans l'image. Je ne comprends vraiment pas pourquoi. Crying or Very sad


Merci de votre aide !!
par LIWawa
le Mar 7 Juin 2016 - 13:03
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème affichage de citation
Réponses: 10
Vues: 628

Firefox / Chrome : Espacement différent sur la barre de navigation

Pour le titre, c'est un height qui est trop petit.


.cate_titre {
background: #000 none repeat scroll 0 0;
clear: both;
color: #fff !important;
height: 36px;
line-height: 36px;
margin-top: 35px;
text-align: center;
text-transform: uppercase;
}


Pour le clic droit, je ne reproduis pas. Vous pouvez me montrer avec un screen ?
par Lixyr
le Dim 17 Avr 2016 - 18:52
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Firefox / Chrome : Espacement différent sur la barre de navigation
Réponses: 7
Vues: 930

Couleur de fond des spoiler

Ah oui, c'est ma faute, c'est pour phpbb2.

Ajoutez ceci à votre CSS :
Code:
dl.codebox {background:#000;}


La couleur est noire : #000, vous pouvez la changer si vous souhaitez.
par ◦Jay◦
le Ven 15 Avr 2016 - 18:30
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur de fond des spoiler
Réponses: 4
Vues: 340

Augmenter la largeur de la bordure du forum

Pas facile à voir ... mais essai ce code:

Code:
/* Largeur cadre du Forum */
#wrap {
border: 5px solid #FFF;
}


Pour la visualiser j'ai mis la couleur à #000 ... actuellement elle est sur 1px

à toi de voir pour la largeur Very Happy
par lmc38510
le Jeu 7 Avr 2016 - 11:15
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Augmenter la largeur de la bordure du forum
Réponses: 8
Vues: 526

Ecritures page de connexion et page d'inscription

Bonjour,

Vous avez mis dans votre feuille de style ce code là:
Code:
fieldset dl:hover dt label {
    color: #000;
}

Changez le {#}000{/#} par "white" ou alors modifiez le code par:
Code:
form fieldset dl:hover dt label {
    color: white;
}

Pour les boutons à l'inscription:
Code:
a.cgu-buttons {
color: black !important;
}
a.cgu-buttons:hover {
color: red !important;
}

Bye
par Invité
le Ven 1 Avr 2016 - 18:05
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Ecritures page de connexion et page d'inscription
Réponses: 4
Vues: 374

couleur cellule bas du forum

Bonjour admin novice, vous pouvez ajouter ce code dans votre feuille CSS, ici, la couleur sera noir (#000)

Code:
#gfooter{background-color:#000;}


Bien à vous.
par ◦Jay◦
le Ven 11 Mar 2016 - 16:31
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: couleur cellule bas du forum
Réponses: 2
Vues: 231

Revenir en haut

Page 1 sur 2 1, 2  Suivant

Sauter vers: