Problème de code CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de code CSS

Message par Kaipy le Lun 30 Mai 2016 - 20:56

Détails techniques


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

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 30/05/2016
Lien du forum : http://fireemblemfates.forumactif.org/

Description du problème

Bonjour,

je rencontre un problème avec un codage de mon forum. Chaque fois que j'essaie de le valider, ce message s'affiche " Erreur

Erreur détectée
Nous 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.'


Je ne sais pas ce qu'il faut ajouter ou enlever, et les petites bordures blanches qui sont sur les cotés des catégories de mon forum ont disparues. Merci de m'aider, cordialement. Smile


Code:
a.forumlink {
   color: #292F51;
   font: 100%, serif;
   text-transform : uppercase;
   text-align: center;
   border-bottom: 1px dotted;
   letter-spacing: 3px;
   display: block;
   }

.quote .code
  width: 500px;
  overflow-x: auto;


/* chatbox */

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Venez discuter dans la taverne !" ; }
#chatbox_header .catBottom .cattitle {
    color: ;


.selectCode
  float:right;
  text-transform: uppercase;
  cursor:pointer;
color: blue;


.signature_div img
  max-height:400px;
  max-width:500px;


a  text-decoration: none;

.blog_cal-content
color:#292F51;

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

a:hover
text-decoration: none ; color: #292F51; border-bottom: 1px dotted #292F51;

     
.forumline
background-color:#292F51;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 2px #292F51 double;
border-top: 2px #292F51 double;
border-right: 2px #292F51 double;
border-left: 2px #292F51 double;

input, textarea, select
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0px;


.postdetails.poster-profile a img
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
border: 5px double #292F51;


.profil_contour

border:  4px #292F51 double; /*La bordure*/
background-color:#062B33 ; /*Le fond*/
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;


#i_logo {margin-top:-10px;margin-right:-10px; margin-left:-10px;

/*ENLEVER LE SOULIGNEMENT DES LIENS*/
a:hover{text-decoration: none !important;
a{text-decoration: none !important;}

/* MARGES DU FORUM */
body {margin-top:-1px;margin-bottom:-1px;
body{margin-top: 0px;
body{margin-bottom: 0px;}
.bodyline{box-shadow:#292F51 0px 0px 5px;
/*JUSTIFICATION*/

.postbody text-align:justify; font-family:arial;
  display: block;
  padding-left: 6px;
  padding-right: 4px;


.mes-credits

    font-weight:normal;
    font-variant:small-caps;
    color:#292F51;
    font-size:11px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;

body{
background-position: top-center;
}


/**QEEL**/
 
.statistiques
border:0px;
background-image: url("http://img11.hostingpics.net/pics/363104popo.png");
background-repeat: no-repeat;
background-position:top-left;
height:400px;

.groupes
;border: 3px #292F51 double;
-moz-border-radius : 15px 0px 15px 0px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;}

.groupes:hover{
;border: 3px #292F51 double;
-moz-border-radius : 0px 15px 0px 15px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;}


/* TITRES DES CATEGORIE */

a.forumlink:link, a.forumlink:visited {
font-family: serif;
background-color: #292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #292F51;
  border-bottom-right-radius: 10px
display: block;
border-radius-topleft: 15px;
border-radius-topright: 0px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 0px;

}

a.forumlink:link, a.forumlink:visited:hover {
font-family: serif;
background-color:#292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #D2D8EA;
display: block;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 15px;

}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #292F51;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #292F51;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #292F51; /*ou alors si tu veux une image :*/
border: double 3px #292F51; /*on définit le style de la bordure sa largeur et sa couleur*/
}

.titre{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Script MT Bold;
letter-spacing: -1px;
font-size: 18px;
font-weight:bold;
background-color:#292F51;
border-bottom: 3px double #292F51;
color: #292F51;
text-align: center;
padding:3px;
}

.sous{
font-family:comic sans ms;
font-size: 13px;
border-bottom: 3px double #292F51;
font-style:italic;
color:#292F51;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}
             
             
             
              --------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
  background: #000000; 
  color: #ffffff;
 
  border: 2px #ffffff solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #ffffff;
  -moz-box-shadow: 1px 1px 5px #ffffff;
  -webkit-box-shadow: 1px 1px 5px #ffffff;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
     
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #ffffff;
  text-shadow: 0px 0px 8px #000000;
  border: #ffffff 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color: #ffffff;
}

.lien:hover{
  background: #ffffff;
  color: #000000;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits {
  width: 280px;
  height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px;
  height: 70px;
  overflow: auto;
}


/* Titres */{
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px;
  width: 20px;
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000; 
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;


Dernière édition par Kaipy le Mar 31 Mai 2016 - 12:26, édité 1 fois

Kaipy
Nouveau membre

Messages : 7
Inscrit(e) le : 30/05/2016

http://fireemblemfates.forumactif.org/
Kaipy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code CSS

Message par Neptunia le Lun 30 Mai 2016 - 21:17

Bonjour, et bienvenue sur le Forum des Forums Forumactif


Tuto Le CSS – Comment ça marche ?

Un code CSS se présente toujours de la façon suivante.
Code:
sélecteur {
attribut: valeur;
… ;
attribut: valeur;
}

- Le sélecteur (ou ensemble de sélecteurs) est un id une class ou un élément html
- Une accolade ouvrante
- Un ou plusieurs couples d'attributs/valeurs chacun suivi d'un point-virgule
- une accolade fermante.

Votre feuille CSS doit contenir autant d'accolades ouvrantes que fermantes, ce qui n'est pas votre cas.

Reprenons votre CSS
Code:
a.forumlink {
  color: #292F51;
  font: 100%, serif;
  text-transform : uppercase;
  text-align: center;
  border-bottom: 1px dotted;
  letter-spacing: 3px;
  display: block;
  }
Ce bloc est correct, il y a tout ce qu'il faut, prenez exemple dessus, le reste de votre CSS étant truffé d'erreurs.

Code:
.quote .code
  width: 500px;
  overflow-x: auto;
Là il n'y a aucune accolade, donc le code ne sera au mieux pas pris en compte, au pire provoquera le dysfonctionnement de tout ce qui suit.

Code:
#chatbox_header .cattitle strong { display: none; }
Code correct, on peut en effet omettre les sauts de ligne.

Code:
#chatbox_header .catBottom .cattitle {
    color: ;
Code incorrect : vous définissez un attribut color mais ne lui affectez aucune valeur. De surcroît l'accolade fermante est manquante.

Tout le reste du CSS est à revérifier, la plupart des blocs ne disposant d'aucune accolade.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code CSS

Message par Kaipy le Mar 31 Mai 2016 - 10:30

Merci beaucoup pour votre accueil et votre réponse qui m'a permis d'en apprendre plus sur le CSS !
J'ai ajouté toutes les accolades que j'ai pu voir manquantes et les bordures sont réapparues mais il y'a encore un petit problème visiblement. Est-ce que j'aurais oublié une accolade à un endroit ? Je n'arrive pas à trouver ou. Merci d'avance pour votre aide.

Code:
a.forumlink {
   color: #292F51;
   font: 100%, serif;
   text-transform : uppercase;
   text-align: center;
   border-bottom: 1px dotted;
   letter-spacing: 3px;
   display: block;
   }

.quote .code {
  width: 500px;
  overflow-x: auto;
  }


/* chatbox */

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Venez discuter !" ; }


.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
color: blue;
  }


.signature_div img {
  max-height:400px;
  max-width:500px;
  }

a  text-decoration: none; {
.blog_cal-content
color:#292F51;
  }
 
a:link {text-decoration: none; }
a:hover{text-decoration: none !important; }

a:hover {
text-decoration: none ; color: #292F51; border-bottom: 1px dotted #292F51;
 }
     
.forumline {
background-color:#292F51;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 2px #292F51 double;
border-top: 2px #292F51 double;
border-right: 2px #292F51 double;
border-left: 2px #292F51 double;
 }
 
input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0px;
 }
 
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
border: 5px double #292F51;
}
 
.profil_contour {

border:  4px #292F51 double; /*La bordure*/
background-color:#062B33 ; /*Le fond*/
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
 }


#i_logo {margin-top:-10px;margin-right:-10px; margin-left:-10px; {

/*ENLEVER LE SOULIGNEMENT DES LIENS*/
a:hover{text-decoration: none !important;
a{text-decoration: none !important;
}

/* MARGES DU FORUM */
body {margin-top:-1px;margin-bottom:-1px;}
body{margin-top: 0px;}
body{margin-bottom: 0px;}
.bodyline{box-shadow:#292F51 0px 0px 5px;
}
/*JUSTIFICATION*/

.postbody text-align:justify;{ font-family:arial;
  display: block;
  padding-left: 6px;
  padding-right: 4px;


.mes-credits}

    font-weight:normal;{
    font-variant:small-caps;
    color:#292F51;
    font-size:11px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;
}

body {
background-position: top-center;
}


/**QEEL**/
 
.statistiques {
border:0px;
background-image: url("http://img11.hostingpics.net/pics/363104popo.png");
background-repeat: no-repeat;
background-position:top-left;
height:400px;
}

.groupes {
;border: 3px #292F51 double;
-moz-border-radius : 15px 0px 15px 0px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;
}

.groupes:hover {
;border: 3px #292F51 double;
-moz-border-radius : 0px 15px 0px 15px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;
}


/* TITRES DES CATEGORIE */

a.forumlink:link, a.forumlink:visited {
font-family: serif;
background-color: #292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #292F51;
  border-bottom-right-radius: 10px
display: block;
border-radius-topleft: 15px;
border-radius-topright: 0px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 0px;
}

a.forumlink:link, a.forumlink:visited:hover {
font-family: serif;
background-color:#292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #D2D8EA;
display: block;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 15px;
}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #292F51;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #292F51;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span {
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
 }

.thumbnail:hover span {
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #292F51; /*ou alors si tu veux une image :*/
border: double 3px #292F51; /*on définit le style de la bordure sa largeur et sa couleur*/
 }

.titre {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Script MT Bold;
letter-spacing: -1px;
font-size: 18px;
font-weight:bold;
background-color:#292F51;
border-bottom: 3px double #292F51;
color: #292F51;
text-align: center;
padding:3px;
}

.sous {
font-family:comic sans ms;
font-size: 13px;
border-bottom: 3px double #292F51;
font-style:italic;
color:#292F51;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}
             
             
             
              --------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
  background: #000000; 
  color: #292F51;
 
  border: 2px #292F51 solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #292F51;
  -moz-box-shadow: 1px 1px 5px #292F51;
  -webkit-box-shadow: 1px 1px 5px #292F51;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
     
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #292F51
  text-shadow: 0px 0px 8px #000000;
  border: #292F51 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color: #ffffff;
}

.lien:hover{
  background: #292F51;
  color: #000000;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits {
  width: 280px;
  height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px;
  height: 70px;
  overflow: auto;
}


/* Titres */{
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px;
  width: 20px;
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000; 
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}

Kaipy
Nouveau membre

Messages : 7
Inscrit(e) le : 30/05/2016

http://fireemblemfates.forumactif.org/
Kaipy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code CSS

Message par no_way le Mar 31 Mai 2016 - 10:56

Bonjour et bienvenue Very Happy, remplacez votre code par celui-ci:
Code:
a.forumlink {
  color: #292F51;
  font: 100%, serif;
  text-transform : uppercase;
  text-align: center;
  border-bottom: 1px dotted;
  letter-spacing: 3px;
  display: block;
  }

.quote .code {
  width: 500px;
  overflow-x: auto;
  }


/* chatbox */

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Venez discuter !" ; }


.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
color: blue;
  }


.signature_div img {
  max-height:400px;
  max-width:500px;
  }

a  text-decoration: none; {
.blog_cal-content
color:#292F51;
  }
 
a:link {text-decoration: none; }
a:hover{text-decoration: none !important; }

a:hover {
text-decoration: none ; color: #292F51; border-bottom: 1px dotted #292F51;
 }
   
.forumline {
background-color:#292F51;
-moz-border-radius: 15px 0px 15px 0px ;
border-bottom: 2px #292F51 double;
border-top: 2px #292F51 double;
border-right: 2px #292F51 double;
border-left: 2px #292F51 double;
 }
 
input, textarea, select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0px;
 }
 
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
border: 5px double #292F51;
}
 
.profil_contour {

border:  4px #292F51 double; /*La bordure*/
background-color:#062B33 ; /*Le fond*/
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
 }


#i_logo {margin-top:-10px;margin-right:-10px; margin-left:-10px;}

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

/* MARGES DU FORUM */
body {margin-top:-1px;margin-bottom:-1px;}
body{margin-top: 0px;}
body{margin-bottom: 0px;}
.bodyline{box-shadow:#292F51 0px 0px 5px;
}
/*JUSTIFICATION*/

.postbody text-align:justify;{ font-family:arial;
  display: block;
  padding-left: 6px;
  padding-right: 4px;


.mes-credits}

    font-weight:normal;{
    font-variant:small-caps;
    color:#292F51;
    font-size:11px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;
}

body {
background-position: top-center;
}


/**QEEL**/
 
.statistiques {
border:0px;
background-image: url("http://img11.hostingpics.net/pics/363104popo.png");
background-repeat: no-repeat;
background-position:top-left;
height:400px;
}

.groupes {
;border: 3px #292F51 double;
-moz-border-radius : 15px 0px 15px 0px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;
}

.groupes:hover {
;border: 3px #292F51 double;
-moz-border-radius : 0px 15px 0px 15px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:right;
text-decoration: none !important;
}


/* TITRES DES CATEGORIE */

a.forumlink:link, a.forumlink:visited {
font-family: serif;
background-color: #292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #292F51;
  border-bottom-right-radius: 10px
display: block;
border-radius-topleft: 15px;
border-radius-topright: 0px;
border-radius-bottomright: 15px;
border-radius-bottomleft: 0px;
}

a.forumlink:link, a.forumlink:visited:hover {
font-family: serif;
background-color:#292F51;
text-align: center;
font-size: 100%;
border-bottom: 3px double #292F51;
background-color: #292F51;
color: #D2D8EA;
display: block;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 15px;
}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #292F51;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #292F51;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span {
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
 }

.thumbnail:hover span {
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: #292F51; /*ou alors si tu veux une image :*/
border: double 3px #292F51; /*on définit le style de la bordure sa largeur et sa couleur*/
 }

.titre {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
font-family: Script MT Bold;
letter-spacing: -1px;
font-size: 18px;
font-weight:bold;
background-color:#292F51;
border-bottom: 3px double #292F51;
color: #292F51;
text-align: center;
padding:3px;
}

.sous {
font-family:comic sans ms;
font-size: 13px;
border-bottom: 3px double #292F51;
font-style:italic;
color:#292F51;
text-align: left;
margin:5 0 5px;
padding:3px 10px;
}
           
           
           
              --------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
  background: #000000;
  color: #292F51;
 
  border: 2px #292F51 solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #292F51;
  -moz-box-shadow: 1px 1px 5px #292F51;
  -webkit-box-shadow: 1px 1px 5px #292F51;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
   
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #292F51
  text-shadow: 0px 0px 8px #000000;
  border: #292F51 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color: #ffffff;
}

.lien:hover{
  background: #292F51;
  color: #000000;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits {
  width: 280px;
  height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px;
  height: 70px;
  overflow: auto;
}


/* Titres */
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px;
  width: 20px;
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000;
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}

si vous utilisez notepad++:
la procahine fois:
-faites ctrl+f
-cochez expression régulière pour le mode de recherche et mettez dans le champ de recherche:
Code:
\{[^}]*\{

Vous trouverez ainsi rapidement les déclarations que vous avez oublié de clôturer.



no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code CSS

Message par Kaipy le Mar 31 Mai 2016 - 12:26

Superbe, merci beaucoup ! =D

Kaipy
Nouveau membre

Messages : 7
Inscrit(e) le : 30/05/2016

http://fireemblemfates.forumactif.org/
Kaipy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code CSS

Message par Chacha le Mar 31 Mai 2016 - 12:36

Bienvenue sur le forum de support de Forumactif

Bonjour,

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49774
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum