[spip-dev] [EVA-dev] feuille de style = squelette

Bonjour,

Sylvain <spip@guaph.net> écrivit

Bonjour à tous,

j'aurais besoins de votre aide, pour le développement d'EVA
voilà pour permettre facilement aux utilisateurs (webmasters) d'EVA, de
changer les couleurs du site je suis passé pas une petite astuce :
- la feuille de style et un squelette qui contient des variables à la
place des couleurs, ensuite j'inclue au début un fichier *.txt qui
définit les variables de couleurs
- donc ils n'ont plus qu'a modifier le fichier texte pour modifier les
couleurs

seulement voilà il semble que cette technique pose parfois problème sur
certains cerveurs, ou certians navigateurs
j'avoue que je n'arrive pas comprendre ce qui peut poser problème, ou
comment optimiser, cette astuce

si quelqu'un pouvait regarder et me donner des idées, ou si cette
solution vous parrait la seule
j'ai joint le squelette (feuille de style) et le fichier txt

se qui pose problème, un exemple :
http://membres.lycos.fr/capaegd/
http://membres.lycos.fr/capaegd/sommaire.php3?recalcul=oui
des fois la feuille de style est prise en compte d'autre fois non

http://www.ac-amiens.fr/college02/ramee_stquentin/spip/
lui dit avoir des problèmes avec certains navigateur ou PC

messages de ces webmasters :
http://spip-edu.edres74.net/article.php3?id_article=87#message220

Déjà, lycos c'est pas terrible visuellement
(http://spipage.levillage.org/article.php3?id_article=5 :
« Cet hébergeur [http://membres.lycos.fr/\] utilise depuis juillet 2003 des frames de pub qui cassent tout look supportable »
comme le cite un article du forum que vous mentionnez ci-dessus)

--
Sylvain
------------------------------------
       - http://spip-edu.edres74.net
       - http://www.guaph.net

Les seuls css sont ils appelés par
« <link href="eva_styles.php3" rel="stylesheet" type="text/css"> » ?
Ceci est mmon hypothèse pour la réponse ci-dessous.

Je ne vois pas pourquoi vous utilisez un squelette SPIP
(un fichier php3 et un fichier html formant squelette SPIP).
SPIP ne gère pas (encore?) les styles css.

Mon conseil principal :
Dans eva_styles.html, remplacer
« /* inclusion du fichier contenant les variables de couleur */
<?php
  include "eva_couleurs.txt";
?> »
par
« <?php
/* inclusion du fichier contenant les variables de couleur */
include "eva_couleurs.txt";
?> ».
Dans eva_styles.html,
À chaque « <?php echo $fondpage ; ?>; »,
supprimer l'espace entre la variable (ici « $fondpage ») et le point virgule « ; ».
Supprimer eva_styles.php3 .
Renommer eva_styles.html en eva_styles.php3.
Vous pouvez conserver « <link href="eva_styles.php3" rel="stylesheet" type="text/css"> »
dans les squelettes.

Autres conseils :
Renommer eva_couleurs.txt en eva_couleurs.php ou eva_couleurs.css .

Renommer eva_couleurs.* en eva-styles-couleurs.* .

Si renommage de eva_couleurs.txt, modifier en conséquence
« include "eva_couleurs.txt"; ».

Pour une façon de faire utilisant plus css et moins php lire
http://groups.google.com/groups?selm=16f5cf06453c10e2625c02e69ddaa7cb@news.webatou.net .

Pour avoir plusieurs versions d'apparences simultanées, choisies par l'utilisateur,
utiliser le haut de game : les feuilles de style css alternatives
« <link rel="alternate stylesheet" type="text/css" (...)» en premier lieu;
avec formulaire ou du javascript en complément
(code source de http://www.openweb.eu.org/ ,
essais avec Accueil - Mozilla en français
ou http://www.ceforweb.org/ecmascript/cssmultiswitcher/ )

Les squelettes de EVA 1.1 ne sont pas vraiment conformes à xhtml 1.0
ou html 4.01 (W3C XHTML2 Working Group Home Page et HTML Standard).

Lire http://groups.google.com/groups?selm=3f03f888$0$29651$626a54ce@news.free.fr .

(Dans eva_styles.html) Remplacer
« * {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
  background-color: <?php echo $fondpage ; ?>;
} »
par
« body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: <?php echo $fondpage ; ?>;
} ».

Dans forum.html,
remplacer
« <?php
      if ("$style" !== ""){
      echo $style;
      }
?><?php
      if ("$style" !== ""){
      echo $style;
      } »
par
« <?php echo$style; »,
ou même remplacer tout le passage par
« <link href="eva_styles.php3" rel="stylesheet" type="text/css"> ».
Tant que vous n'avez pas de système de modification d'apparence fonctionnel...

N'hésitez pas à publier une vesion 1.1.1 comprénant ces modifications.

C'est tout pour EVA aujourd'hui.

N'empèche...
Ça serait bien si SPIP pouvait créer tout ce qu'il faut pour
changer, alterner de fichier css...
j'ai un algorithme en t^te : ça vous interesse ?

Pour les propositions d'éloignement du « tag soup »
et de rapprochement de css de SPIP,
ne vous génez pas pour répondre les mousquetaires...

Salut,

>se qui pose problème, un exemple :
>http://membres.lycos.fr/capaegd/
>http://membres.lycos.fr/capaegd/sommaire.php3?recalcul=oui
>des fois la feuille de style est prise en compte d'autre fois non

C'est la faute à Lycos, qui de temps en temps rajoute un <script> (de
pub) au bas du fichier CSS. Pour preuve, afficher dans un navigateur le
source de : http://membres.lycos.fr/capaegd/eva_styles.php3

Pour avoir plusieurs versions d'apparences simultanées, choisies par l'utilisateur,
utiliser le haut de game : les feuilles de style css alternatives

Sauf que les utilisateurs ne savent pas où et comment activer le "haut
de gamme", qui est caché au fond d'un menu en cascade. Pas la peine de
se fatiguer : ça ne sert à rien (sauf pour les trois afficionados du W3C
qui passent leur temps à vérifier la présence de CSS supplémentaires à
chaque page qu'ils visitent).

a+

Antoine.