source: spip-zone/_squelettes_/bloog/_template/__article-css.html @ 1432

Last change on this file since 1432 was 1432, checked in by webmaster@…, 14 years ago

Encore une amelioration du css et du nifty.

File size: 13.0 KB
Line 
1<?php
2 // oublier le cache du navigateur
3    //
4    @header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
5    @header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
6
7    @header("Cache-Control: no-store, no-cache, must-revalidate");
8    @header("Cache-Control: post-check=0, pre-check=0", false);
9    @header("Pragma: no-cache");
10 ?> 
11<BOUCLE_principale(ARTICLES){id_article}>
12<!-- Si mot clef acces_restreint alors on authentifie l internaute. -->
13<BOUCLE_restreint(MOTS){id_article}{titre=acces_restreint}>
14<INCLURE(_authentification.php3)>
15</BOUCLE_restreint>
16
17<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
18   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
19<html><head>
20
21<!-- icones xml des rubriques sous firefox et référencement -->
22<BOUCLE_rub(RUBRIQUES){tout}{titre_mot=syndic}>
23<link rel="alternate" type="application/rss+xml" href="#URL_SITE_SPIP/_backend.php3?id_rubrique=#ID_RUBRIQUE" title="[(#TITRE|supprimer_numero)]"/>
24</BOUCLE_rub>
25<title>
26<BOUCLE_titre(ARTICLES){id_article}>
27[(#TITRE|supprimer_numero)]
28</BOUCLE_titre>
29</title>
30<BOUCLE_metatags(ARTICLES){id_article}>
31[<meta name="Description" content='(#DESCRIPTIF|supprimer_tags|texte_script)'/>]
32<meta name="keywords" content="[(#CHAPO|texte_script)]<BOUCLE_metadocs(DOCUMENTS){id_article}{","}>#TITRE</BOUCLE_metadocs>"/>
33<meta name="author" content="<BOUCLE_author(AUTEURS){id_article}{","}>#NOM</BOUCLE_author>"/>
34</BOUCLE_metatags>
35<meta http-equiv="content-type" content="text/html; charset=#CHARSET" />
36<link rel="stylesheet" type="text/css" href="#DOSSIER_SQUELETTE/menu.css" />
37<link rel="stylesheet" type="text/css" href="#DOSSIER_SQUELETTE/bloog.css" />
38<link rel="stylesheet" type="text/css" href="#DOSSIER_SQUELETTE/niftyCorners.css" />
39<link rel="stylesheet" type="text/css" href="#DOSSIER_SQUELETTE/Print.css" media="print" />
40<script type="text/javascript" src="#DOSSIER_SQUELETTE/nifty.js"></script>
41<script type="text/javascript" src="#DOSSIER_SQUELETTE/nifty-bloog.js"></script>
42
43
44
45
46</head>
47<body> 
48<div id="container"> 
49  <!-- header a exclure via include --> 
50  <div id="header"> 
51    <h1>#NOM_SITE_SPIP</h1> 
52  </div> <!-- fermeture header logo -->
53  <!-- la navigation par onglets --> 
54  <div id="menu"> 
55    <ul id="nav"> 
56      <B_onglets> 
57      <BOUCLE_onglets(RUBRIQUES){titre_mot=barre_menu}> 
58      <BOUCLE_liens(SITES){id_rubrique}{par nom_site}> 
59      <li id="[site(#ID_SYNDIC)]"><a href="#URL_SITE">[(#NOM_SITE|supprimer_numero)]</a></li> 
60      </BOUCLE_liens> 
61      </BOUCLE_onglets> 
62      </B_onglets> 
63      <:bloog:bloog:erreur_menu:><//B_onglets>
64    </ul> 
65  </div> <!-- fermeture du menu -->
66
67<div id="surcontent">  <!-- un peu de beauté autour du contenu -->
68<div id="content">  <!-- ouverture contenu --> 
69 
70<div id="colgau"> <!-- ouverture colone de gauche --> 
71
72  <div class="grande_boite"> <!-- ouverture grd boite texte --> [<div class="logogauche">(#LOGO_ARTICLE|?{#LOGO_ARTICLE,'<img src="../icones/64x64/edit.png">'})</div>
73  ]<BOUCLE_plan(HIERARCHIE){id_article}{" > "}> <a href="#URL_RUBRIQUE"[ title="(#DESCRIPTIF|textebrut|attribut_html)"]>[(#TITRE|supprimer_numero)] </a>       
74                  </BOUCLE_plan>[&gt; (#TITRE)]
75                  <h2>[(#TITRE)<br/> 
76      ]</h2> 
77    [(#SOUSTITRE)<br/> 
78    ]   
79   [(#TEXTE|liens_ouvrants|lier_au_glossaire)]
80   [<:bloog:premiere_publi:>: (#DATE_REDAC|affdate),][ <:bloog:mise_en_ligne:>: (#DATE|nom_jour)]
81   [(#DATE|affdate)]
82      <BOUCLE_auteurs(AUTEURS){id_article}> 
83      [, <:bloog:par:> <a href="_membre.php3?id_auteur=#ID_AUTEUR">(#NOM)</a>]
84      </BOUCLE_auteurs> 
85   
86    [<br/>
87    (#PS)]
88</div> <!-- fermeture grande boite -->
89
90
91
92<!-- s_il y a plus d_un document alors afficher vignettes et fleches -->
93<B_nb_images>
94<BOUCLE_nb_images(DOCUMENTS){id_article}{mode=document}{extension==jpg|gif|png}>
95</BOUCLE_nb_images><? $nb_images = "#TOTAL_BOUCLE"; ?></B_nb_images>
96 <? if ($nb_images >1) {?>
97
98
99
100<div id="minipics">
101<ul>
102<BOUCLE_vignettes_precedentes(DOCUMENTS){id_article}{mode=document}{extension==jpg|png|gif}{id_document < #ID_DOCUMENT}{par id_document}{inverse}{0,1}>
103        <li class="transparent"><div id="a#ID_DOCUMENT"><a href="#URL?id_document=#ID_DOCUMENT#a#ID_DOCUMENT" [title="(#TITRE|textebrut)"]>
104                      <img src="[./IMG/(#LOGO_DOCUMENT|fichier)]" [alt="(#TAILLE|taille_en_octets) ( #LARGEUR x #HAUTEUR )] " />
105                 </a> </div></li>               
106</BOUCLE_vignettes_precedentes>
107
108<!-- ici le css pour surligner l_image n_est plus -->
109<BOUCLE_vignettes_dudit_document(DOCUMENTS){id_article}{mode=document}{extension==jpg|png|gif}{id_document = #ID_DOCUMENT}{par id_document}{0,1}>
110        <li><div id="a#ID_DOCUMENT">
111                      <img src="[./IMG/(#LOGO_DOCUMENT|fichier)]" [alt="(#TAILLE|taille_en_octets) ( #LARGEUR x #HAUTEUR )]" /></div>
112          </li>         
113</BOUCLE_vignettes_dudit_document>
114
115
116<BOUCLE_vignettes_suivantes(DOCUMENTS){id_article}{mode=document}{extension==jpg|png|gif}{id_document > #ID_DOCUMENT}{par id_document}{0,2}>
117        <li class="transparent"><div id="a#ID_DOCUMENT"><a href="#URL?id_document=#ID_DOCUMENT#a#ID_DOCUMENT" [title="(#TITRE|textebrut)"]>
118                      <img src="[./IMG/(#LOGO_DOCUMENT|fichier)]" [alt="(#TAILLE|taille_en_octets) ( #LARGEUR x #HAUTEUR )] " />
119                </a> </div></li>               
120</BOUCLE_vignettes_suivantes> 
121</ul>
122<!-- séparation minipics et boite -->
123</div>
124<!-- fermeture minipics --> 
125
126<div class="grande_boite">
127<div class="icone_photo"></div>
128<div class="centre">
129<!-- fleche jpg précédent -->
130
131        <BOUCLE_precedent(DOCUMENTS){id_article}{id_document < #ID_DOCUMENT}{par id_document}{inverse}{0,1}{extension==jpg|png|gif}{mode=document}>
132         <a  href="#URL?id_document=#ID_DOCUMENT#a#ID_DOCUMENT"title="photo précédente">
133         <img src="./IMG/002/left.gif"  width="23" height="12" alt="photo précédente" /></a>
134           </BOUCLE_precedent>
135
136           <? echo $nb_images ?> <:bloog:photos:>
137
138<!--fleche jpg suivant-->
139
140        <BOUCLE_suivant(DOCUMENTS){id_article}{id_document > #ID_DOCUMENT}{0,1}{extension==jpg|png|gif}{mode=document}>
141           <a  href="#URL?id_document=#ID_DOCUMENT#a#ID_DOCUMENT"title="photo suivante">
142        <img src="./IMG/002/right.gif" width="23" height="12" alt="photo suivante" /></a>
143       </BOUCLE_suivant>
144
145</div><!-- fermeture boite bphoto centree -->
146</div><!-- fermeture grande boite avec fleches --> <?php } ?>
147<!-- fermeture de la boucle d'article pour repasser en boucle document -->
148</BOUCLE_principale>
149
150<B_afficher_document>
151
152<div class="grande_boite">
153<!-- l image en grand -->
154
155<div class="centre">
156<div class="photo"><div id="exif">
157<BOUCLE_afficher_document(DOCUMENTS){id_document}{extension==jpg|png|gif}{mode=document}>
158<a href="#a#ID_DOCUMENT"><img src="#URL_DOCUMENT" alt="#TITRE" />
159<span>[(#DESCRIPTIF)<br />*****<br />]
160[Le (#EXIF{EXIF,DateTimeOriginal}|date_EXIF2spip|sinon{#DATE}||affdate)]
161[, appareil: (#EXIF{IFD0,Model})]
162[, iso: (#EXIF{EXIF,ISOSpeedRatings})]
163[, exposition: (#EXIF{EXIF,ExposureTime})]
164[, ouverture:(#EXIF{COMPUTED,ApertureFNumber})]
165[, focale:(#EXIF{EXIF,FocalLength})mm]
166[(analogie 35mm:(#EXIF{EXIF,FocalLengthIn35mmFilm})mm)]
167[, distance:(#EXIF{EXIF,SubjectDistanceValue})]
168[, valeur d'exposition:(#EXIF{EXIF,ExposureBiasValue})]
169[, luminosité:(#EXIF{EXIF,BrightnessBiasValue})]
170[, flash:(#EXIF{COMPUTED,Flash}),]
171[, balance:(#EXIF{COMPUTED,WhiteBalance}).]</span></a>
172</BOUCLE_afficher_document>
173</div>
174  <!-- fermeture exif -->
175 
176</div><!-- fermeture photo -->
177</div><!-- fermeture grande boite photo -->
178</div><!-- fermeture centrage -->
179</B_afficher_document>
180
181
182<!-- réouverture boucle principale -->
183<BOUCLE_principale2(ARTICLES){id_article}>
184
185<? if ($nb_images ==1) {?>
186<B_afficher_photo_seule>
187
188<div class="grande_boite">
189<!-- l image en grand -->
190
191
192<div class="photo">
193  <div id="exif">
194<BOUCLE_afficher_photo_seule(DOCUMENTS){id_article}{extension==jpg|png|gif}{mode=document}{0,1}>
195<a href="#"><img src="#URL_DOCUMENT" alt="#TITRE" >
196<span>[(#DESCRIPTIF)<br />*****<br />
197]
198[Le (#EXIF{EXIF,DateTimeOriginal}|date_EXIF2spip|sinon{#DATE}||affdate)]
199[, appareil: (#EXIF{IFD0,Model})]
200[, iso: (#EXIF{EXIF,ISOSpeedRatings})]
201[, exposition: (#EXIF{EXIF,ExposureTime})]
202[, ouverture:(#EXIF{COMPUTED,ApertureFNumber})]
203[, focale:(#EXIF{EXIF,FocalLength})mm]
204[(analogie 35mm:(#EXIF{EXIF,FocalLengthIn35mmFilm})mm)]
205[, distance:(#EXIF{EXIF,SubjectDistanceValue})]
206[, valeur d'exposition:(#EXIF{EXIF,ExposureBiasValue})]
207[, luminosité:(#EXIF{EXIF,BrightnessBiasValue})]
208[, flash:(#EXIF{COMPUTED,Flash}),]
209[, balance:(#EXIF{COMPUTED,WhiteBalance}).]</span></a>
210</BOUCLE_afficher_photo_seule>
211</div>
212  <!-- fermeture photo -->
213</div><!-- fermeture exif -->
214</div><!-- fermeture grande boite photo -->
215</B_afficher_photo_seule>
216<?php } ?>
217
218
219
220
221
222  [<div class="grande_boite">(#NOTES)</div>]
223</div><!-- fermeture colone de gauche -->
224                                       
225
226 <div class="colonne">  <!-- ouverture de la colone de droite --> 
227
228
229    <div class="boite"><!-- ouverture boite menu --> 
230<div class="icone_menu"></div>
231     
232      <INCLURE(_menu_rub.php3){id_rubrique}{id_article}> 
233   
234    </div><!-- fermeture boite menu -->
235    <!-- La boite de recherche toujours à la même place pour tous le site même si la recherche est differente. --> 
236    <div class="boite"> <!-- ouverture boite recherche --> 
237<div class="icone_recherche"></div>
238     <form action="recherche.php3" method="post" /> 
239        <input type="text" name="rechercher" class="rechercher" value="rechercher" />
240       <!-- remplacer le bouton standard par un bouton loupe -->
241 <input type="submit" name="submit" class="submit" value="ok" />
242     
243 
244     
245        <!--  <?
246   // Titre de l'article pour générer le corps du mail
247   $titre='[(#TITRE|texte_script)]';
248   // URL de l'article pour générer le corps du mail
249   $url="[(#URL_SITE_SPIP)]/article.php3?id_article=#ID_ARTICLE";
250   // URL de l'article pour recharger la page
251   $url2="article.php3?id_article=#ID_ARTICLE";
252?>
253  -->
254    Ici le script "envoyer &agrave; un ami" xhtml strict.
255    <!-- trouver une solution pour les navigateurs sans javascript -->
256   <a href="javascript:window.print()"><:bloog:imprimez_article:>
257   </a> 
258    </div>
259    <!-- fermeture boite recherche, envoyer à un ami et imprimer --> 
260   
261    <div class="boite">
262      <!-- ouverture boite agenda -->
263      <div class="icone_article"></div>
264      <BOUCLE_meme_rubrique(ARTICLES){id_rubrique}{exclus}{par date}{inverse}{0,20}>
265                <a href="#URL_ARTICLE">#TITRE</a> 
266                <INCLURE(_cadenas.php3){id_article}>
267               
268                </BOUCLE_meme_rubrique>
269               
270    </div>
271    <div class="boite">
272      <!-- ouverture boite musique -->
273      <div class="icone_juk"></div>
274      <p> Ici un lecteur MP3 et une grille d'agenda pour marquer les br&egrave;ves
275        si besoin. (Genre Dotclear) </p>
276    </div>
277    <!-- fermeture boite agenda --> 
278
279    <BOUCLE_retirer_doc(DOCUMENTS){id_article}{extension==jpg|gif|png}{doublons doc}>
280    <!-- Boucle pour ne pas afficher les images et mp3 ici -->
281    </BOUCLE_retirer_doc>
282    <B_documents>
283<div class="boite"> <!-- ouverture boite zip -->
284<div class="icone_zip"></div>
285      <h2><:bloog:telechargement:></h2>
286      <br />
287  <BOUCLE_documents(DOCUMENTS){id_article}{par titre}{doublons doc}>
288        [<div class="logogauche"><a href="dw2_out.php?id=#ID_DOCUMENT" title="[(#TYPE_DOCUMENT)] [(#TAILLE|taille_en_octets)]">(#LOGO_DOCUMENT)</a></div>]
289[<a href="dw2_out.php?id=#ID_DOCUMENT" title="[(#TYPE_DOCUMENT)] [(#TAILLE|taille_en_octets)]">(#TITRE|majuscules)</a>]
290 [<br />(#ID_DOCUMENT|compteur)][(#DESCRIPTIF)]<!-- séparation documents -->     
291        <hr class="spacer" /> 
292      </BOUCLE_documents>
293    </div> <!-- fermeture boite zip -->
294   </B_documents>
295</div>   <!-- fermeture colone de droite --> 
296
297
298<INCLURE(_discussion_css.php3){id_article}>
299
300
301
302
303 
304
305
306
307</div> <!-- fermeture contenu --> 
308</div> <!-- fermeture beau surcontenu --> 
309  <div id="footer"> 
310<div class="icone_filxml">
311</div>
312
313    <a href="_contact.php3"><:bloog:contact:></a>&nbsp;| <a href="_inscription.php3"><:bloog:newsletter:></a> | <a href="_plan.php3">
314<:bloog:plan_du_site:></a> | <a href="recherche.php3"><:bloog:recherche:></a> | <a href="article.php3?id_article=330"><:bloog:telechargement:></a> 
315    <!-- à modifier en spip --> 
316    | <a href="_nouveautes.php3"><:bloog:nouveaute:></a> | <a href="rubrique.php3?id_rubrique=10"><:bloog:admin:></a> 
317    </div> <!-- fermeture pied de page--><div align="center"><a href="_syndication.php3">Afficher facilement le contenu dynamique XML
318    de #NOM_SITE_SPIP</a><br/> 
319 
320    [(#FORMULAIRE_ADMIN)]
321
322    <!--  la validation peut expirer à chaque modif.   --> 
323 Je travaille cette page en ce moment, la validation peut expirer &agrave; chaque instant.<br /> 
324    <a href="http://validator.w3.org/check?uri=referer"><img
325        src="http://www.w3.org/Icons/valid-xhtml10"
326        alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
327</div>  <!-- fermeture texte centré --> 
328</div> <!-- fermeture conteneur--> 
329
330
331
332</body>
333</html>
334</BOUCLE_principale2>
Note: See TracBrowser for help on using the repository browser.