problème de {} avec mon CSS
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
problème de {} avec mon CSS
Détails techniques
Version du forum : phpBB2Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : aujourd'hui 06/05/18
Lien du forum : http://beauty-of-montana.forumactif.com
Description du problème
Bonjour, alors voilà j'ai fais une boulette en changeant un point du css de mon forum..et du coup j'ai le message d'erreur suivant : Erreur détectéeNous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code.
J'ai enlevé ce que j'avais rajouté mais le problème est toujours là. Je ne vois pas les : {} qui gênent...pourtant j'ai relu le code... (mais je n'y connais pas grand chose :S) J'espère que vous pourrez m'aider?
voici le css complet de mon forum
- Code:
.element {font-family:"Tahoma";}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
/****************** CODAGE CATEGORIES PAR MAGMA. ***********************/
.lastpost-avatar img {
width: 69px;
height: 110px; border: 2px double #dbd4d0; padding: 0px;
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0); border-radius: 0px; -webkit-radius: 0px; }
.lastpost-avatar img:hover {
border: 2px double #dec7fa; padding: 0px;
filter: grayscale(80%); -webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
opacity: 0.9; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
filter: grayscale(80%); -webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
opacity: 0.8; /* l'opacite que vous voulez au depart */
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
filter: alpha(opacity = 25); /* Hack IE 5-7 */
-htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
-webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
-moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
-o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
transition: opacity 0.5s ease-in-out; }
.nav img {max-width:140px;}
.modifcat { background-color : #f6f3f3; width: 750px; padding-bottom: 10px;} /*** le fond de la catégorie ***/
.catégoz{ position : relative ; top : 30px; left: 13px;} /*** l'emplacement des titres catégories ***/
.catégoz h2 { font-size: 35px; font-family: Dorsa; letter-spacing: 1px; color:#c4c4c4;font-weight: bold;
text-transform: uppercase; text-shadow: 0 1px 0 #fff;} /*** le style des titres des catégories ***/
.statdescrip { border-radius: 2px; -webkit-border-radius: 2px; width: 350px; height: 115px;
background-color: #fff; border:1px solid #eae6e2; margin-top: -16px; padding-left: 4px; padding-right: 4px;
padding-boddom: 4px;} /*** le style du bloc des descriptions ***/
.descrip_bloc1 { width: 335px; height: 80px; overflow:auto; text-align: justify; line-height: 11px; padding: 4px;
font-family: Tahoma; padding-bottom: 6px; font-size: 10px; background-color: #f7f1ff; border:1px solid #eae6e2;} /*** le style des descriptions ***/
.statistiques_cat {background-color: #fff; width: 135px; height: 115px;
border-radius: 2px; -webkit-border-radius: 2px; margin-top: -7px; border:1px solid #eae6e2;} /*** le style des statistiques en général ***/
.stat_general{ width: px; height: 86px; overflow:auto; font-size: 9px; line-height: 13px;
font-family: 'Roboto Condensed', sans-serif; font-size: 11px;}
.sousfofo {
padding-top: -15px; padding-bottom : 9px; text-align: left; height: 109px; width:150px;
background-image : url('https://2img.net/r/hpimg15/pics/693728soustit.png');
border-radius: 2px; -webkit-border-radius: 2px;margin-left: -4px; border:1px solid #eae6e2;}
.sousfofo a { overflow: x;
color: #BD428E; width: 142px!important; display:inline-block; border-collapse: separate; height : 6px;
font-family: Arial; background-color: #f7f1ff; line-height: 12px; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px;
margin-top: 1px; -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
-webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
-moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
-moz-transition-timing-function:ease-in;
font-size: 8px; text-transform : lowercase; }
.sousfofo a:hover {
color: #FFFFFF
font-family: Arial;
text-shadow: 0px 0px 2px solid #fff; font-size: 8px; text-transform : lowercase; }
.forumutitre { padding-top: -50px!important;}
.forumtitre a { color: #BD428E; font-size: 25px; font-family: Dorsa; letter-spacing: 2px;
text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top: -20px!important;
-webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
-webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
-moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
-moz-transition-timing-function:ease-in;
/* … et lorsque ce sera standardisé */ margin-left: 100px;
transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}
.forumtitre a:hover {color:#93807B !important; letter-spacing: 2px;}
.stat1 {font-size: 8px; font-family: Tahoma; letter-spacing: 0px; color:#000; height : 10px; background-color: #FFFFFF;
text-transform: uppercase; text-align: center; }
.forumdesc1 {text-align: center; font-size: 10px; padding-top: 15px; }
.image_cate {margin-top: 20px;}
/********************* FIN DES CODES CATEGORIES ********************************/
/**QEEL**/
.groupe4 {
text-align: center;
color: #FFFFFF;
width: 200px;
background-color: #3F859E;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'tahoma';
font-size: 14px;
}
.groupe3 {
text-align: center;
color: #FFFFFF;
width: 200px;
background-color: #E08D8D;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'tahoma';
font-size: 14px;
}
.groupe2 {
text-align: center;
color: #FFFFFF;
width: 200px;
background-color: #835D96;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'tahoma';
font-size: 14x;
}
.groupe1 {
text-align: center;
color: #FFFFFF;
width: 200px;
background-color: #F00060;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'tahoma';
font-size: 14px;
}
.nofond table {
background-color: none !important;
}
.infobulle2 > div {
position: absolute;
margin-top: -20px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.infobulle2:hover > div {
opacity: 1;
visibility: visible;
}
.bouh {
width: 200px;
padding-top: 2px;
padding-bottom: 2px;
margin: auto;
background-color: #763F6A;
text-align: center;
-webkit-box-shadow: 0 0 5px #212121;
-moz-box-shadow: 0 0 5px #212121;
-o-box-shadow: 0 0 5px #212121;
box-shadow: 0 0 5px #212121;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
font-size: 12px;
}
.newpost, .descriptions {
font-family: 'Lato', sans-serif;
}
.newpost .gensmall, .descriptions .gensmall {
font-size: 12px !important;
}
.forumlink {
font-family: 'Lato', cursive;
font-size: 24px;
font-weight: 400 !important;
}
.forumlink a {
width: 100%;
border-bottom: 1px solid #363A3D;
padding: 0 50px 6px 0;
}
.newpost, .descriptions, .sousforums_container {
background-color: #E6E2E2;
display: inline-block;
}
.newpost {
width: 250px;
}
.descriptions {
width: 366px;
margin: 0 8px;
height: 122px;
overflow: hidden;
}
.description {
height: 70px;
margin-top: 10px;
padding: 0 10px 0 0;
text-align: justify;
overflow: auto;
}
.infopost {
float: left;
}
.lastpost-avatar-container {
height: 120px;
width: 72px;
}
.lastpost-avatar img {
height: 120px;
width: 72px;
border-radius: 0;
}
.clickinfopost {
margin-top: 5px;
}
.clickinfopost .gensmall {
letter-spacing: -.5px;
font-size: 12px !important;
}
.infonewpost {
width: 170px;
height: 120px;
margin: 2px 5px 0 0;
background-color: #EFEEEE;
}
.infonewpost a, .forumlink .gensmall, .sousforums_details a {
text-transform: uppercase;
font-family: lato;
}
.infonewpost a {
font-size: 12px;
}
.forumlink .gensmall {
margin-top: -4px;
display: block;
font-size: 9px !important;
}
.sousforums_container {
width: 100px;
height: 120px;
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: #E6E2E2;
font-family: 'lato', cursive;
font-size: 39px;
font-weight: 400!important;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/**FIN DU QEEL**/
/*BOTTIN D'AVATAR */
.lefond{
background-color:#642830;/*modifiable, possible de remplacer par une image de fond*/
border-radius: 0px 0px 0px 0px;
width:450px;
height:auto;
}
.topfiche{
background-image:url(''); /*modifiable par une image personalisé, le bas de l'image se fond avec celui de la fiche*/
width:450px;
height:190px;
}
.bottomfiche{
background-image:url(''); /*modifiable par une image personalisé, le bas de l'image se fond avec celui de la fiche*/
width:450px;
height:190px;
}
/*Les titres et sous titres*/
letitre{
font-family: Special Elite; /*modifiable ,penser à modifier/supprimer le premier élément du code HTML*/
font-size:25px;
color:#ED495A;
text-transform: lowercase;
}
sstitle{
font-family:Rajdhani; /*modifiable ,penser à modifier/supprimer le premier élément du code HTML*/
font-size:12px;
color:#ED495A;
text-transform: uppercase;
}
/*la partie légende du bottin*/
.légende{
background-color:white;
text-align:justify;
color:#BD428E;
width:400px;
height:auto;
border-radius:10px;
padding:5px;
font-family:arial;
font-size:12px;
}
pris{
color:#CF806A;
font-family:Rajdhani;
font-size:15px;
text-transform:uppercase;
}
reserve{
color:#73605B;
font-family:Rajdhani;
font-size:15px;
text-transform:uppercase;
}
scenario{
color:#F3C9A3;
font-family:Rajdhani;
font-size:15px;
text-transform:uppercase;
}
/*La partie ABC*/
.imgbottin{
width:25px;
height:25px;
border-radius:35px;
}
.blocABC{
width:200px;
height:140px;
background-color:white;
font-family:journal;
font-size:12px;
border-radius:10px;
text-align:justify;
padding:4px;
overflow:auto;
}
iii{
color: #ED495A;
font-family: Rajdhani;
font-size:15px;
}
/*le crédit NE PAS ENLEVER MERCI!*/
credit{
font-family:journal;
font-size:12px;
color:darkgrey;
}
/* F I C H E D E P R É S E N T A T I O N
par bird box. */
.bird {
background-color : #FCFCFC ; /* couleur du fond */
border-top : 4px solid #ED495A ; /* couleur du bord haut */
border-left : 1px solid #BD428E ; /* couleur du bord gauche */
border-right : 1px solid #BD428E; /* couleur du bord droit */
border-bottom : 4px solid #ED495A ; /* couleur du bord haut */
width : 460px ;
font-size : 12px ;
text-align : justify ;
border-radius : 12px ;
padding : 5px;
}
.aigle {
background-color : #ED495A; /* couleur du fond prénom nom */
width : 203px ;
font-size : 12px ;
color : #454545 ; /* couleur du texte */
text-align : center ;
padding : 2px ;
margin-left:-80px;
-ms-transform: rotate(-90deg) ;
-webkit-transform: rotate(-90deg) ;
transform: rotate(-90deg) ;
transition : 1s ;
}
.aigle:hover {
transition : 1s ;
-ms-transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
transform: rotate(0deg) ;
}
royal {
font-family : times new roman ;
font-size : 12px ;
text-transform : uppercase ;
}
.eider {
border : 3px solid #ED495A; /* couleur bordure avatar */
height : 200px ;
}
.faucon {
background-color : #FAFAFA ; /* couleur fond informations */
color : #454545 ; /* couleur du texte */
width : 250px ;
border-radius : 5px ;
margin-left:-80px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ;
}
pie {
font-family : arial ;
font-weight : bold ;
color : #BD428E ; /* couleur du texte */
font-size : 12px ;
text-transform : uppercase ;
}
.espace {
margin-right:5px ;
}
.roselin {
overflow: auto ;
height: 196px ;
}
.roselin::-webkit-scrollbar {
width: 5px ;
}
.roselin::-webkit-scrollbar-track {
background-color: #ED495A ; /* couleur fond scrollbar */
}
.roselin::-webkit-scrollbar-thumb {
background-color: #ED495A; /* couleur scrollbar active */
}
.mouette {
background-color : #ED495A ; /* couleur du fond "ainsi va la vie" */
width : 203px ;
font-size : 12x ;
color : #454545 ; /* couleur du texte */
text-align : center ;
padding : 2px ;
margin-left:-80px;
-ms-transform: rotate(90deg) ;
-webkit-transform: rotate(90deg) ;
transform: rotate(90deg) ;
transition : 1s ;
}
.mouette:hover {
transition : 1s ;
-ms-transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
transform: rotate(0deg) ;
}
.hirondelle {
background-color : #FAFAFA ; /* couleur fond anecdotes */
color : #454545 ; /* couleur du texte */
width : 395px ;
border-radius : 5px ;
margin-left:5px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ;
}
.alouette {
background-color : #FCFCFC ; /* couleur du fond */
border-top : 4px solid #E9F7EF ; /* couleur du bord haut */
border-left : 1px solid #FADBD8 ; /* couleur du bord gauche */
border-right : 1px solid #FADBD8 ; /* couleur du bord droit */
border-bottom : 4px solid #E9F7EF ; /* couleur du bord haut */
width : 300px ;
font-size : 12px ;
text-align : justify ;
border-radius : 30px ;
margin-left : 200px ;
margin-top : -50px ;
padding : 5px;
}
.monticole {
background-color : #FAFAFA ; /* couleur fond hors-jeu */
color : #454545 ; /* couleur du texte */
border-radius : 30px ;
margin-left:5px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ;
}
.albatros {
background-color : #ED495A ; /* couleur du fond "ainsi va la vie" */
width : 450px ;
font-size : 10px ;
color : #454545 ; /* couleur du texte */
text-align : center ;
padding : 2px ;
margin-left:-80px ;
-ms-transform: rotate(90deg) ;
-webkit-transform: rotate(90deg) ;
transform: rotate(90deg) ;
transition : 1s ;
}
.albatros:hover {
transition : 1s ;
-ms-transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
transform: rotate(0deg) ;
}
.fauvette {
background-color : #FAFAFA ; /* couleur fond informations */
color : #454545 ; /* couleur du texte */
width : 395px ;
border-radius : 5px ;
margin-left:0px ;
margin-right : -125px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ;
}
.grisette {
overflow: auto ;
height: 443px ;
}
.grisette::-webkit-scrollbar {
width: 5px ;
}
.grisette::-webkit-scrollbar-track {
background-color: #FAFAFA ; /* couleur fond scrollbar */
}
.grisette::-webkit-scrollbar-thumb {
background-color: #FADBD8 ; /* couleur scrollbar active */
}
.credits {
font-family : arial ;
margin-left : 60px ;
margin-bottom : 12x ;
margin-top : 12px ;
font-size: 12px ;
letter-spacing : 1px ;
color : #E5E8E8 ; /* couleur du crédit */
}
}
/********************* PROFIL BY MAGMA. *****************/
#beckyy { width: 200px; height: 320px; position: relative; overflow: hidden; text-align: center;}
#beckyy .sucks { -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s;
position: absolute; bottom: -170px; width: 180px; margin-left: 10px; opacity: .90 }
#beckyy:hover .sucks { -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s; bottom: 10px; }
.lolbeckys::-webkit-scrollbar { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-track { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-thumb { background-color: #FAFAFA; }
.fondprofil {background-color: #642830; width : 210px; -webkit-border-radius: 5px; border-radius: 5px;
box-shadow: 0px 0px 5px #FFFFFF; -webkit-box-shadow: 0px 0px 5px #FAFAFA;}
.profil2 { background-color : #642830; width: 195px; margin-left: 2px; height: 350px; overflow: auto;
-webkit-border-radius: 5px; border-radius: 5px; text-align :justify;
box-shadow: 0px 0px 5px #BD428E; -webkit-box-shadow: 0px 0px 5px #FAFAFA; margin-top: 3px; padding: 5px;}
#online {position: absolute; width: 30px; height: 120px; left: 290px;}
.postdetails.poster-profile img {
max-width:190px;}
.postdetails{ color: #BD428E; font-size: 10px; font-family: 'Tahoma'; }
.gen img {max-width: 180px;}
.ChampsProfil > span {white-space:normal !important; font-size:0px; }
.ChampsProfil > span > span {font-size:10px; font-family:roboto condensed;}
.ChampsProfil > span > span:hover {color:#BD428E!important;}
.rang1 {font-family: 'tahoma', sans-serif; font-size: 12px; letter-spacing: 1px; color: #EAE5DB;
text-transform: uppercase;
border-bottom: 1px solid #642830; margin-bottom: 2px; padding: 2px;}
.name {background-color: ##FFFFFF; width: 196px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px;
font-size: 23px; font-family: Tulpen One; letter-spacing: 1px; margin-bottom: 2px; margin-top: 1px;}
/* On transforme la liste et les items de liste en éléments inline */
ul.profile_field_list { display:inline; font-size: 9px;}
ul.profile_field_list > li {display:inline; font-size: 9px;}
.postdetails.poster-profile span.label {color:#EBD428E!important; font-family:tahoma;
font-weight:lighter; font-size: 9px;}
.postdetails poster-profile {color: #EBD428E;}
/***FIN CODE PROFIL**/
/* F I N F I C H E D E P R É S E N T A T I O N
par bird box. */
}
/* CODE CSS SELECTIONNER LE CONTENU */
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
}
/***REDIMENSIONNEMENT GIF***/
.poster-profile img {max-width : 200px;}
.vava1 img {
max-width: 200px;
Dernière édition par lelie25 le Dim 6 Mai 2018 - 18:25, édité 2 fois
Re: problème de {} avec mon CSS
Coucou lelie25,
ça devrait fonctionner maintenant
Beaucoup d’erreur dans la fermeture de balise
testé sur mon forum
Bien à toi
ça devrait fonctionner maintenant
- Code:
.element {font-family:"Tahoma";}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
/****************** CODAGE CATEGORIES PAR MAGMA. ***********************/
.lastpost-avatar img {
width: 69px;
height: 110px; border: 2px double #dbd4d0; padding: 0px;
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0); border-radius: 0px; -webkit-radius: 0px; }
.lastpost-avatar img:hover {
border: 2px double #dec7fa; padding: 0px;
filter: grayscale(80%); -webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
opacity: 0.9; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
filter: grayscale(80%); -webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
opacity: 0.8; /* l'opacite que vous voulez au depart */
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
filter: alpha(opacity = 25); /* Hack IE 5-7 */
-htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
-webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
-moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
-o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
transition: opacity 0.5s ease-in-out; }
.nav img {max-width:140px;}
.modifcat { background-color : #f6f3f3; width: 750px; padding-bottom: 10px;} /*** le fond de la catégorie ***/
.catégoz{ position : relative ; top : 30px; left: 13px;} /*** l'emplacement des titres catégories ***/
.catégoz h2 { font-size: 35px; font-family: Dorsa; letter-spacing: 1px; color:#c4c4c4;font-weight: bold;
text-transform: uppercase; text-shadow: 0 1px 0 #fff;} /*** le style des titres des catégories ***/
.statdescrip { border-radius: 2px; -webkit-border-radius: 2px; width: 350px; height: 115px;
background-color: #fff; border:1px solid #eae6e2; margin-top: -16px; padding-left: 4px; padding-right: 4px;
padding-boddom: 4px;} /*** le style du bloc des descriptions ***/
.descrip_bloc1 { width: 335px; height: 80px; overflow:auto; text-align: justify; line-height: 11px; padding: 4px;
font-family: Tahoma; padding-bottom: 6px; font-size: 10px; background-color: #f7f1ff; border:1px solid #eae6e2;} /*** le style des descriptions ***/
.statistiques_cat {background-color: #fff; width: 135px; height: 115px;
border-radius: 2px; -webkit-border-radius: 2px; margin-top: -7px; border:1px solid #eae6e2;} /*** le style des statistiques en général ***/
.stat_general{ width: px; height: 86px; overflow:auto; font-size: 9px; line-height: 13px;
font-family: 'Roboto Condensed', sans-serif; font-size: 11px;}
.sousfofo {
padding-top: -15px; padding-bottom : 9px; text-align: left; height: 109px; width:150px;
background-image : url('https://2img.net/r/hpimg15/pics/693728soustit.png');
border-radius: 2px; -webkit-border-radius: 2px;margin-left: -4px; border:1px solid #eae6e2;}
.sousfofo a { overflow: x;
color: #BD428E; width: 142px!important; display:inline-block; border-collapse: separate; height : 6px;
font-family: Arial; background-color: #f7f1ff; line-height: 12px; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px;
margin-top: 1px; -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
-webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
-moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
-moz-transition-timing-function:ease-in;
font-size: 8px; text-transform : lowercase; }
.sousfofo a:hover {
color: #FFFFFF
font-family: Arial;
text-shadow: 0px 0px 2px solid #fff; font-size: 8px; text-transform : lowercase; }
.forumutitre { padding-top: -50px!important;}
.forumtitre a { color: #BD428E; font-size: 25px; font-family: Dorsa; letter-spacing: 2px;
text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top: -20px!important;
-webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
-webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
-moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
-moz-transition-timing-function:ease-in;
/* … et lorsque ce sera standardisé */ margin-left: 100px;
transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}
.forumtitre a:hover {color:#93807B !important; letter-spacing: 2px;}
.stat1 {font-size: 8px; font-family: Tahoma; letter-spacing: 0px; color:#000; height : 10px; background-color: #FFFFFF;
text-transform: uppercase; text-align: center; }
.forumdesc1 {text-align: center; font-size: 10px; padding-top: 15px; }
.image_cate {margin-top: 20px;}
/********************* FIN DES CODES CATEGORIES ********************************/
/**QEEL**/
.groupe4 {
text-align: center;
color: #FFFFFF;
width: 200px;
background-color: #3F859E;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'tahoma';
font-size: 14px;
}
.groupe3 {
text-align: center;
color: #FFFFFF;
width: 200px;
background-color: #E08D8D;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'tahoma';
font-size: 14px;
}
.groupe2 {
text-align: center;
color: #FFFFFF;
width: 200px;
background-color: #835D96;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'tahoma';
font-size: 14x;
}
.groupe1 {
text-align: center;
color: #FFFFFF;
width: 200px;
background-color: #F00060;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'tahoma';
font-size: 14px;
}
.nofond table {
background-color: none !important;
}
.infobulle2 > div {
position: absolute;
margin-top: -20px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.infobulle2:hover > div {
opacity: 1;
visibility: visible;
}
.bouh {
width: 200px;
padding-top: 2px;
padding-bottom: 2px;
margin: auto;
background-color: #763F6A;
text-align: center;
-webkit-box-shadow: 0 0 5px #212121;
-moz-box-shadow: 0 0 5px #212121;
-o-box-shadow: 0 0 5px #212121;
box-shadow: 0 0 5px #212121;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
font-size: 12px;
}
.newpost, .descriptions {
font-family: 'Lato', sans-serif;
}
.newpost .gensmall, .descriptions .gensmall {
font-size: 12px !important;
}
.forumlink {
font-family: 'Lato', cursive;
font-size: 24px;
font-weight: 400 !important;
}
.forumlink a {
width: 100%;
border-bottom: 1px solid #363A3D;
padding: 0 50px 6px 0;
}
.newpost, .descriptions, .sousforums_container {
background-color: #E6E2E2;
display: inline-block;
}
.newpost {
width: 250px;
}
.descriptions {
width: 366px;
margin: 0 8px;
height: 122px;
overflow: hidden;
}
.description {
height: 70px;
margin-top: 10px;
padding: 0 10px 0 0;
text-align: justify;
overflow: auto;
}
.infopost {
float: left;
}
.lastpost-avatar-container {
height: 120px;
width: 72px;
}
.lastpost-avatar img {
height: 120px;
width: 72px;
border-radius: 0;
}
.clickinfopost {
margin-top: 5px;
}
.clickinfopost .gensmall {
letter-spacing: -.5px;
font-size: 12px !important;
}
.infonewpost {
width: 170px;
height: 120px;
margin: 2px 5px 0 0;
background-color: #EFEEEE;
}
.infonewpost a, .forumlink .gensmall, .sousforums_details a {
text-transform: uppercase;
font-family: lato;
}
.infonewpost a {
font-size: 12px;
}
.forumlink .gensmall {
margin-top: -4px;
display: block;
font-size: 9px !important;
}
.sousforums_container {
width: 100px;
height: 120px;
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: #E6E2E2;
font-family: 'lato', cursive;
font-size: 39px;
font-weight: 400!important;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/**FIN DU QEEL**/
/*BOTTIN D'AVATAR */
.lefond{
background-color:#642830;/*modifiable, possible de remplacer par une image de fond*/
border-radius: 0px 0px 0px 0px;
width:450px;
height:auto;
}
.topfiche{
background-image:url(''); /*modifiable par une image personalisé, le bas de l'image se fond avec celui de la fiche*/
width:450px;
height:190px;
}
.bottomfiche{
background-image:url(''); /*modifiable par une image personalisé, le bas de l'image se fond avec celui de la fiche*/
width:450px;
height:190px;
}
/*Les titres et sous titres*/
letitre{
font-family: Special Elite; /*modifiable ,penser à modifier/supprimer le premier élément du code HTML*/
font-size:25px;
color:#ED495A;
text-transform: lowercase;
}
sstitle{
font-family:Rajdhani; /*modifiable ,penser à modifier/supprimer le premier élément du code HTML*/
font-size:12px;
color:#ED495A;
text-transform: uppercase;
}
/*la partie légende du bottin*/
.légende{
background-color:white;
text-align:justify;
color:#BD428E;
width:400px;
height:auto;
border-radius:10px;
padding:5px;
font-family:arial;
font-size:12px;
}
pris{
color:#CF806A;
font-family:Rajdhani;
font-size:15px;
text-transform:uppercase;
}
reserve{
color:#73605B;
font-family:Rajdhani;
font-size:15px;
text-transform:uppercase;
}
scenario{
color:#F3C9A3;
font-family:Rajdhani;
font-size:15px;
text-transform:uppercase;
}
/*La partie ABC*/
.imgbottin{
width:25px;
height:25px;
border-radius:35px;
}
.blocABC{
width:200px;
height:140px;
background-color:white;
font-family:journal;
font-size:12px;
border-radius:10px;
text-align:justify;
padding:4px;
overflow:auto;
}
iii{
color: #ED495A;
font-family: Rajdhani;
font-size:15px;
}
/*le crédit NE PAS ENLEVER MERCI!*/
credit{
font-family:journal;
font-size:12px;
color:darkgrey;
}
/* F I C H E D E P R É S E N T A T I O N
par bird box. */
.bird {
background-color : #FCFCFC ; /* couleur du fond */
border-top : 4px solid #ED495A ; /* couleur du bord haut */
border-left : 1px solid #BD428E ; /* couleur du bord gauche */
border-right : 1px solid #BD428E; /* couleur du bord droit */
border-bottom : 4px solid #ED495A ; /* couleur du bord haut */
width : 460px ;
font-size : 12px ;
text-align : justify ;
border-radius : 12px ;
padding : 5px;
}
.aigle {
background-color : #ED495A; /* couleur du fond prénom nom */
width : 203px ;
font-size : 12px ;
color : #454545 ; /* couleur du texte */
text-align : center ;
padding : 2px ;
margin-left:-80px;
-ms-transform: rotate(-90deg) ;
-webkit-transform: rotate(-90deg) ;
transform: rotate(-90deg) ;
transition : 1s ;
}
.aigle:hover {
transition : 1s ;
-ms-transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
transform: rotate(0deg) ;
}
royal {
font-family : times new roman ;
font-size : 12px ;
text-transform : uppercase ;
}
.eider {
border : 3px solid #ED495A; /* couleur bordure avatar */
height : 200px ;
}
.faucon {
background-color : #FAFAFA ; /* couleur fond informations */
color : #454545 ; /* couleur du texte */
width : 250px ;
border-radius : 5px ;
margin-left:-80px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ;
}
pie {
font-family : arial ;
font-weight : bold ;
color : #BD428E ; /* couleur du texte */
font-size : 12px ;
text-transform : uppercase ;
}
.espace {
margin-right:5px ;
}
.roselin {
overflow: auto ;
height: 196px ;
}
.roselin::-webkit-scrollbar {
width: 5px ;
}
.roselin::-webkit-scrollbar-track {
background-color: #ED495A ; /* couleur fond scrollbar */
}
.roselin::-webkit-scrollbar-thumb {
background-color: #ED495A; /* couleur scrollbar active */
}
.mouette {
background-color : #ED495A ; /* couleur du fond "ainsi va la vie" */
width : 203px ;
font-size : 12x ;
color : #454545 ; /* couleur du texte */
text-align : center ;
padding : 2px ;
margin-left:-80px;
-ms-transform: rotate(90deg) ;
-webkit-transform: rotate(90deg) ;
transform: rotate(90deg) ;
transition : 1s ;
}
.mouette:hover {
transition : 1s ;
-ms-transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
transform: rotate(0deg) ;
}
.hirondelle {
background-color : #FAFAFA ; /* couleur fond anecdotes */
color : #454545 ; /* couleur du texte */
width : 395px ;
border-radius : 5px ;
margin-left:5px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ;
}
.alouette {
background-color : #FCFCFC ; /* couleur du fond */
border-top : 4px solid #E9F7EF ; /* couleur du bord haut */
border-left : 1px solid #FADBD8 ; /* couleur du bord gauche */
border-right : 1px solid #FADBD8 ; /* couleur du bord droit */
border-bottom : 4px solid #E9F7EF ; /* couleur du bord haut */
width : 300px ;
font-size : 12px ;
text-align : justify ;
border-radius : 30px ;
margin-left : 200px ;
margin-top : -50px ;
padding : 5px;
}
.monticole {
background-color : #FAFAFA ; /* couleur fond hors-jeu */
color : #454545 ; /* couleur du texte */
border-radius : 30px ;
margin-left:5px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ;
}
.albatros {
background-color : #ED495A ; /* couleur du fond "ainsi va la vie" */
width : 450px ;
font-size : 10px ;
color : #454545 ; /* couleur du texte */
text-align : center ;
padding : 2px ;
margin-left:-80px ;
-ms-transform: rotate(90deg) ;
-webkit-transform: rotate(90deg) ;
transform: rotate(90deg) ;
transition : 1s ;
}
.albatros:hover {
transition : 1s ;
-ms-transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
transform: rotate(0deg) ;
}
.fauvette {
background-color : #FAFAFA ; /* couleur fond informations */
color : #454545 ; /* couleur du texte */
width : 395px ;
border-radius : 5px ;
margin-left:0px ;
margin-right : -125px ;
padding : 5px ;
text-align : justify ;
line-height : 1.5em ;
}
.grisette {
overflow: auto ;
height: 443px ;
}
.grisette::-webkit-scrollbar {
width: 5px ;
}
.grisette::-webkit-scrollbar-track {
background-color: #FAFAFA ; /* couleur fond scrollbar */
}
.grisette::-webkit-scrollbar-thumb {
background-color: #FADBD8 ; /* couleur scrollbar active */
}
.credits {
font-family : arial ;
margin-left : 60px ;
margin-bottom : 12x ;
margin-top : 12px ;
font-size: 12px ;
letter-spacing : 1px ;
color : #E5E8E8 ; /* couleur du crédit */
}
/********************* PROFIL BY MAGMA. *****************/
#beckyy { width: 200px; height: 320px; position: relative; overflow: hidden; text-align: center;}
#beckyy .sucks { -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s;
position: absolute; bottom: -170px; width: 180px; margin-left: 10px; opacity: .90 }
#beckyy:hover .sucks { -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s; bottom: 10px; }
.lolbeckys::-webkit-scrollbar { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-track { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-thumb { background-color: #FAFAFA; }
.fondprofil {background-color: #642830; width : 210px; -webkit-border-radius: 5px; border-radius: 5px;
box-shadow: 0px 0px 5px #FFFFFF; -webkit-box-shadow: 0px 0px 5px #FAFAFA;}
.profil2 { background-color : #642830; width: 195px; margin-left: 2px; height: 350px; overflow: auto;
-webkit-border-radius: 5px; border-radius: 5px; text-align :justify;
box-shadow: 0px 0px 5px #BD428E; -webkit-box-shadow: 0px 0px 5px #FAFAFA; margin-top: 3px; padding: 5px;}
#online {position: absolute; width: 30px; height: 120px; left: 290px;}
.postdetails.poster-profile img {
max-width:190px;}
.postdetails{ color: #BD428E; font-size: 10px; font-family: 'Tahoma'; }
.gen img {max-width: 180px;}
.ChampsProfil > span {white-space:normal !important; font-size:0px; }
.ChampsProfil > span > span {font-size:10px; font-family:roboto condensed;}
.ChampsProfil > span > span:hover {color:#BD428E!important;}
.rang1 {font-family: 'tahoma', sans-serif; font-size: 12px; letter-spacing: 1px; color: #EAE5DB;
text-transform: uppercase;
border-bottom: 1px solid #642830; margin-bottom: 2px; padding: 2px;}
.name {background-color: ##FFFFFF; width: 196px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px;
font-size: 23px; font-family: Tulpen One; letter-spacing: 1px; margin-bottom: 2px; margin-top: 1px;}
/* On transforme la liste et les items de liste en éléments inline */
ul.profile_field_list { display:inline; font-size: 9px;}
ul.profile_field_list > li {display:inline; font-size: 9px;}
.postdetails.poster-profile span.label {color:#EBD428E!important; font-family:tahoma;
font-weight:lighter; font-size: 9px;}
.postdetails poster-profile {color: #EBD428E;}
/***FIN CODE PROFIL**/
/* F I N F I C H E D E P R É S E N T A T I O N
par bird box. */
/* CODE CSS SELECTIONNER LE CONTENU */
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/***REDIMENSIONNEMENT GIF***/
.poster-profile img {max-width : 200px;}
.vava1 img {
max-width: 200px;}
Beaucoup d’erreur dans la fermeture de balise
testé sur mon forum
Bien à toi
Invité- Invité
Re: problème de {} avec mon CSS
Ah génial, ça marche maintenant ! Merci beaucoup pour ton aide Morane
Sujets similaires
» problème avec affichage parfois du forum et problème avec mes mp...
» Problème avec les options des messages & cadrage du forum avec le fond
» Problème avec l'apparence de mon forum. Changement de thème avec l'actualisation
» probleme avec CSS pour une barre de navigation avec boutons reactifs
» Problème avec postbody avec dans les messages
» Problème avec les options des messages & cadrage du forum avec le fond
» Problème avec l'apparence de mon forum. Changement de thème avec l'actualisation
» probleme avec CSS pour une barre de navigation avec boutons reactifs
» Problème avec postbody avec dans les messages
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum