Problème dans mon code css

Membre

Bonjour ,

J'ai une erreur dans mon code css , je sais que sais dans le message d'acceuil mais ou??

("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"

Mon code css:

Code:: /*
|--------------------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
   background: #444444;
   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;


.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;

   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: Orator STD;
   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;

}

.titre-welcome:hover {
   background: #000000;
   color: #ffffff;

}
/*Cadre du forum arrondi*/
   #wrap{
   border-radius: 17px;
   -moz-border-radius: 17px;
   -webkit-border-radius: 17px;
   padding: 10px;
   border: 1.5px solid #fff}

------------------
A laisser
------------------

.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}

------------------------------
Couleur de fond de la chatbox
------------------------------

body.chatbox {
   background-color: #23D60B !important;
}
------------------------------------------------------------
Profil basculer
------------------------------------------------------------

.profil_mess
{
  position: relative;
  z-index: 9;
  width: 210px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  background-color: #efb586;
  padding: 4px;
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -htm-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid #f9b553;
  box-shadow: 0px 0px 5px #b44a17;
  -moz-box-shadow: 0px 0px 5px #b44a17;
  -htm-box-shadow: 0px 0px 5px #b44a17;
  -o-box-shadow: 0px 0px 5px #b44a17;
  -webkit-box-shadow: 0px 0px 5px #b44a17;
}

.name
{
  display: block;
  text-transform: uppercase;
  margin-top: -15px;
  margin-bottom: -10px;
  font-size: 14px;
  font-family: arial black;
  text-shadow: 1px 1px 0px #000000;
  padding-bottom: 5px;
  border-bottom: 1px dashed #b44a17;
}

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

.profil2_mess
{
  position: relative;
  z-index: 1;
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -202px;
  background-color:#efb586;
  padding-left: 4px;#f9b487
  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 #d8a583;
  box-shadow: 0px 0px 5px #edba72;
  -moz-box-shadow: 0px 0px 5px #edba72;
  -htm-box-shadow: 0px 0px 5px #edba72;
  -o-box-shadow: 0px 0px 5px #edba72;
  -webkit-box-shadow: 0px 0px 5px #edba72;
  color: #f59f5f !important;
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -htm-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  -htm-transition: 2s;
  -webkit-transition: 2s;
}
.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: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  -htm-transition: 2s;
  -webkit-transition: 2s;
}
.profil2_content
{
  display: block;
  width: 180px;
  height: 200px;
  max-height: 200px;
  overflow: auto;
}

a {
  text-decoration:none !important;
  font-variant:small-caps;
}

a:hover {
   text-decoration: none !important;
   color:#49941C;
   letter-spacing: 2px;
}

-------------------------------------

#text_editor_textarea {
   height: 200px;
}
a:hover { text-decoration: none !important;
text-shadow: 1px 1px 5px #000000 Couleur; }
---------------------------------------
body.chatbox {
background-color:#E8EDED !important;
}

/* CHATBOX - DEBUT */
/* Couleur de fond entête */
#chatbox_header .catBottom .cattitle {
   color: #7CEDDE;
}
/* Couleur des liens entête */
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
   color: #0008FE;
#chatbox_row_1 color: #E8EDED;
#chatbox_row_2 color: #E8EDED;
}
/* Couleur liste des membres */
#chatbox_members ul li,
#chatbox_members ul li a {
   color: #000000;
}
/* Couleur de fond */
body.chatbox {
   background-image:url("http://prntscr.com/1c8otv");
   background-color: #E8EDED;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Huhuhu..Le coin des pipelettes"; }
#chatbox_header .cattitle { background-image:url(); }
/* CHATBOX - FIN */

------------------------------
fleche haut et bas
------------------------------

#fixe {
  position: fixed ;
  top: 250 ;
  right: 50;
}

---------------------------------

#page-footer {
   padding-top:15px;
   text-align:center !important;
  }

Merci a celui qui m'aidera Smile

Membre

...

Edit par Mr. Docteur: Merci de ne poster qu'une seul question par sujet.

Règlement #6, https://entraide-mr-docteur.forumactif.com/t65-notre-reglement

Modérateur

Bonjour,

Il y a 2 questions a la suite.

Désolé une question par sujet

Je ferme

Expert en ForumActif

Salut Sky,

Je ré-ouvre Wink

... Ce que tu as fait est correcte, moi aussi je fais la même affaire. Mais je vais essayer une forme de modération où je vais editer le post en question comme j'ai fait. Je vais voir si cela fonctionne bien comme technique Smile

Expert en ForumActif

Bonjour,

j'ai corrigé 19 erreurs provenant de votre code CSS.

Voici le nouveau code:

Code:: td {
vertical-align : top;
}
.block-partenaires img, .thumbnail > div {
transition : opacity 1s;
}
.block-partenaires img {
width : 88px;
height : 31px;
padding : 1px;
opacity : 0.5;
}
.block-partenaires img:hover {
opacity : 1;
}
.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;
border : #ffffff solid 1px;
opacity : 0.5;
}
.thumbnail:hover > div {
top : 0;
left : 0;
width : 78px;
height : 78px;
opacity : 1;
}
.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;
}
.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;
}
.titre {
font-family : Orator STD;
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 : 0 solid #ffffff;
}
.titre-staff {
width : 130px;
text-align : center;
}
.titre:hover {
background : #FFFFFF;
color : #000000;
}
.titre-welcome:hover {
background : #000000;
color : #ffffff;
}
#wrap {
border-radius : 17px;
padding : 10px;
border : #fff solid 1.5px;
}
.mini_ava img {
width : 40px;
height : 40px;
margin : 0 5px;
border-radius : 10px;
transition : all 2s;
}
.mini_ava img:hover {
width : 80px;
height : 80px;
}
.name {
display : block;
text-transform : uppercase;
margin-top : -15px;
margin-bottom : -10px;
font-size : 14px;
font-family : arial black;
text-shadow : 1px 1px 0 #000000;
padding-bottom : 5px;
border-bottom : 1px dashed #b44a17;
}
.avatar_mess {
display : block;
width : 200px;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
height : 320px;
overflow : hidden;
border : #ffffff solid 5px;
opacity : 0.699999988079071044921875;
transition : 1s;
}
.avatar_mess:hover {
opacity : 1;
transition : 1s;
}
.profil2_content {
display : block;
width : 180px;
height : 200px;
max-height : 200px;
overflow : auto;
}
a {
text-decoration : none !important ;
font-variant : small-caps;
}
a:hover {
text-decoration : none !important ;
color : #49941C;
letter-spacing : 2px;
}
a:hover {
text-decoration : none !important ;
}
#chatbox_header .catBottom .cattitle {
color : #7CEDDE;
}
#chatbox_members ul li a {
color : #000000;
}
body.chatbox {
background-image : url("http://prntscr.com/1c8otv");
background-color : #E8EDED;
}
#chatbox_header .cattitle strong {
display : none;
}
#chatbox_header .cattitle:before {
content : "Huhuhu..Le coin des pipelettes";
}
#chatbox_header .cattitle {
background-image : url();
}

Cordialement,
Smile

Modérateur

Le code CSS je l'avais corrigé aussi mais .... surement un bug qui a fait qu'il s'est supprimé
on va dire ca

Expert en ForumActif

Je sais qu'il a changé tout le code, car je viens de mettre son code CSS et ça la détruit le QEEL ainsi que la PA... Désolé, mais la prochaine fois, donne tout le code CSS surtout si tu me laisse jouer dans ton forum Ipod' !

Membre

Le code il y était j'ai tous remis^^ apars les flèches haut bax que j'avais galérer a mettre...

Expert en ForumActif

D'accord, tu peux poster un nouveau sujet pour tes flèche, je t'aiderai Smile

Membre

Ok merci Doc et skysky!

» PROBLEME CODE SELECTIONNER TOUS LE CONTENUE
» Petit problème dans les profil
» code pour afficher le pseudo
» Equivalence code ccs phpBB3 vers phpBB2
» Code

Notre forum		ForumActif
Contactez nous ! Statistic tu forum Signalez un abus sur le forum		© phpBB Créer un forum gratuit Forum de support officiel francophone

Rechercher

Résultats par : Messages Sujets
Recherche avancée

Problème dans mon code css

Sujets similaires