Code couleur d'un site Résolu

Question

Bonjour,je possede un site web : http://www.mappinghl.tk qui utilise le CMS Xoops, ce site est composé d'un theme qui est pas mal au niveau des blocs, mais qui manque de couleurs.

J'aimerais pouvoir changer les couleurs (ex: le fond du teste en noir, les titres des boutons menu en rouge ou autre...) et ce, sur toutes les pages et pas seulement sur la page d'accueil.

J'ai cherché sur google et tout ce que j'ai pu voir ne m'a pas parrut assez explicite .

Merci de m'aider, et si vous désirez mon code source (themes.html / style.css) demandez le moi merci encore !!

ortys4 · Accepted Answer

non, le voici :
http://ns4.freeheberg.com/~xzibit72/themes/cs-lite/style.css

tu peut l'enregister sur ton bureau, modifier les couleurs (en html, les couleur sont en hexa et commence par #, tu peut utiliser des site en ligne te donnant les codes couleurs tel que : http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp)
en suite tu le remplaces à l'aide de ton logiciel ftp

ortys4 · Answer

Si tu peux nous faire parvenir ton css, il suffit généralement de quelques modifs

xzibit721 · Answer

Voila j'ai mis le theme au complet afin que vous m'indiquiez la démarche merci encore !!

http://ns4.freeheberg.com/~xzibit72/uploads/cs-lite.rar

xzibit721 · Answer

D'accord, ca me servira de lecons..... ;-D

Je vais essayer et te retiens au courant merci encore !

xzibit721 · Answer

J'ai remplacer quelques couleurs sur le style css, je l'ai remplacer par l'ancien, et quand je retourne sur mon site, c'est toujours pareil.....pourrais-tu me dire comment faire stp ?

ortys4 · Answer

T'as pas du modifier les bonnes partie correctement, dis moi clairement celle que tu veut modifier, et je te dirai a quel endroit tu le fera.

xzibit721 · Answer

Les articles au centre je les voudrais ecrit en blanc sur un fond noir.
Les Titres des blocs de gauches et droite en rouge ( style ecriture de la banniere)
Le header (noir dégradé) a coté de la banniere qui se rapproche de la couleur de la banniere

Voila merci de m'aider .

ortys4 · Answer

Alors tu remplace :

Tous les haut de bloc sont formé d'image, je te laisse les télécharger et les modifier, moi j'ai pas ce qui faut.
Elle sont commune à tous les blocs, si tu en modifie une, tous les header vont changer, et je n'y peut rien là.
http://ns4.freeheberg.com/~xzibit72/themes/cs-lite/images/lbtdiag.jpg      //gauche
http://ns4.freeheberg.com/~xzibit72/themes/cs-lite/images/rbtdiag.jpg     //droite

td#leftcolumn .blockTitle {
	text-align: left;
	padding: 2px;
	color:#CC0000;       //couleur du texte rouge
	font-weight: bold;
	vertical-align: middle;
}
td#leftcolumn .blockContent {
	border-left: 1px solid #999;border-right: 1px solid #999;border-bottom: 1px solid #999;
	background: #000000;    //couleur du fond noir
	padding: 3px;
	line-height: 120%;
	margin: 0 0 3px;
        color: #CC0000; //couleur du texte rouge
}

td#centerRcolumn .blockTitle {
	padding: 2px;
	color:#FFFFFF
	font-weight: bold;
	margin-top: 2px;
	vertical-align: middle;
}

td#centerRcolumn .blockContent {
	border-left: 1px solid #999;border-right: 1px solid #999;border-bottom: 1px solid #999;
	background: #000000;    //couleur du fond noir
	padding: 3px;
	margin: 0 0 2px 0;
	line-height: 120%;
        background: #000000;
}

td#rightcolumn .blockTitle {
	text-align: left;
	padding: 2px;
	color: #CC0000; //couleur du texte rouge
	font-weight: bold;
	vertical-align: middle;
}
td#rightcolumn .blockContent {
	border-left: 1px solid #999;border-right: 1px solid #999;border-bottom: 1px solid #999;
	color: #CC0000; //couleur du texte rouge
	padding: 3px;
	line-height: 120%;
	margin: 0 0 3px;
        background: #000000; //couleur du fond noir 
}
Voila, tu peut tous remplacer, sa devrai marché

xzibit721 · Answer

Je viens de le faire regarde ce que ca donne.....
La colonne de droite est trop rouge je la voudrais comme celle de gauche en noir si possible et finallement mettre le titre (seulement et pas le contenu) en blanc ainsi que le fond de la page d'accueil en noir/gris merci de me dire que modifier.

Merci beaucoup pour m'avoir deja bien aider.

ortys4 · Answer

Voila, j'avais bien fait une petite erreur, remplace le paragraphe du bas :
td#rightcolumn .blockContent {
border-left: 1px solid #999;border-right: 1px solid #999;border-bottom: 1px solid #999;
color: #CC0000; //couleur du texte rouge
padding: 3px;
line-height: 120%;
margin: 0 0 3px;
background: #000000; //couleur du fond noir
} 

et pour le reste c'est OK ?

xzibit721 · Answer

Je viens de modifier ce que tu m'as dit,en trifouillant un peu ca le fait merci !
Il me faudrait aussi si possible le fond des textes d'accueil en noir/gris avec le texte en blanc.

STP 

Merci énormement pour tout ce que tu as deja fait.

xzibit721 · Answer

Re_bonjour et désolé, mais j'ai eu un soucis avec mon theme et ca m'a énervé, résultat : j'ai changer de theme !

Il me faut juste 2 petites chose et je clos la discution stp :

- La couleur de tout les textes en blanc plutot qu'en gris .
- La taille de la police en plus grand (j'y connais rien, mais admettons que ce soit du 10px, je le voudrais en 14px .

C'est tout MERCI BEAUCOUP POUR TON AIDE !

http://ns4.freeheberg.com/~xzibit72/themes/4thefort/style.css   (c'est mon style.css)  ;-D

ortys4 · Answer

Salut, de rien, sa ne m'a pas pris beaucoup de temps !

td#centerRcolumn .blockTitle {
padding: 2px;
color:#FFFFFF
font-weight: bold;
margin-top: 2px;
vertical-align: middle;
}

td#centerRcolumn .blockContent {
border-left: 1px solid #999;border-right: 1px solid #999;border-bottom: 1px solid #999;
background: #646464; //couleur du fond girs, tu peut le foncé encore si tu veu
padding: 3px;
margin: 0 0 2px 0;
line-height: 120%;
color: #FFFFFF;  //Texte en blanc
} 

Mais par contre tu va avoir un soucis sur la couleur des liens (gris sur gris tu le verra pas) alors remplace ça aussi :
tu peut modifier les couleurs à ton gout
a {  //couleur du lien
	color: #F60;   //orange
	text-decoration: none;
	font-weight: bold;
}
a:hover { //couleur du lien lors du survol
	color: #FF0033;    //rouge
	text-decoration: none;
}

xzibit721 · Answer

Merci bien, mais ce matin j'ai de nouveau un probleme, impossible d'acceder a mon ftp !
Depuis ce matin, je n'arrive plus a me connecteer a mon site via mon ftp (que ce soit cuteftp ou filezilla) .

La connexion commence et je recois ce message sur cuteftp : "Control connection closed."

Sur filezilla : Statut : Résolution de l'adresse IP pour ftp4.freeheberg.com
Statut : Connexion sur 213.251.184.118:21...
Statut : Connexion établie. Attente du message d'accueil...
Erreur : Connexion au serveur impossible !

Je viens de tester sur le ftp de freeheberg "net2ftp" et il y a bel et bien un probleme....mais lequel ?

Que dois-je faire et d'ou cela provient ?

Mon site : http://xzibit72.freeheberg.com/

Merci de m'aider. ;-D

ortys4 · Answer

Leur serveur a probablement due tombé en panne. Faudra que tu réessaye plus tard.

xzibit721 · Answer

Ba le ftp remarche, j'ai donc pu essayer et ca n'a rien changé....
Le style.css présent sur le site en ce moment est celui que tu m'as dit de modifier, tu peut donc verifier si j'ai tout fait correctement, a prioris je pense que oui.

MERCI ENCORE !!

ortys4 · Answer

Tu n'as pas remplacé correctement. 
Ca (vers le haut du fichier):
a {
	color: #777777;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #F60;
	text-decoration: none;
}
doit etre remplacé  par :
a { //couleur du lien
color: #F60; //orange
text-decoration: none;
font-weight: bold;
}
a:hover { //couleur du lien lors du survol
color: #FF0033; //rouge
text-decoration: none;
}

Et ça non plus c'est pas remplacé correctement :
td#centerRcolumn .blockTitle {
padding: 2px;
color:#FFFFFF
font-weight: bold;
margin-top: 2px;
vertical-align: middle;
}

td#centerRcolumn .blockContent {
border-left: 1px solid #999;border-right: 1px solid #999;border-bottom: 1px solid #999;
background: #646464; //couleur du fond girs, tu peut le foncé encore si tu veu
padding: 3px;
margin: 0 0 2px 0;
line-height: 120%;
color: #FFFFFF; //Texte en blanc
} 

Une fois que t'as remplacer le fichier, verifie grace à ce lien : http://ns4.freeheberg.com/~xzibit72/themes/cs-lite/style.css que tu as bien modifier le bon au bon endroit.

xzibit721 · Answer

Promis j'ai tout fais comme indiqué a l'instant et c'est toujours pas bon....
Je pense que le plus simple serait que tu me passe le style.css modifié si possible, car la, je ne comprend plus rien....
Je suis vraiment désolé d'etre aussi "nul" et te remercie de ta gentillesse.

Merci

ortys4 · Answer

je l'ai modifier mais il me faut ton adresse pour te l'envoyer.

xzibit721 · Answer

Mon msn ? xzibit72@hotmail.fr  Merci énormement !

xzibit721 · Answer

Je viens de me rendre compte qu'avec IE ca a changé (un peu trop a mon gout d'ailleurs^^) mais sous mozilla je n'ai aucun changement...

Tu as bien utilisé le second theme ?

xzibit721 · Answer

Ah ba oué mais justement j'ai changer le theme désormais c'est celui-ci "4thefort" donc le chemin doit etre : http://ns4.freeheberg.com/~xzibit72/themes/4thefort/style.css

PS:Celui-ci est mieux...

ortys4 · Answer

Wai c'est sur qu'il est plus sympa !
:-)

xzibit721 · Answer

Il est plus simpa, mais le style.css n'est toujours pas bon.

Je t'envoi le style.css original du theme "4thefort" pour que tu me mette les textes en blanc et les liens en bleu si possible (lien inactif bleu clair/actif bleu foncé) 

Je te remercie énormément !

xzibit721 · Answer

Alors la je n'y comprend plus rien !

Sous Firefox : [URL=https://www.imagup.com][IMG]http://images.imagup.com/03/1213105778_sousMozilla.jpg[/IMG][/URL]

Sous IE : [URL=https://www.imagup.com][IMG]http://images.imagup.com/03/1213105785_sousIE.jpg[/IMG][/URL]

.......

xzibit721 · Answer

Verdict : Sous IE c'est impeccable mais sur firefox c'est comme si il était d'origine (j'ai effacer l'historique de firefox/redemarrer et ca ne change pas) .
Autrement le code me plait.

Manque plus qu'a savoir pourquoi ca fait ca sous Mozilla firefox..

ortys4 · Answer

C'est bon je te l'ai renvoyé !

xzibit721 · Answer

J'ai fait le test sur un autre ordinateur et c'est pareil : IE Nickel !
                                                                          Firefox : origine

Tres bizarre....peut-tu faire le test et de me dire si ce que je dois faire silteplait ?

ortys4 · Answer

As non, je me suis trompé, j'ai renomé le fichier !
renome le styleNN.css
désolé de ce contre temps

xzibit721 · Answer

Je dois faire quoi ?
D'apres ce que je pense je dois re-reprendre le style.css et le renommer en styleNN.css et le remplacer via le ftp c'est bien ca ?

ortys4 · Answer

Oui

xzibit721 · Answer

OK en ayant vider l'historique de firefox apres rempacement du styleNN.css c'est tout bon !!!

Je te remercie énormemnt pour le temps que tu as passé sur mon probleme MERCI !!

A+

Y-a-t-il la possibilité de noté un membre sur son aide ? Car si ca existe je le fais de suite.

ortys4 · Answer

tu n'a pas remplacé le bon :
le chemin ==> http://ns4.freeheberg.com/~xzibit72/themes/4thefort/
le fichier ==> styleNN.css

au finale il doit etre accessible : http://ns4.freeheberg.com/~xzibit72/themes/4thefort/styleNN.css

Et c'est compatible FF et IE

xzibit721 · Answer

Maintenant que c'est impeccable je voudrais juste un dernier renseignement stp.

Si l'envie me vient de vouloir changer la couleur des Liens, quels lignes dois-je modifier ?

MERCI ENCORE

ortys4 · Answer

Tous les :
td#leftcolumn a {display: block; margin: 0; padding: 4px; color:#66CCFF}
td#leftcolumn a:hover {color: #3333CC;}

mais ya aussi les rightcolum, .... faut tous se les farcir !

Bon, j'arrete là, je rentre chez moi. a+, bonne continuation.

xzibit721 · Answer

Merci énormément de ton temps passé a se pencher sur mon probleme !!! 
A+

xzibit721 · Answer

Désolé de te re-déranger, mais j'ai un dernier petit probleme, sur mon site, dans la section forum et d'autres, l'ecriture est bleu foncé et empeche de lire je voudrais donc que cela soit en blanc stp.
J'ai regardé le style.css en esperant pouvoir le faire tout seul, mais sans succes....

Merci de me ré-aider pour une Derniere fois c'est sur   ;-D

ortys4 · Answer

Salut,

essaye de modifier dans le css :
.outer {}
par
outer a {display: block; margin: 0; padding: 4px; color:#66CCFF}
outer a:hover {color: #3333CC;}

Mais je te garantie pas que sa marche ! si non essaye de remplacer le debut du css :
a { text-decoration: none;font-weight: bold;}
a:hover { text-decoration: none;}
par
a {display: block; margin: 0; padding: 4px; color:#66CCFF}
a:hover {color: #3333CC;}

Voila en espérant que sa marche !

xzibit721 · Answer

La premiere solution ne marchait pas, mais la seconde a fonctionnée !
Seul probleme désormais, la marge en haut du site, prend trop de place, et la rubrique "téléchargements" et LONGUE : il faut descendre toute la page pour y acceder,et ce, depuis la modif' de couleur, serait-t-il possible de la remettre comme avant ?

Merci beaucoup !

ortys4 · Answer

salut, si tu as fais une sauvegarde de ton css, tu peut facilement revenir en arriere, mais dans le cas contraire, c'est plus chaud.

Pour tes liens télécharger, remplace ça

td#rightcolumn a {display: block; margin: 0; padding: 0px; color:#66CCFF}
td#rightcolumn a:hover {color: #3333CC;} 

si c encore trop grand, reduit la tailler avec la propriété : font-size:8px;

xzibit721 · Answer

Bon ba ca a mer**   ;-D .
J'ai donc récuperer celui que tu m'avais envoyé par e-mail et j'essaye donc de le modifier en utilisant un max de "jujotte" :
 -La couleur qui me gène, c'est la bleu foncé son code est :  #0000CC  .
Je me rend donc dans le style.css afin de cibler ce code et le modifier, mais il n'y est pas.....

Ce qui revient a dire que franchement la je suis pommé.....

ortys4 · Answer

Salut, tu peut réduire l'espacement vertical en changeant :
td#rightcolumn div.blockContent {padding: 3px; line-height: 30%;

xzibit721 · Answer

Sachant que j'ai réutiliser celui que tu m'a envoyé sur msn, l'espacement est parfait il ne reste plus que la couleur des titres de DL et du forum qui sont illisibles (couleur : #0000CC ) je les voudrais en blanc c'est la seule chose qui me manque désormais.

Merci de m'indiquer le code a mettre et a quel endroit ....

MERCI !!!!!!!!!!!!!!!!

xzibit721 · Answer

Siouplé ? ;-)

ortys4 · Answer

Salut, je vien de regarder ton site, tu as fais les modifs ? parce que pour moi tous me semble lisible !

xzibit721 · Answer

Nan dans la rubrique forum, c'est illisible le bleu foncés sur le fond noir et j'essaye desperement de resoudre ca, mais je n'y arrive pas....

ortys4 · Answer

Salut, cherche cette ligne :
.outer {background-color: #000 !important}

et tu y rajoute en dessous :
.outer a {display: block; color:#66CCFF}
.outer a:hover {color: #3333CC;}

Et voila !

xzibit721 · Answer

Ba pour la rubrique forum c'est impeccable et je t'en remercie, reste plus que la rubrique téléchargement si c'était possible d'en faire autant ca serait vraiment parfait !!

MERCI !!!!

ortys4 · Answer

Salut, pour la rublique téléchargement, c'est une histoire de dimension de tableau. Essaye de comprendre à quel endroit c'est. 
Petite info, la commande s'appel width:

Il faut l'agrandir un peu !
Moi j'ai plus le temps de m'en occupé, j'ai changer de taff.
Bon courage quand même.

PS: n'oublie pas de faire des sauvegarde avant de tous toucher!

xzibit721 · Answer

Bon ca fait un bail que j'ai mis le sujet en "resolu" et je confirme, finallement les liens ne sont pas si invisible que ca.
Je te remercie enormement pour ton aide !

A+

Code couleur d'un site

50 réponses

Discussions similaires

Newsletters