source: spip-zone/_squelettes_/hBones/article.html @ 112446

Last change on this file since 112446 was 104265, checked in by spip.franck@…, 2 years ago

zone.spip.org est maintenant en https, donc j'ajoute le "s" à http

File size: 3.8 KB
Line 
1[
2        --------------------------------------------------------------------
3
4        (#REM) Ce squelette fait partie de hBones, un ensemble de squelettes
5        visant a implanter les microformats (http://microformats.org)
6
7        --------------------------------------------------------------------
8
9        Affiche un article
10
11        (c) 2006 - SPIP-Zone -- https://zone.spip.org/
12        Distribue sous licence publique generale GNU/GPL
13        --------------------------------------------------------------------
14
15
16]<BOUCLE_article(ARTICLES){id_article}>[
17
18        (#REM) Commencons par XHTML 1.0 strict, et voyons si on peut y arriver
19
20]<!DOCTYPE html
21        PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
22        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
23[
24        (#REM) Preciser la langue de l'article dans l'entete, ainsi que sa
25        direction generale d'ecriture
26
27]<html xmlns="http://www.w3.org/1999/xhtml"
28        xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR">
29<head>
30        <title>[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
31        <link rel="stylesheet" href="#CHEMIN{spip_style.css}" type="text/css" />
32        <link rel="stylesheet" href="#CHEMIN{hBones.css}" type="text/css" />
33        <link rel="stylesheet" href="#CHEMIN{layout.css}" type="text/css" />
34        <meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" />
35        <link rel="alternate" type="application/rss+xml" title="RSS"
36                href="#URL_PAGE{backend}" />
37</head>
38<body>
39
40
41[(#REM)
42        Mise en page a la LayoutGala
43        http://blog.html.it/layoutgala/
44]<div id="container">
45
46        [(#REM)
47                L'entete
48        ]
49        <div id="header">
50                <h1>#NOM_SITE_SPIP</h1>
51                #DESCRIPTIF_SITE_SPIP
52                        [
53                        (#REM) Outils de navigation primaire (haut du flux HTML)
54                        le lien vers la rubrique contenante est rel-directory
55                        <http://microformats.org/wiki/rel-directory>
56                ]
57                <ul id="breadcrumb">
58                <li><a href="#URL_SITE_SPIP/">#NOM_SITE_SPIP</a></li>
59                <BOUCLE_hierarchie(HIERARCHIE){id_article}>
60                <li><a href="#URL_RUBRIQUE"[
61                        (#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|
62                        ?{rel="directory",''})]>#TITRE</a></li>
63                </BOUCLE_hierarchie>
64                </ul>
65                [(#FORMULAIRE_RECHERCHE|./)]
66        </div>
67
68        [(#REM)
69                Contenu principal
70        ]
71
72        <div id="wrapper">
73                <div id="content">
74
75                        [
76                                (#REM) Un article peut etre considere comme un "blog-post"
77                                <http://microformats.org/wiki/blog-post-brainstorming>
78
79                                On se base sur le format (draft) hAtom
80                                <http://microformats.org/wiki/hatom>
81                        ]
82                        <div class="hfeed">
83                                <INCLURE{fond=article-full}{id_article}>
84                        </div>[(#REM) /hfeed]
85
86                        [
87                                (#REM) Forums
88                        ]
89                        <INCLURE{fond=forums}{id_article}>
90
91                </div>
92        </div>
93
94        [(#REM)
95                Ici installer la navigation secondaire ("lourde") ou l'on met la navigation de forum, mot-clef, breves, petition, sites avec la syndication ou non
96        ]
97        <div id="navigation">
98        [(#REM) mots clefs]
99        <ul class="divers" title="<:mots_clefs:>">
100<BOUCLE_mots(MOTS) {id_article} {par titre}>
101<li>
102<a href="#URL_MOT" [title="(#DESCRIPTIF|textebrut|entites_html)"]>#TITRE</a>
103<B_articles_mots>
104        <ul class="menu-liste">
105<BOUCLE_articles_mots(ARTICLES) {id_mot} {par hasard} {0,4}>
106        <li class="menu-item"><a href="#URL_ARTICLE" title="[(#DESCRIPTIF|textebrut|entites_html)]">#TITRE</a></li>
107</BOUCLE_articles_mots>
108        </ul>
109</B_articles_mots>
110</li>
111</BOUCLE_mots>
112</ul>
113</B_mots>
114        [(#REM) breves du meme secteur]
115        <ul class="menu-liste-breves">
116<BOUCLE_breves_secteur(BREVES) {id_secteur}{0,4}>
117<li class="menu-item-breves"><a href="#URL_BREVE" title="[(#INTRO|textebrut|entites_html)]">#TITRE</a></li>
118</BOUCLE_breves_secteur>
119</ul>
120        [(#REM) sites web +/- syndication]
121        <ul class="menu-liste-sites">
122<BOUCLE_sites_secteur(SITES) {id_secteur}{0,5}>
123        <li class="menu-item-sites"><a href="#URL_SITE" title="[(#DESCRIPTIF|textebrut|entites_html)]">#NOM_SITE</a></li>
124</BOUCLE_sites_secteur>
125        </ul>
126        </div>
127
128        [(#REM)
129                Ici un autre bloc sympa
130        ]
131        <div id="extra">
132       
133       
134        </div>
135
136        [(#REM)
137                Le pied de page
138        ]
139        <div id="footer">
140        </div>
141
142
143</div>[(#REM) /container]
144
145#SPIP_CRON
146
147</body>
148</html>
149</BOUCLE_article>
Note: See TracBrowser for help on using the repository browser.