Quand on dit les unes derière les autres ça signifie bien la feuille SPIP, puis celle que l'on importe puis les styles interne à la page.
Les appels aux différentes feuilles sont lus du haut vers le bas et donc les instructions des feuilles sont chargées les unes après les autres. Si une instruction est en contradiction avec une déjà chargée, c'est la dernière version qui est gardée.
Et ainsi de suite jusqu'à la fin de l'affichage de la page.
Ok, ta définition est plus clair que la mienne mais tu risques d'embrouiller les esprit avec ce "Non!" catégorique au début de ton message.
Enfin corrige moi si je me trompe.
Elodie
-----Message d'origine-----
De : Andre Vincent [mailto:andre@alternatives.ca]
Envoyé : jeudi 23 octobre 2003 10:19
À : SPIP
Objet : Re: [Fwd: [Spip] quels styles garder?]
Le 23/10/03 03:13, Jean-Christophe Sekinger a écrit:
merci de tes conseils et encouragements...
heureusement j'ai une copie des feuilles de styles d'origine... mais si
j'en crée une perso et que je la mets en "link" avant les autres, elle
sera prise en compte /avant les autres/?
Non!
L'ordre de priorité dans la cascade des feuilles de style est la suivante:
1. Les styles définis en ligne ont priorité absolue.
Exemple: <h1 style="color : red">.
2. Les styles internes définis dans l'entête d'une page ont priorité sur les
styles externes importés par <link> ou @import.
3. Les styles externes importés par @import ont priorité sur les styles
importés par <link>.
4. Quant il y a plusieurs <link>, le dernier a priorité sur les précédents.
5. À l'intérieur d'une feuille de style externe, la dernière définition a
priorité sur les précédentes.
La logique veut que la définition la plus rapprochée de l'élément à définir
a priorité sur les règles précédentes.
Dans SPIP, le plus simple pour personnaliser les feuilles de style du jeu de
squelette par défaut, c'est de laisser les feuilles de styles par défaut
intacts et:
1. Créer à la racine du site une nouvelle feuille de style du genre
mes_styles.css
2. Ajouter dans les squelettes, après le <link> de la feuille habillage.css
la ligne suivante:
<link rel="stylesheet" href="mes_styles.css" type="text/css" media="screen">
(le media est important, Netscape 4.x n'en tiendra pas compte, mais les
autres navigateurs oui)
3. Redéfinir dans mes_styles.css les éléments des autres feuilles de style
que l'on désire personnaliser. Ces nouveaux styles auront priorité sur les
règles des feuilles de styles précédentes (sauf impression.css qui de toute
façon ne s'applique que lors de l'impression).
4. Ainsi, pour dégager de la place dans le haut de la page, y insérer une
image en bandeau, changer la couleur de fond, modifier les polices, enlever
la bordure autour du texte descriptif des articles, voici le code qu'on
écrirais dans mes_styles.css :
/* Redefinition des styles de habillage.css */
body { padding: 0px; margin: 0px;
background-image:url(images/bandeau.gif);
background-color: #EBE8D0;
background-position: 0px 0px;
font-family: Verdana,Arial,Helvetica,Geneva,Lucida,sans-serif;
}
#principal { top: 60px; }
#plan { top: 60px;}
#navigation { top: 60px;}
.extrait { border: none 0px; padding: 0em;}
En espérant que ça répond à ta question.
Autre précaution: avant de modifier les squelettes, faire une copie des
squelettes-dist.html et les renommer en squelette.html (exemple:
article-dist.html -> article.html)
André
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/