source: spip-zone/_squelettes_/hBones/sommaire.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.6 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        Ce sommaire propose les dix plus recents articles ; il est aussi
10        capable de servir de squelette de rubrique si ?id_rubrique=xx
11        ou de moteur de recherche si ?recherche=xxx  (auquel cas il trie
12        par points et pas par date)
13
14        (c) 2006 - SPIP-Zone -- https://zone.spip.org/
15        Distribue sous licence publique generale GNU/GPL
16        --------------------------------------------------------------------
17
18
19][
20
21        (#REM) Commencons par XHTML 1.0 strict, et voyons si on peut y arriver
22
23]<!DOCTYPE html
24        PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
25        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
26[
27        (#REM) Preciser la langue principale du site dans l'entete, ainsi que sa
28        direction generale d'ecriture
29
30]<html xmlns="http://www.w3.org/1999/xhtml"
31        xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR">
32<head>
33        <title><:articles:> [| (#RECHERCHE) ]| [(#NOM_SITE_SPIP|textebrut)]</title>
34        <link rel="stylesheet" href="#CHEMIN{spip_style.css}" type="text/css" />
35        <link rel="stylesheet" href="#CHEMIN{hBones.css}" type="text/css" />
36        <link rel="stylesheet" href="#CHEMIN{layout.css}" type="text/css" />
37        <meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" />
38        <link rel="alternate" type="application/rss+xml" title="RSS"
39                href="#URL_PAGE{backend}" />
40</head>
41<body>
42
43[(#REM)
44        Mise en page a la LayoutGala
45        http://blog.html.it/layoutgala/
46]<div id="container">
47
48        [(#REM)
49                L'entete
50        ]
51        <div id="header">
52                <h1>#NOM_SITE_SPIP</h1>
53                #DESCRIPTIF_SITE_SPIP
54        </div>
55
56
57        [(#REM)
58                Contenu principal
59        ]
60
61        <div id="wrapper">
62                <div id="content">
63
64                        [
65                                (#REM) Un article peut etre considere comme un "blog-post"
66                                <http://microformats.org/wiki/blog-post-brainstorming>
67
68                                On se base sur le format (draft) hAtom
69                                <http://microformats.org/wiki/hatom>
70                        ]
71                        <div class="hfeed">
72
73                        [(#REM)
74
75                                Selon les arguments passes dans l'URL, on obtient :
76                                - les articles de la branche ?id_rubrique=xx
77                                - les articles correspondant a la ?recherche=toto
78                                Le tri se fait par points dans le cas de la recherche
79
80                                On affiche trois abstracts, suivis de maximum 30 zooms
81                        ]
82                        <BOUCLE_articles(ARTICLES){branche?}{recherche?}
83                        {id_mot?}{id_auteur?}
84                        {!par points}{!par date}{0,3}>
85                                <INCLURE{fond=article-abstract}{id_article}>
86                        </BOUCLE_articles>
87
88                        <BOUCLE_articles_s(ARTICLES){branche?}{recherche?}
89                        {id_mot?}{id_auteur?}
90                        {!par points}{!par date}{3,27}>
91                                <INCLURE{fond=article-zoom}{id_article}>
92                        </BOUCLE_articles_s>
93
94                        </div>[(#REM) /hfeed]
95
96                </div>
97        </div>
98
99        [(#REM)
100                Ici installer la navigation secondaire ("lourde")
101        ]
102        <div id="navigation">
103                [
104                        (#REM) Outils de navigation primaire (haut du flux HTML)
105                        le lien vers la rubrique contenante est rel-directory
106                        <http://microformats.org/wiki/rel-directory>
107                ]
108                <ul id="breadcrumb">
109                <li><a href="#URL_SITE_SPIP/">#NOM_SITE_SPIP</a></li>
110                <BOUCLE_hierarchie(HIERARCHIE)>
111                <li><a href="#URL_RUBRIQUE"[
112                        (#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|
113                        ?{rel="directory",''})]>#TITRE</a></li>
114                </BOUCLE_hierarchie>
115                </ul>
116
117                [(#FORMULAIRE_RECHERCHE|./)]
118
119
120                <BOUCLE_MOTS(MOTS) {id_groupe=2} {par hasard}>
121                <ul>#TITRE_MOT
122                <BOUCLE_MOTS2(ARTICLES) {id_article} {1,5}>
123                <li>- <a href="URL_ARTICLE">#TITRE</a></li>
124                </ul>
125                </BOUCLE_MOTS2>
126                </BOUCLE_MOTS>
127
128
129        </div>
130
131        [(#REM)
132                Ici un autre bloc sympa ou l'on met ce qu'on veut
133        ]
134        <div id="extra">
135        extra
136        </div>
137
138        [(#REM)
139                Le pied de page
140        ]
141        <div id="footer">
142
143        pied
144        </div>
145
146
147</div>[(#REM) /container]
148
149
150</body>
151</html>
Note: See TracBrowser for help on using the repository browser.