RSS 2.0 Petit topo réalisé grâce à b_b et marcimat
1. Nommer sa feuille de style macss.css.html
2. Dans son squelette css mettre les balises SPIP suivantes :
#CACHE{3600*100,cache-client}
#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
#HTTP_HEADER{Vary: Accept-Encoding}Attention pour les css, il faut impérativement mettre de l’iso-latin. Tous les navigateurs ne savent en effet pas tous interpréter l’utf-8 dans les feuilles de style.
ou encore
#CACHE{24*7*3600}
#HTTP_HEADER{Content-Type: text/css;}3. Dans le head de son squelette (inc_head.html pour la dist), l’appeler ainsi
[<link rel="stylesheet" href="(#URL_PAGE{macss.css}|direction_css)" type="text/css" media="projection, screen, tv" />]
L’avantage :
On peut mettre des filtres des boucles et des balises SPIP, bénéficier du cache etc...
des filtres
body{
background:#ccc url([(#CHEMIN{img/masques/papier.png}|
image_sepia{#GET{couleur_dominante}}|
image_aplatir{jpg}|extraire_attribut{src})]);
} Une boucle dans la css
<BOUCLE_fonds_dep(RUBRIQUES){racine}>
.liste-articles li.dpt[(#ID_RUBRIQUE)]{
background: #fff url([(#LOGO_RUBRIQUE_SURVOL||image_sepia|
extraire_attribut{src})]) 98% 5px no-repeat;
}
</BOUCLE_fonds_dep> Jouer du #SET et du #GET
[(#SET{url_logo,[(#LOGO_SITE_SPIP||image_reduire{60,40}|
extraire_attribut{src}|sinon{[(#CHEMIN{img/bg_head_top.jpg})]})]})]
.sitelogo {
background:url(#GET{url_logo}) no-repeat center center;
}Mettre sa css dans le corps d’un article
De la même manière on pourrait mettre dans ce squelette css une boucle qui appellerait le [(#TEXTE*)] d’un article. Et dans cet article mettre la css pour pouvoir l’éditer en ligne. Avec les crayons en plus que du bonheur !
#CACHE{3600*24*7*2}
#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
#HTTP_HEADER{Vary: Accept-Encoding}
<!-- DEBUT BOUCLE_macssidarticle20-->
<BOUCLE_macssidarticle20(ARTICLES){id_article=20}>
[(#TEXTE*)]
</BOUCLE_macssidarticle20>
<!-- FIN BOUCLE_macssidarticle20-->L’étoile sur le #TEXTE* permet d’avoir le texte brut de la css sans aucun traitement propre et typo de SPIP.
Et dans l’article id=20 dans une rubrique cachée, mettre sa feuille de style qui devient éditable sans serveur ftp.
Références
Trois bons exemples de Marcimat et b_b valent mieux qu’un long discours
http://zone.spip.org/trac/spip-zone...
> http://romy.tetue.net : http://romy.tetue.net