Erreur de CSS

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

Résolu Erreur de CSS

Message par FolleEvidence le Ven 14 Avr 2017 - 14:58

Détails techniques


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

Description du problème

Bonjour,
J'ai un petit soucis de CSS, j'ai pris un thème proposé par Forumactif, et j'ai voulu changer la couleur de la transparence mais quand j'essaye de modifier quelque chose dans la feuille du CSS ça me met

"Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum."

le CSS de base:
body {
background-attachment: fixed;
background-position: 50% 0%;
background-repeat: no-repeat;
}

.inner 2{
height:500;
background-color:red;
}

.forabg {
background: url("http://orus8.free.fr/forumbdpassion/img/theme/fond_categorie.png");
border: solid 1px #a53e21;
padding: none;
}

.module, .row1 {
/*background: url("http://orus8.free.fr/forumbdpassion/img/theme/fond_module.png");*/
background: url("http://orus8.free.fr/forumbdpassion/img/theme/noel2013/fond_module.png");
}

#wrap {
background: url("http://orus8.free.fr/forumbdpassion/img/theme/fond.png");
width: 980px;
}

.row2 {
/*background: url("http://orus8.free.fr/forumbdpassion/img/theme/fond_row2.png");*/
background: url("http://orus8.free.fr/forumbdpassion/img/theme/noel2013/fond_row2.png");
}

.row3 {
background: url("http://orus8.free.fr/forumbdpassion/img/theme/fond.png");
}

h2, li.header dd {
font-weight: bold;
}

input[type=submit], input[type=reset] {
padding: 3px;
}

ul.topiclist dd.dterm {
border: none;
}

ul.topiclist dd.topics, ul.topiclist dd.posts, ul.topiclist dd.lastpost {
border-left: 1px solid white;
}

.signature_div {
max-height: 300px;
_height: 300px;
overflow: hidden;
}

.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
color: white;
border: 1px solid white;
}

.pagination span a:hover {
background-color: #D63A22;
}

/*.online {
background: transparent url("http://orus8.free.fr/forumbdpassion/img/icones/icon_user_online.gif") right 0 no-repeat;
}*/

.pagination span strong {
background-color: #F2EFC4;
color: #FFAFF8;
border: 1px solid white;
}

/* Couleur citation, soiler */
blockquote blockquote, dl.codebox {
background-color: #CC8655;
}

/* Fenêtre de recherche de la barre de navigation */
#search_menu {
background: #8a0315;
border-color: #80281C;
}

/* Couleur des liens dans les sujets */
.content a, .content a:active, .content a:link, .content a:visited {
color: #542100;
}

.content a:hover {
text-decoration: underline;
}

/* Couleur du texte dans l'éditeur de texte */
#message-box textarea {
color: #450E00;
}

/* Label "Son" du chat */
label[for=soundis]
{
color: #E3C3A4;
}


/* Fond du chat */
/*#chatbox_header {
background: url("http://orus8.free.fr/forumbdpassion/img/theme/fond.png");
}*/


/*.mes-txt {
display: none;
}*/

/* Images survolées pour un "Sous les projecteurs" */
#image_survol1 {
width: 164px;
height: 185px;
background: url(http://i26.servimg.com/u/f26/11/56/89/54/110.jpg);
}

#image_survol1:hover {
width: 164px;
height: 185px;
background: url(http://i26.servimg.com/u/f26/11/56/89/54/s110.jpg);
}

#image_survol2 {
width: 164px;
height: 185px;
background: url(http://i26.servimg.com/u/f26/11/56/89/54/210.jpg);
}

#image_survol2:hover {
width: 164px;
height: 185px;
background: url(http://i26.servimg.com/u/f26/11/56/89/54/s210.jpg);
}

#image_survol3 {
width: 164px;
height: 185px;
background: url(http://i26.servimg.com/u/f26/11/56/89/54/310.jpg);
}

#image_survol3:hover {
width: 164px;
height: 185px;
background: url(http://i26.servimg.com/u/f26/11/56/89/54/s310.jpg);
}

#image_survol4 {
width: 492px;
height: 185px;
background: url(http://i26.servimg.com/u/f26/11/56/89/54/412.jpg);
}


/***************************************** STYLE DU CARROUSEL *****************************************/

.jcarousel-skin .jcarousel-clip-horizontal {
width: 760px;
height: 160px;
text-align: center;
}

.jcarousel-skin .jcarousel-item {
width: 760px;
height: 160px;
text-align: center;
}

/**
* Additional styles for the controls.
*/

.jcarousel-control {
position:relative;
top:-163px;
/*height:30px;*/
font-family: arial;
opacity:0.7;
text-align:right;
width: 760px;
}

.slide-nav {
display: inline;
float: right;
height: 24px;
margin: 3px 1px 0 0;
}

.slide-nav a {
background-position: 0px 0px;
color: #111111;
display: inline;
float: left;
font-size: 11px;
font-weight: bold;
height: 15px;
line-height: 15px;
text-align: center;
text-decoration: none;
width: 15px;
margin-top: 5px;
background-color: none;
border: 1px solid white;
}

.slide-nav a.on {
background-position: 0 -24px;
background-color: white;
}

/* Limiter le conteneur du caroussel à 160px */
.introduction>.inner {
max-height: 600px;
}

J'ai essayé de voir où se trouve le problème mais étant débutante je n'ai pas trouvé.

Merci d'avance pour votre aide Smile


Dernière édition par FolleEvidence le Mar 18 Avr 2017 - 20:34, édité 1 fois
avatar

FolleEvidence
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 14/04/2017

http://folle-evidence.forumactif.com/
FolleEvidence a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Erreur de CSS

Message par MasDan le Ven 14 Avr 2017 - 17:15

Bonjour,

Pas réellement une erreur. C'est l'apostrophe dans votre commentaire qui déclenche le message d'erreur.
Code:
/* Couleur du texte dans l'éditeur de texte */
Supprimer l'apostrophe et le message disparait.
avatar

MasDan
Aidactif à l'essai
Aidactif à l'essai

Masculin
Messages : 987
Inscrit(e) le : 24/05/2011

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

Résolu Re: Erreur de CSS

Message par FolleEvidence le Ven 14 Avr 2017 - 17:52

Merci pour votre réponse je le serais pour la prochaine fois.
Par contre une autre petite question (désolée je ne suis pas trop douée Confused ), dans quelle partie de CSS on change la couleur de la transparence ?
avatar

FolleEvidence
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 14/04/2017

http://folle-evidence.forumactif.com/
FolleEvidence a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Erreur de CSS

Message par MasDan le Mar 18 Avr 2017 - 6:58

@FolleEvidence a écrit: dans quelle partie de CSS on change la couleur de la transparence ?
Est-ce que vous pourriez être plus précise? Qu'est-ce que vous voulez modifier ?

La transparence peut-être effectuer via un image avec un fond transparent ou via les propriété color et background-color principalement avec le mot clé rgba. Il y a aussi la propriété opacity qui peut-être utilisé.
avatar

MasDan
Aidactif à l'essai
Aidactif à l'essai

Masculin
Messages : 987
Inscrit(e) le : 24/05/2011

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

Résolu Re: Erreur de CSS

Message par FolleEvidence le Mar 18 Avr 2017 - 10:37

Bonjour,
Oui je n'es pas été assez explicite désolée.
Il y a fond transparent de couleur rouge sur mon forum où on voit l'image de fond, je souhaiterais changer cette couleur rouge en blanc en faite.
Spoiler:
https://i58.servimg.com/u/f58/19/66/85/39/captur10.jpg
avatar

FolleEvidence
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 14/04/2017

http://folle-evidence.forumactif.com/
FolleEvidence a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Erreur de CSS

Message par MasDan le Mar 18 Avr 2017 - 19:46

Bonjour

situation actuelle


Actuellement sur votre site, la transparence est produite avec une image avec le code CSS suivant
Code:
#wrap { background: url(http://orus8.free.fr/forumbdpassion/img/theme/fond.png); }

Dans le présent cas, nul besoin d'une image; une couleur avec un degré de transparence est suffisant.
Remplacer le code CSS précédent par le code CSS suivant
Code:
#wrap { background-color: rgba(255, 255, 255, .3);}
Le «.3 est ajustement degré de transparence avec l'intervalle de valeur 0(transparent) à 1 (opaque). Essayer aussi les variantes .5, .7 et modifier selon le degré de transparence désiré.

Après modification du css, vous obtiendrez ceci


avatar

MasDan
Aidactif à l'essai
Aidactif à l'essai

Masculin
Messages : 987
Inscrit(e) le : 24/05/2011

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

Résolu Re: Erreur de CSS

Message par FolleEvidence le Mar 18 Avr 2017 - 20:33

Je vous remercie de votre réponse et de votre explication très compréhensive.
ça aide beaucoup, vous êtes génial. Very Happy

Passez une bonne soirée.
avatar

FolleEvidence
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 14/04/2017

http://folle-evidence.forumactif.com/
FolleEvidence 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