28220 sujets

CSS et mise en forme, CSS3

[Résolu] Parametrage de couleurs dans un fichier CSS

Pages :
(reprise du message précédent)

denisdlu a écrit :

Et meme si je m'etais trompé de de salon ( ce qui n'est pas le cas ), un moderateur correct aurait dit a la place de :
-----
Tu viens de débarquer ici alors je te suggère d'observer un peu avant de poster n'importe quoi.
----
Bienvenue sur notre site , ton sujet est plutot du type PHP ou langages serveur
---

Bonsoir,
Un modérateur t'a répondu (moi Smiley cligne ) et souhaité la bienvenue. Je te signale que ton post et son sujet ne traite que de css et changement de valeur d'une propriété color. C'est ce sujet et les propositions qui ont été faites d'une solution qui ont amené une proposition côté serveur via php, ce qui n'est pas une question css et qui a été déplacé dans un autre salon.
Le réponse de Stephan relève du bon sens que de faire un "recherché/remplacé" pour changer globalement une chaine de caractères, l'utilisation d'une solution automatisée par php me semble dangereuse, en particulier si tu souhaites utiliser une même couleur dans plusieurs valeurs. Tu vas introduire une complexité de gestion, là où css introduit une simplicité de gestion.
Si tu nous donnais un exemple en ligne où bien des indications du site que tu réalises nous aurions probablement plusieurs conseils à te donner. Comme il a été dit dans ce sujet, une feuille de style différente pour les changements de couleurs seraient plus indiquée qu'un traitement php.

ps: tu introduis ton post initial par "Inutile de dire que je ne connais pas bien les CSS." et ta réaction suite à une réponse de Stephan me parait particulièrement déplacée, probablement tu aurais dû prendre la peine de parcourir un peu plus le forum pour ce qui est de la qualité des réponses de Stephan dont la connaissance de css est plutôt correcte Smiley cligne . Tu arrives sur ce forum, prends tes marques et concentres toi sur css et html avant d'envisager des solutions côté serveur. Si ces dernières devaient être envisagées, la maitrise de css serait un plus certain.
Bonsoir Igor ,
Je préfére de loin ta réponse ou tes remarques à celles de Stephan.
Sa réponse pour faire un rechercher -- remplacer etait tellement evidente a priori
Je n'ai pas trop accepté sa réponse : Décidément vous êtes champions pour vous compliquer la vie. qui n'apporte rien d'autant plus qu'il avait été expliqué pourquoi cette solution n'était pas adaptée.
C'est la raison pour laquelle je me suis permis d'ironiser gentiment dans ma réponse que je ne considère absolument pas comme déplacée.
Désolé si cela a été mal pris Smiley decu .
Je ne remets bien sur pas en doute ses qualites et competences sur tel ou tel sujet.
Voila Smiley cligne
Cordialement
Denis
Une chose toute simple semble vous avoir échappé : CSS permet le regroupement des sélecteurs...

Pour reprendre le premier exemple ci-dessus :


textarea, select {
color: #666DA3;
border-color: #666DA3;
}

textarea {
padding: 2px 2px 1px 2px;
background-color:#FFFFFF ;
border-style: solid;
border-width: 1px;
}
select{
padding: 2px 2px 1px 2px;
background-color:#FFFFFF ;
border-style: solid;
border-width: 1px; 
}


Si une même propriété color: ... est appliquée à 25 sélecteurs dans une feuille de style, ces 25 sélecteurs peuvent être rassemblées en une ligne pour cette propriété. La couleur n'est spécifiée qu'une fois. Aucun besoin de PHP.

C'est la démarche naturelle en pareil cas en CSS Smiley cligne

<edit>
D'ailleurs, pour une bonne gestion des feuilles de style, si les différentes CSS concernent la même collection de documents, il est facile de placer dans des feuilles spécifiques (color_vert.css, color_bleu.css) le bloc concernant les couleurs. Chaque document appelle alors 2 feuilles permanentes (celle de la couleur et celle du reste des styles).

De la sorte, seule cette portion de code devra être re-téléchargée d'une page à l'autre, le reste des styles étant gardé en cache par le navigateur. Cela va également faciliter la maintenance.
Modifié par Laurent Denis (27 Mar 2005 - 05:59)
Salut Laurent ,
Comme je vous le disais au debut , je ne connais pas bien les CSS.
Votre remarque m'interesse beaucoup car elle correspond vraiment a ma demande .
En fait pour expliquer le contexte , j'utilise un CMS appelé XOOPS.
Dans Xoops il est possible d'utiliser des themes préparés par d'autres personnes.
J'ai une application d'un site web principal qui va piloter en principe 30 a 100 autres sites independants mais qui auront en gros le meme theme ( memes images, meme presentation , mais des couleurs differents)
Chaque theme utilisant son fichier style.css .
Je vais donc retrouver jusqu'a 100 fichiers style.css a faire , avec comme seule variation des couleurs de base ( 20 a 30 couleurs ).
Je pense donc que je vais revoir la structure du fichier style.css .
Ce fichier faisant 300 lignes je n'ai pas osé le mettre dans ce message .. peut etre que ca fait un peu trop quand meme?
En tout cas je pense que j'ai bien compris votre remarque et que je pourrais regrouper ainsi tous les selecteurs concernés pour n'avoir pratiquement que quelques couleurs a changer par fichier .. ce qui est tres appreciable .
Cordialement
Denis
Ah... L'édition de mon message ci-dessus et ta réponse se sont croisées. Je détaille un peu :

Le code XHTML type d'une page du thème "bleu":


<link rel="stylesheet" ... href="commun.css" />
<link rel="stylesheet" ... href="couleur_bleu.css" />


Dans couleur_bleu.css, les propriétés de couleurs pour tous les sélecteurs concernés, comme indiqué ci-dessus.
Dans commun.css, les propriétés communes à tous les thèmes.

couleur_bleu.css peut d'ailleurs comporter d'autres modifications du thème, sans forcément devoir retirer les propriétés correspondantes de commun.css. En effet, couleur_css étant appelée après la CSS commune, en cas de conflit pour un même sélecteur, ce sera la dernière CSS appelée qui l'emportera, conformément aux règles de la cascade.

Une règle de prudence, enfin : s'agissant de couleur, mon exemple précédent n'était pas tout à fait complet. Il vaut mieux conserver ensemble dans la même CSS les couleurs d'avant plan et d'arrière-plan color et background-color). Il est en effet important de toujours préciser l'une et l'autre, ce qu'on risquera moins d'oublier si on conserve les deux propriétés sous les yeux.
Modifié par Laurent Denis (27 Mar 2005 - 06:11)
denisdlu a écrit :

Je vais donc retrouver jusqu'a 100 fichiers style.css a faire , avec comme seule variation des couleurs de base ( 20 a 30 couleurs ).

euh... Smiley confused Pourquoi tous ces sites ne pointeraient pas vers un seul et unique fichier CSS ? Chaque site pourrait avoir sa propre feuille de style uniquement pour les couleurs ?

<edit />
Brulé Smiley biggol
Modifié par Stephan (27 Mar 2005 - 06:09)
Laurent , ce serait bien sur une bonne idee de couper le fichier style.css en 2 morceaux
Un pour les couleurs et un autre pour le reste .
En combinant avec l'idee de Stephan , je pourrais donc avoir un fichier css par site pour les couleurs et un fichier central pour le reste .
Cette idee me plait bien aussi Smiley cligne . Ca permettra de gerer les polices etc que sur un seul fichier .
Merci a tous les deux pour vos bonnes idees .C'est super.
Xoops s'attend a trouver en principe un seul fichier nommé "style.css" mais bon je pense qu'on doit pouvoir modifier le theme pour qu'il aille chercher 2 fichiers css.
Sinon , tant pis , je pourrai deja au moins regrouper les selecteurs .
Cordialement.
Denis
Si ton problème est réglé, un petit [ Résolu ] serait apprécié en éditant ton premier post (celui qui a servi à créer ton sujet).
On pourra ensuite le ramener dans le salon CSS Smiley murf
Ok .. J'espère meme un jour pouvoir à mon tour aider quelqu'un qui sait, quand je serais spécialiste des CSS mais bon y'a encore du boulot pour cela Smiley cligne . Je suis d'ailleurs en train de lire le petit tutorial proposé par ce site . Smiley langue
Cordialement
Denis
Pages :
Sujet clos
Aller à