Bonjour,
Je ne sais s'il est possible de lier des styles css différents par rubrique
(ou pourquoi pas aussi par article).
Par exemple je voudrais que la rubrique 5 soit liée à la feuille de style
rub5.css, que la rubrique 10 soit liée à la feuille de style rub10.css et
ainsi desuite...
si vous avz une idée
merci
[(#REM) Feuille de style CSS pour l'affichage "specifique" du
site a l'ecran ]
<link rel="stylesheet"
href="[(#CHEMIN{rub#ID_RUBRIQUE.css}|direction_css)]"
type="text/css" media="projection, screen, tv" />
claude"Sébastien" <sebastien.pignol@cc-nozay.fr> a écrit dans le message de
news:eo2gec$fgl$1@sea.gmane.org...
Bonjour,
Je ne sais s'il est possible de lier des styles css différents par
rubrique
(ou pourquoi pas aussi par article).
Par exemple je voudrais que la rubrique 5 soit liée à la feuille de style
rub5.css, que la rubrique 10 soit liée à la feuille de style rub10.css et
ainsi desuite...si vous avz une idée
merci
----------------------------------------------------------------------------
----
Je ne sais s'il est possible de lier des styles css différents par rubrique
(ou pourquoi pas aussi par article).
Par exemple je voudrais que la rubrique 5 soit liée à la feuille de style
rub5.css, que la rubrique 10 soit liée à la feuille de style rub10.css et
ainsi de suite...
Oui certainement, et ce, sans créer aucun nouveau squelette ou nouvelle
feuille de styles.
Dans le squelette rubrique.html :
<body dir="#LANG_DIR" class="#LANG rubrique sect#ID_SECTEUR
<BOUCLE_rubriques_body(HIERARCHIE) {id_secteur}{"
"}>rub#ID_RUBRIQUE</BOUCLE_rubriques_body> rub#ID_RUBRIQUE">
<div id="page" class="rubrique rub#ID_RUBRIQUE">
Dans le squelette article.html :
<body dir="#LANG_DIR" class="#LANG article sect#ID_SECTEUR
<BOUCLE_rubriques_body(HIERARCHIE){id_article}{"
"}>rub#ID_RUBRIQUE</BOUCLE_rubriques_body> art#ID_ARTICLE">
<div id="page" class="article art#ID_ARTICLE">
Et dans votre feuille de style, ajouter à la fin :
#page.rub10 xxx { ... }
xxx représentant tout sélecteur entre <body> et </body> dont vous désirez
redéfinir les règles de styles, et ce, uniquement pour la rubrique #10.
Exemple : #page.rub10 h3.spip { color: red }
Pour la rubrique #10 et ses sous-rubriques :
body.rub10 #page.rubrique xxx { ... }
Pour tous les articles de la rubrique #10 :
body.rub10 #page.article xxx { ... }
Uniquement pour l'article #100
#page.art100 xxx { ... }
Pour toutes les pages en anglais seulement :
body.en xxx { ... }
On peut ainsi redéfinir toute règle css d'une rubrique ou d'un article en
particulier sans créer aucun nouveau squelette ou nouvelle feuille de
styles.
Cette méthode est utilisée dans les squelettes 'Alternatives'
http://www.stages.alternatives.ca/themes/alternatives/
Pour un exemple du résultat dans <body>, voir le code source de :
http://www.stages.alternatives.ca/rubrique28.html
André Vincent