source: spip-zone/_squelettes_/zktx-kore/trunk/header/article.html @ 112717

Last change on this file since 112717 was 112717, checked in by l.oiseau2nuit@…, 2 years ago

intégration des breadcrumb 'à la SPIPr' + refonte CSS autour de la génération des couleurs + multiples débuguages

File size: 1.9 KB
Line 
1<BOUCLE_header(ARTICLES){id_article}{id_rubrique}>
2<header class="bs-header article#ID_ARTICLE" id="header" role="banner">
3        <figure class="container">
4                [(#REM)
5                        #LOGO n'est pas une balise native de SPIP. Voir fichier /balises/logo.html
6
7                        Logos & Bootstrap :
8                                Pour les logos on peut passer une class supplémentaire à |inserer_attribut{class,""}
9                                avec, au choix, la class img-thumbnail img-circle, img-square, ...
10                                Mobile: vous disposez aussi de la class img-responsive
11                                > voir http://getbootstrap.com/css/#images
12                ]
13                [(#LOGO
14                        |image_reduire{320,320}
15                        |inserer_attribut{alt,[(#TITRE|textebrut|attribut_html)]}
16                        |inserer_attribut{class,"img-responsive center-block img-thumbnail"}
17                        |inserer_attribut{role,"img"}
18                )]
19                <figcaption class="text-center">
20                        [(#MENU_LANG)]
21                        [<p class="text-muted #EDIT{surtitre}">(#SURTITRE|abs_url)</p>]
22                        <h1 class="h1 #EDIT{titre}">#TITRE</h1>
23                        [<h2 class="h2 text-muted #EDIT{soustitre}">(#SOUSTITRE|abs_url)</h2>]
24                        <ul class="list-inline">               
25                                [<li><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="authors">(#LESAUTEURS)</span></li>]
26                                <li>
27                                        <i class="fa fa-clock-o" aria-hidden="true"></i> <time class="published" datetime="[(#DATE|date_iso)]" itemprop="datePublished">[(#DATE|affdate)]</time>
28                                [<span class="text-muted"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> <time update class="updated" datetime="      [(#DATE_MODIF|date_iso)]"> (#DATE_MODIF|affdate)</time></span>]
29                                </li>
30                        </ul>
31                        [(#MODELE{article_traductions})] [(#REM) liens de traduction ] 
32                               
33                        <B_lesmots>
34                                <ul class="list-inline">
35                                        <BOUCLE_lesmots(MOTS){id_article}>
36                                                <li><a class="btn btn-sm btn-default" href="[(#URL_MOT|url_absolue)]" rel="category"><i class="fa fa-tag" aria-hidden="true"></i> #TITRE</a></li>
37                                        </BOUCLE_lesmots>
38                                </ul>
39                        </B_lesmots>                   
40                       
41                </figcaption>
42        </figure>
43</header>
44</BOUCLE_header>
Note: See TracBrowser for help on using the repository browser.