Modif du CSS - Modif de toute l'apparence

[Lin0a]

Hello !

J'ai mis en place le chat sur mon forum ce soir. Comme il y avait quelque bugs d'apparence, j'ai voulu personnaliser les couleurs comme trouvé sur le tuto de ce forum.

Grand mal m'en a pris, en voulant rajouter 1 ligne dans mon css, je me retrouve avec des couleurs complètement différentes à mon forum... J'ai voulu reprendre mes couleurs comme indiquées dans l'onglet "couleurs", sauf que ça ne fonctionne pas...

Comment faire pour que le forum reprenne les couleurs spécifiées dans l'onglet "Couleurs" et non plus "Css" ?

Merci d'avance, mon forum n'a vraiment aucune allure là...
Linoa

[Matriochka]

Coucou,

Quel est le forum concerné ? Peux-tu envoyer ici ta feuille de styles sous balises code ?

[Lin0a]

Hello !

Merci beaucoup pour ta réponse rapide, c'est la panique. Je n'aurais pas dû modifier mon css alors que les couleurs étaient spécifiées dans mon onglet "Couleurs"...

Mon forum est le suivant : zooandco.actifforum.com

Mon css :

Code:

body {
background-color: #402E1A; 
background-image: url("http://2img.net/i/fa/empty.gif");
scrollbar-face-color: #6B465A;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #FFEBC8;
scrollbar-track-color: #FACD7D;
scrollbar-darkshadow-color: #;
}
font,th,td,p {
 font-family: Verdana,Arial,Helvetica,sans-serif }
a:link,a:active,a:visited {
 color : #D46401;
 }
a:hover{
 text-decoration: underline;
 color : #08DB0;
 }
hr{
 height: 0px;
 border: solid #67304E 0px;
 border-top-width: 1px;
}
.bodyline{
 background-color: #76405D;
 border: 1px #76405D solid;
 }
.forumline{
 background-color: #67304E;
 border: 2px #F3CF05 solid;
 }
td.row1{
 background-color: #F7DBAB;
 }
td.row2{
 background-color: #FDDA9D;
 }
td.row3{
 background-color: #FACD7D;
 }
td.rowpic {
background-color: #dee3e7;
background-image: url("http://coursmci.free.fr/zoo/barre_title.gif");
}
th {
color: #F7DBAB;
 font-size: 11px;
 font-weight : bold;
background-color: #dee3e7;
 height: 25px;
background-image: url("http://coursmci.free.fr/zoo/barreessai.gif");
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("http://coursmci.free.fr/zoo/barre_title.gif");
background-color:#dee3e7;
 border: #FACD7D;
 border-style: solid;
 height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
 border: #FACD7D;
 border-style: solid;
 height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #FACD7D;
 border: #FACD7D;
 border-style: solid;
}
td.pourcentback {
 background-color : #e5e5e5;
 }
th.thHead,td.catHead {
 font-size: 12px;
 border-width: 1px 1px 0px 1px;
 }
th.thSides,td.catSides,td.spaceRow {
 border-width: 0px 1px 0px 1px;
 }
th.thRight,td.catRight,td.row3Right {
 border-width: 0px 1px 0px 0px;
 }
th.thLeft,td.catLeft {
 border-width: 0px 0px 0px 1px;
 }
th.thBottom,td.catBottom {
 border-width: 0px 1px 1px 1px;
 }
th.thTop {
 border-width: 1px 0px 0px 0px;
 }
th.thCornerL {
 border-width: 1px 0px 0px 1px;
 }
th.thCornerR {
 border-width: 1px 1px 0px 0px;
 }
.maintitle{
font-weight: bold;
 font-size: 22px;
 font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
 line-height : 120%;
 color : #000000;
}
.gen {
 font-size : 12px;
 }
.genmed {
 font-size : 11px;
 }
.gensmall {
 font-size : 10px;
 }
.gen,.genmed,.gensmall {
 color : #D46401;
 }
a.gen,a.genmed,a.gensmall {
 color: #3C0D4E;
 text-decoration: bold;
 }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
 color: #BF2D06;
 text-decoration: underline;
 }
.mainmenu{
 font-size : 11px;
 color : #000000 }
a.mainmenu{
 text-decoration: none;
 color : #FFEBC8;
}
a.mainmenu:hover{
 text-decoration: underline;
 color : #F7DBAB;
 }
a.mainmenu:visited{
 text-decoration: none;
 color : #FFEBC8;
 }

.cattitle{
 font-weight: bold;
 font-size: 12px ;
 letter-spacing: 1px;
 color : #401053}
a.cattitle{
 text-decoration: none;
 color : #401053;
 }
a.cattitle:hover{
 text-decoration: underline;
 }
a.cattitle:visited{
 text-decoration: none;
 color : #401053;
 }
.forumlink{
 font-weight: bold;
 font-size: 12px;
 color : #401053;
 }
a.forumlink {
 text-decoration: none;
 color : #401053;
 }
a.forumlink:hover{
 text-decoration: underline;
 color : #401053;
 }
.nav{
 font-weight: bold;
 font-size: 11px;
 color : #000000;
 }
a.nav{
 text-decoration: none;
 color : #F6C060;
 }
a.nav:hover{
 text-decoration: underline;
 }
a.nav:visited{
 text-decoration: none;
 color : #F6C060;
 }
.topictitle,h1,h2{
 font-weight: bold;
 font-size: 11px;
 color : #000000;
 }
a.topictitle:link{
 text-decoration: none;
 color : #2E0949;
 }
a.topictitle:visited{
 text-decoration: none;
 color : #5493b4;
 }
a.topictitle:hover{
 text-decoration: underline;
 color : #dd6900;
 }
.name{
 font-size : 11px;
 color : #000000;
}
.postdetails{
 font-size : 10px;
 color : #000000;
 }
.postbody{
 font-size : 12px;
 line-height: 18px}
a.postlink:link{
 text-decoration: none;
 color : #006699 }
a.postlink:visited{
 text-decoration: none;
 color : #5493b4;
 }
a.postlink:hover{
 text-decoration: underline;
 color : #dd6900}
.code{
 font-family: Courier,'CourierNew',sans-serif;
 font-size: 11px;
 color: #03699C;
background-color: #fafafa;
 border: #d1d7dc;
 border-style: solid;
border-left-width: 1px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px}
.quote{
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 11px;
 color: #444444;
 line-height: 125%;
background-color: #fafafa;
 border: #d1d7dc;
 border-style: solid;
border-left-width: 1px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px}
.copyright{
 font-size: 10px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 color: #FFEBC8;
 letter-spacing: -1px;
}
a.copyright{
 color: #FFEBC8;
 text-decoration: none;
}
a.copyright:hover {
 color: #D46401;
 text-decoration: underline;
}
a.copyright:visited {
 color: #FFEBC8;
 text-decoration: none;
}

img{
border:0}
input,textarea, select {
color : #000000;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #000000;
}
input.post, textarea.post, select {
background-color : #ffffff;
}
input {
 text-indent : 2px;
 }
input.button {
background-color : #efefef;
color : #000000;
font-size: 11px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
}
input.mainoption {
background-color : #fafafa;
font-weight : bold;
}
input.liteoption {
background-color : #fafafa;
font-weight : normal;
}
.helpline {
 background-color: #FFEBC8;
 border-style: none;
 }
input {
 background-color: #FFEBC8;
 }
@import url("form_ie.css");

[Matriochka]

Merci bien.

Est-ce que tu te rappelles de la ligne que tu as ajouté avant la "catastrophe graphique" ?

Et concrètement, quest-ce qui te dérange actuellement sur ton forum (je ne l’ai pas vu avant la modification, don là, ça n’est pas très parlant pour moi) ? Toutes les couleurs ont été modifiées, ou juste certaines ?

[Lin0a]

Coucou,

Merci pour ton aide.

Oui, j'avais ajouté cette ligne :

Code:

body.chatbox {
    background-color: code de la couleur;
}

Ce qu'il se passe, c'est qu'il y a longtemps, j'avais tout fait en css. Et puis pour mon dernier design, je ne suis plus passée par le css, uniquement par l'onglet "couleurs".

Du coup j'ai pas réfléchi (c'est ma faute), mais en ajoutant la ligne, ça m'a repris toute la config de mon css (donc mon ancien design mais avec mon "nouveau" menu) au lieu de prendre les couleurs configurées dans l'onglet "couleurs". Je n'arrive plus à désactiver ma feuille css, pour ne plus qu'il me la prenne en compte...

Les couleurs devraient ressembler à mon site en fait, celui-ci : www.rongeursetnac.com

Il me met un fond violet que je ne veux pas... La couleur orange, c'est pas ça non plus... Les couleurs des polices...

[Matriochka]

Ah, je comprends mieux. Il faut donc retirer toutes les lignes de CSS qui font interférence…

Le problème, c’est que moi, je ne sais absolument pas ce qu’il y a à garder dans ton CSS et ce qu’il y a à supprimer. Et je n’ai pas envie de te faire faire des bêtises ! Donc, ce qu’on va faire, c’est qu’on va se référer aux couleurs.

Je t’explique :
Je vais te donner les codes hexadécimaux de chacune des couleurs que tu ne veux plus voir, et toi, tu vas copier / coller ces codes dans le champ de recherche pour retirer toutes les lignes où il te les trouvera.

On va commencer avec le violet pour t’aider :
Le code est celui-ci : #76405D

Donc, tu le copies, puis tu le colles dans la barre de recherche :


Tu lances la recherche, et hop, le code est détecté ici :


Tu supprimes donc les deux lignes contenant ce code indésirable

Si ça fonctionne, on continuera ainsi. Sinon, si vraiment tu te sens découragée, je te conseillerai de reprendre à zéro ta feuille de styles :no Qu’avais-tu avant ça ? Ta feuille de styles était très longue ou bien pas du tout ? Car là, à mon avis, il y a pas mal de codes à retirer…


Après sinon, il faut faire un back-up, mais je ne sais plus si la feuille de styles est récupérée, elle aussi :
https://forum.forumactif.com/t267551-le-back-up-mode-d-emploi

[Lin0a]

Aye, quelle idée j'ai eu encore...
J'ai essayé de supprimer les lignes "td.row3" par exemple, mais ça ne me met pas la couleur que j'avais... Est-ce que j'ai mal fait ?

Je suis pas couchée aaaaahhhhhhhh

[Lin0a]

Est-ce que par hasard tu saurais à quels codes css correspondent les couleurs de l'onglet "couleurs" ? Ca me permettrait de modifier mon css beaucoup plus facilement...

[Matriochka]

Essaye de supprimer cette partie :

Code:

td.row1{
 background-color: #F7DBAB;
 }
td.row2{
 background-color: #FDDA9D;
 }
td.row3{
 background-color: #FACD7D;
 }

En effet, parti comme ça, il y en a pour un moment hélas…


Edit : Oui, je te fais une liste :

Couleur du fond de page : body
Couleur intérieure du cadre du forum : .bodyline
Table Rangée Couleur 1, 2 3 : codes donnés plus haut
Couleur des citations, codes et boutons : quote code input
Couleur zones de saisie, menus déroulants et cadre de l'en-tête : textarea, select
Couleur du cadre du forum : .bodyline (voir à border)

[Lin0a]

Coucou,

Merci encore pour ton aide et soutien !!

J'ai modifié pas mal de couleurs déjà, ça ressemble + à mon forum de départ !
Pfiou, dur dur.

[Matriochka]

Ravie de pouvoir t’aider N’hésite pas à me faire des capture d’écran des endroits où les couleurs indésirables apparaissent, je pourrais t’aider plus facilement à retirer ce qu’il reste.

[Lin0a]

Oui, là je viens de voir qu'il me met du bleu pour mes MP...
Est-ce que tu saurais à quel code css ça correspond ?

[Matriochka]

Oui, pas de souci

Ça vient d’ici : a.topictitle

[Lin0a]

Merci beaucoup !!
Bon j'ai modifié ce que je pouvais, mon forum ressemble beaucoup plus à ce qu'il était. Oh la la, je ne pensais pas passer ma soirée là-dessus dis donc ! Bon mais au moins maintenant mon css est configuré en partie !

Encore merci pour tout, c'est très sympa