Probleme avec mon code css

[petitemanu]

Bonjour,

Je viens d'ajouter un code css sur mon forum (Ciné Littérature) , pour pouvoir voir les derniers message du forum dans une petit fenêtre qui s'ouvre quand la souris passe.
C'est un code que j'ai trouvé sur le forum : Thèmes F.A.

Depuis que j'ai placé le code j'ai un message d'erreur qui apparait :

Je ne suis pas très douée avec les css et je n'arrive pas à trouver l'erreur, est ce que vous pouvez m'aider ?

Voici tout mon css :

Code:

.bodylinewidth {
border-spacing: 0;
}
.bodyline{
border-spacing: 0;
}

/* ---- BLOC CONTENANT LE TITRE DES CATÉGORIES ---- */
.tfa_cattitle{
position: relative;
width: 100%;
margin: 15px 0;
padding: 0;
clear:both;
}
/* TITRE CATÉGORIE */
.tfa_cattitle h2{
width: 80%;
margin: 0 auto;
paddign: 0;
text-align:center;
font: 22px Verdana;
color: #000000;
text-shadow: 0 1px 0 #000;
}
/* 1ERE LETTRE DU TITRE DE CATÉGORIE */
.tfa_cattitle h2:first-letter{
font-size:30px;
color: #a3967f;
font-weight: bold;
}

/* ---- BLOC CONTENANT LES FORUMS ---- */
.tfa_container_forum{
position: relative;
width: 100%;
margin: 10px auto;
padding: 0;
}
/* BLOC CONTENANT UN FORUM */
.tfa_contenu_forum{
width: 33%;
float: left;
margin: 10px auto 30px;
padding: 0;
}
/* CONTENU DES FORUMS */
.in_forum{
position: relative;
width: 96%;
margin: 10px auto;
padding: 0;
background: #b8ab95;
margin: 0 auto;
padding: 0px;
border: 1px solid #887d69;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/* ----- BLOC SUJETS-MESSAGES ------ */
.sujets-messages{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/bas12.png) no-repeat;
position: relative;
width: 150px;
height: 16px;
margin: 0 auto;
padding:0;
text-align:center;
}
/* SUJETS-MESSAGES */
.sujets-messages .gensmall{
font: 10px Arial;
color: #fff;
text-shadow: 1px 0 1px #000;
margin: 2px auto 0;
padding:0;
text-align: center;
}
/* CHIFFRES */
.chiffres{
color:#000000;
}

/* ------- BLOC TITRE FORUM ------- */
.block_titre{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/barre_43.jpg) top left repeat-x;
position:relative;
width: 100%;
height: 33px;
margin: 10px 0 0 0;
padding: 0;
}
.block_titre .hierarchy{
display: block;
width: 100%;
height: 33px;
margin: 0;
padding: 0;
}
/* LIEN FORUM */
.block_titre a.forumlink{
display: block;
font: bold 16px Arial;
color: #000000;
text-shadow: 0 1px 0 #d4c5ac;
text-align: center;
padding-top: 6px;
text-decoration: none !important;
-webkit-transition: all 0.8s ease 0.2s; /* pour navigateur webkit */
-moz-transition: all 0.8s ease 0.2s; /* pour navigateur mozilla */
-o-transition: all 0.8s ease 0.2s; /* pour navigateur opera */
transition: all 0.8s ease 0.2s; /* pour les navigateurs récents */
}
/* LIEN FORUM AU SURVOL */
.block_titre a.forumlink:hover{
font-size: 19px;
color: #1c170f;
text-decoration: none !important;
}
/* IMAGE DE GAUCHE */
.titre-deco{
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 33px;
margin: 0;
padding: 0;
}

/* ------- BLOC DESCRIPTION -------- */
.tfa_description{
background: #DAB78E;
border: 1px solid #e5d6bd;
width: 94%;
height: 80px;
margin: 12px auto 0;
padding: 0;
}
/* BLOC TRANSITION */
.bloc-trans{
position: relative;
height: 80px;
margin: auto;
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
}
/* CONTENU BLOC DESCRIPTION */
.bloc-texte{
background: #25211b;
width: 100%;
height: 80px;
position: absolute;
top: 0;
left: 0;
color: #9C9C9C;
opacity: 0;
filter : alpha(opacity=0);
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}
/* DESCRIPTION AU SURVOL */
.bloc-texte:hover {
opacity: 0.8;
filter : alpha(opacity=80);
}
/* IMAGE DESCRIPTION */
.descr-img img {
vertical-align: middle;
}
/* TEXTE DESCRIPTION */
.in-tfa_cont{
font-size: 16px;
color: #fff;
text-align: center;
width: 96%;
margin: 5px auto 0;
padding:0;
height: 68px;
overflow-y: auto;
}

/* ------ BLOC MODERATEURS -------- */
.modo{
position: relative;
width:90%;
margin: 0 auto;
padding: 0;
}
.modo-transtion{
position: absolute;
left: 0;
width: 100%;
margin: 0 auto;
padding: 0;
z-index: 3;
}
/* CONTENU MODERATEURS */
.modo_content{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/barre_43.jpg) repeat-x;
position: relative;
height: 0;
overflow: hidden;
color: #575454;
-moz-border-radius: 0 0 9px 9px;
-webkit-border-radius: 0 0 9px 9px;
border-radius: 0 0 9px 9px;
-webkit-transition: all 1.2s ease; /* pour navigateur webkit */
-moz-transition: all 1.2s ease; /* pour navigateur mozilla */
-o-transition: all 1.2s ease; /* pour navigateur opera */
transition: all 1.2s ease; /* pour les navigateurs récents */
}
/* OUVERTURE MODERATEURS */
.open_modo{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/bas12.png) no-repeat transparent;
position: relative;
width: 94px;
height: 13px;
display: block;
margin: 0 auto;
padding: 0;
font: 10px Arial;
color: #fff;
text-shadow: 1px 0 1px #000;
text-align: center;
}
/* MODERATEURS AU SURVOL */
.modo-transtion:hover .modo_content{
height: 25px;
padding: 3px;
}

/* TEXTE MODO */
.modo span{
font: 10px Arial;
}

/* --- PARTIE DERNIERS SUJETS ET ICONES */
.derniers_sujets_and_icone{
width: 100%;
position: relative;
margin: 0;
padding: 0;
}
/* ---------- DERNIERS SUJETS -------- */
.tfa_last_post{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/tr210.jpg) top left repeat-x transparent;
width: 65%;
height: 60px;
float: left;
margin: 16px 0 10px 10px;
padding: 5px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #817663;
border-bottom: 1px solid #daceba;
-webkit-transition: all 1.2s ease; /* pour navigateur webkit */
-moz-transition: all 1.2s ease; /* pour navigateur mozilla */
-o-transition: all 1.2s ease; /* pour navigateur opera */
transition: all 1.2s ease; /* pour les navigateurs récents */
}
/* DERNIERS SUJETS AU SURVOL */
.tfa_last_post:hover{
background-position: bottom left;
}
/* ICONES NEW-NO NEW-CLOS */
.tfa_icone{
width: 25%;
float: right;
margin: 10px auto;
padding: 0;
text-align: center;
}

/* ------ BLOC SOUS-FORUMS -------- */
.bas-tfa_transition{
position: relative;
width:90%;
margin: 0 auto;
padding: 0;
}
.bloc_sous_forums{
position: absolute;
left: 0;
width: 100%;
margin: 0 auto;
padding: 0;
z-index: 3;
}
/* SOUS-FORUMS */
.sous_forums{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/sous_f10.jpg) repeat-x;
position: relative;
height: 0;
overflow: hidden;
color: #fff;
-moz-border-radius: 0 0 9px 9px;
-webkit-border-radius: 0 0 9px 9px;
border-radius: 0 0 9px 9px;
-webkit-transition: all 1.2s ease; /* pour navigateur webkit */
-moz-transition: all 1.2s ease; /* pour navigateur mozilla */
-o-transition: all 1.2s ease; /* pour navigateur opera */
transition: all 1.2s ease; /* pour les navigateurs récents */
}
/* OUVERTURE SOUS-FORUM */
.open_sous-forums{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/bas12.png) no-repeat transparent;
position: relative;
width: 149px;
height: 17px;
display: block;
float: right;
margin-right: 10px;
padding: 1px 0 0 0;
font: 11px Arial;
color: #fff;
text-shadow: 1px 0 1px #000;
text-align: center;
}
/* SOUS-FORUM AU SURVOL */
.bloc_sous_forums:hover .sous_forums{
height: 50px;
padding: 3px;
}

/* --------- STAFF TRANSITION --------- */

/* BLOC PRINCIPAL */
#trans_div{
position: relative;
width: 100%;
height: 140px;
margin: 0;
paddign: 0;
overflow: visible;
}
/* BLOC EN POSITION ABSOLUTE POUR EVITER LES DEFORMATIONS AU SURVOL */
#en_plus{
width: 100%;
position: absolute;
margin: 0;
padding: 0;
}
/* TITRE */
#en_plus h2{
color: #284a67;
font: 16px Verdana;
letter-spacing:1px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
margin: 2px;
padding: 0;
}
/* BLOC DE CONTENU */
.bloc_transit_tfa {
background: #284a67;
width:70px;
height: 100px;
float: left;
margin: 6px;
padding: 0;
overflow: hidden;
border: 2px solid #7d121a;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
/* BLOC DE CONTENU AU SURVOL */
.bloc_transit_tfa:hover {
width: 230px;
height: 170px;
padding-top: 3px;
}
/* PARAGRAPHE */
.bloc_transit_tfa p{
width: 96%;
margin: 0 auto;
padding: 0;
color: #000;
text-align: left;
}
/* CONFIGURAITON DE SPAN (pseudo) */
.bloc_transit_tfa SPAN{
font: 14px Arial;
color: #CC0000;
}
/* LIENS */
.bloc_transit_tfa a{
font: 15px Verdana;
color: #84c1f4;
text-decoration: none;
}

/* Slide New sujet - Code par Quierra themes-fa.com - 18/01/2011 - */
div#New_sujet{
position: fixed;
margin: 0px;
padding: 0px;
top: 80px; /* Placé à 80px à partir du haut */
left: 0px; /* Placé à 0px de la droite */
list-style: none;
z-index: 999;
}

div#New_sujet ul {
width: 300px; /* largeur totale du slide */
background: transparent;
margin-left: -40px;
/margin-left: 0px;
}

div#New_sujet ul li{
background: transparent;
display:block;
position: relative;
width: 300px; /* largeur totale */
height:300px; /* hauteur totale */
}

div#New_sujet #comments_scroll_div{
background: #b8ab95; /* couleur de fond de la cellule contenant les derniers messages */
border:1px solid #000; /* configuration de la bordure */
font-family: Arial; /* police utilisée */
font-size: 10px; /* taille du texte */
padding: 5px 1 5px 0; /* réglage des marges intérieures */
color: #ebcacd; /* couleur du texte */
width: 300px; /* largeur de la cellule */
height: 300px; /* hauteur de la cellule */
}

div#New_sujet #comments_scroll_container{
width: 230px !important; /* largeur du scroll, mettre une largeur plus petite que la cellule qui le contient pour éviter les débordements */
}


div#New_sujet #comments_scroll_div a{
font-family: Arial; /* police utilisée pour les liens */
font-size: 15px; /* taille des liens */
font-weight:bold; /* les liens en gras */
font-style: italic; /* les liens en italique */
color: #000; /* couleur des liens */
}

div#New_sujet #comments_scroll_div a:hover{
color: #9c9696; /* couleur des liens au survol */
}

div#New_sujet .td_2{
background: transparent; /* couleur de fond de la cellule contenant la barre d'ouverture */
}
/*PROFIL*/
/* IMAGE DU HAUT */
.haut_profil{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/tfa_0110.png) no-repeat transparent;
width: 170px;
height: 44px;
margin: 0 auto;
padding: 0;
}
/* IMAGE DU CENTRE */
.centre_profil{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/tfa_0210.png) repeat-y transparent;
width: 170px;
margin: 0 auto;
padding: 0;
}
/* IMAGE DU BAS */
.bas_profil{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/tfa_0410.png) no-repeat transparent;
width: 170px;
height: 29px;
margin: 0 auto;
padding: 0;
}
/* PSEUDO */
.haut_profil .name{
display: block;
width: 96%;
margin: 0 auto;
padding: 7px 0 0 0;
font: 16px Arial;
text-align: center;
}

/* CONTENU DU PROFIL */
.centre_profil .postdetails.poster-profile{
display: block;
width: 150px;
margin: 0 auto;
padding: 5px 0;
}

Je pense que le problème se trouve sur la fin au niveau de : /* Slide New sujet - Code par Quierra themes-fa.com - 18/01/2011 - */.
Est ce que le fait d'avoir, une erreur de parenthèse cela empêcher l'animation des nouveaux messages de mal fonctionner ?

Merci d'avance pour votre aide.

[Scipion]

Bonjour

Effectivement c'est tout le bloc relatif à "Slide New Sujet" qui empêche l'enregistrement de vos codes CSS :

Code:

/* Slide New sujet - Code par Quierra themes-fa.com - 18/01/2011 - */
div#New_sujet{
position: fixed;
margin: 0px;
padding: 0px;
top: 80px; /* Placé à 80px à partir du haut */
left: 0px; /* Placé à 0px de la droite */
list-style: none;
z-index: 999;
}

div#New_sujet ul {
width: 300px; /* largeur totale du slide */
background: transparent;
margin-left: -40px;
/margin-left: 0px;
}

div#New_sujet ul li{
background: transparent;
display:block;
position: relative;
width: 300px; /* largeur totale */
height:300px; /* hauteur totale */
}

div#New_sujet #comments_scroll_div{
background: #b8ab95; /* couleur de fond de la cellule contenant les derniers messages */
border:1px solid #000; /* configuration de la bordure */
font-family: Arial; /* police utilisée */
font-size: 10px; /* taille du texte */
padding: 5px 1 5px 0; /* réglage des marges intérieures */
color: #ebcacd; /* couleur du texte */
width: 300px; /* largeur de la cellule */
height: 300px; /* hauteur de la cellule */
}

div#New_sujet #comments_scroll_container{
width: 230px !important; /* largeur du scroll, mettre une largeur plus petite que la cellule qui le contient pour éviter les débordements */
}


div#New_sujet #comments_scroll_div a{
font-family: Arial; /* police utilisée pour les liens */
font-size: 15px; /* taille des liens */
font-weight:bold; /* les liens en gras */
font-style: italic; /* les liens en italique */
color: #000; /* couleur des liens */
}

div#New_sujet #comments_scroll_div a:hover{
color: #9c9696; /* couleur des liens au survol */
}

div#New_sujet .td_2{
background: transparent; /* couleur de fond de la cellule contenant la barre d'ouverture */
}

Vous devez supprimer tout le bloc et faire une évaluation des conséquences.

Cordialement

[petitemanu]

Qu'entendez vous par évaluation des conséquences ?

[Scipion]

Cela veut dire : voir l'impact de la suppression sur le forum de manière générale.

Cordialement

[petitemanu]

cela concerne juste la case qui permet de voir les nouveaux messages au passage de la souris.

Car le message d'erreur est apparu lorsque j'ai ajouter ce code, par contre je ne vois pas où est l'erreur.

[Scipion]

Je vous suggère sincèrement de poser cette question à l'auteur du code (Quierra) qui saura vous donner une réponse plus pertinente et peut-être même un code corrigé, avec un peu de chance.

Cordialement

[Scoubifitz]

bonjour,

il suffit d'enlever l'apostrophe dans le commentaire de ce bloc pour régulariser le nombre de guillemets :

div#New_sujet .td_2{
background: transparent; /* couleur de fond de la cellule contenant la barre d'ouverture */
}

[petitemanu]

Je vous suggère sincèrement de poser cette question à l'auteur du code (Quierra) qui saura vous donner une réponse plus pertinente et peut-être même un code corrigé, avec un peu de chance.

Cordialement

Le problème c'est que le forum est resté accessible mais les auteurs ne viennent presque pu. Il y a un message sur le forum qui explique pourquoi, et ils nous lasse l'accès...

bonjour,

il suffit d'enlever l'apostrophe dans le commentaire de ce bloc pour régulariser le nombre de guillemets :

Merci, je vais essayer

[petitemanu]

Merci, je n'ai pu le message d'erreur. Je le saurai pour la prochaine fois que les apostrophe compte comme parenthèse.

Merci beaucoup

Bonne soirée

Cordialement