Modif du CSS - Modif de toute l'apparence

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

Résolu Modif du CSS - Modif de toute l'apparence

Message par Lin0a le Mar 27 Nov 2012 - 21:02

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


Dernière édition par Lin0a le Mar 27 Nov 2012 - 22:57, édité 1 fois

Lin0a
*

Messages : 37
Inscrit(e) le : 18/03/2006

http://zooandco.actifforum.com
Lin0a a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Matriochka le Mar 27 Nov 2012 - 21:04

Coucou,

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Lin0a le Mar 27 Nov 2012 - 21:07

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://illiweb.com/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");

Lin0a
*

Messages : 37
Inscrit(e) le : 18/03/2006

http://zooandco.actifforum.com
Lin0a a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Matriochka le Mar 27 Nov 2012 - 21:12

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 ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Lin0a le Mar 27 Nov 2012 - 21:21

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

Lin0a
*

Messages : 37
Inscrit(e) le : 18/03/2006

http://zooandco.actifforum.com
Lin0a a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Matriochka le Mar 27 Nov 2012 - 21:35

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 Wink

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 Non ! 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 pale :
http://forum.forumactif.com/t267551-le-back-up-mode-d-emploi

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Lin0a le Mar 27 Nov 2012 - 21:47

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
*

Messages : 37
Inscrit(e) le : 18/03/2006

http://zooandco.actifforum.com
Lin0a a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Lin0a le Mar 27 Nov 2012 - 21:48

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

Lin0a
*

Messages : 37
Inscrit(e) le : 18/03/2006

http://zooandco.actifforum.com
Lin0a a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Matriochka le Mar 27 Nov 2012 - 21:49

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… silent


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)

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Lin0a le Mar 27 Nov 2012 - 22:04

Coucou,

Merci encore pour ton aide et soutien !! Smile

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

Lin0a
*

Messages : 37
Inscrit(e) le : 18/03/2006

http://zooandco.actifforum.com
Lin0a a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Matriochka le Mar 27 Nov 2012 - 22:07

Ravie de pouvoir t’aider Smile 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.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Lin0a le Mar 27 Nov 2012 - 22:16

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 ?


Lin0a
*

Messages : 37
Inscrit(e) le : 18/03/2006

http://zooandco.actifforum.com
Lin0a a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Matriochka le Mar 27 Nov 2012 - 22:20

Oui, pas de souci Smile

Ça vient d’ici : a.topictitle

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Modif du CSS - Modif de toute l'apparence

Message par Lin0a le Mar 27 Nov 2012 - 22:38

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 Very Happy

Lin0a
*

Messages : 37
Inscrit(e) le : 18/03/2006

http://zooandco.actifforum.com
Lin0a 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