source: spip-zone/_squelettes_/parallelism4spip/rubrique.html @ 107876

Last change on this file since 107876 was 107876, checked in by cy.altern@…, 3 years ago

ajout d'une option de configuration pour le choix de la couleur des blocs de texte

File size: 2.8 KB
Line 
1<BOUCLE_rubrique(RUBRIQUES){id_rubrique}><!DOCTYPE HTML>
2<html>
3        <head>
4                <title>#TITRE | #NOM_SITE_SPIP</title>
5                <meta name="viewport" content="width=1120,user-scalable=no" />
6                <meta http-equiv="content-type" content="text/html; charset=utf-8" />
7                <meta name="description" content="" />
8                <meta name="keywords" content="" />
9
10                <INCLURE{fond=inclure/head}>
11               
12                <style type='text/css'>
13                [(#REM) récupération de la couleur de fond des blocs de texte: config plugin > #d64760 ]
14                        #header { background-color: #CONFIG{parallelism/couleur_boites_defaut, #d64760}; }
15               
16                [(#REM) récupération d'un éventuel logo pour l'image de fond ]
17                [(#SET{fond,[(#LOGO_RUBRIQUE|?{#LOGO_RUBRIQUE,[(#LOGO_SITE_SPIP|?{#LOGO_SITE_SPIP,non})]})]})]
18
19                [(#REM) si on utilise un logo comme image-background, calculer la couleur du texte de pied de page]
20                [ (#GET{fond}|!={non}|oui)
21                        [body, a, a:visited { color: #(#GET{fond}|couleur_extraire{5,5}|couleur_extreme|couleur_inverser); }]]
22                </style>
23        </head>
24        <body[ (#GET{fond}|!={non}|oui)style="background-image: url([(#GET{fond}|image_reduire{800,800}|extraire_attribut{src})]);"]>
25
26                <div id="wrapper">
27
28                        <div id="main">
29                                <div id="reel">
30                                        <!-- Header Item -->
31                                       
32                                                <div id="header" class="item" data-width="400">
33                                                        <h1[ class="(#EDIT{titre})"]>#TITRE</h1>
34                                                        <BOUCLE_rub(RUBRIQUES){id_parent}{" | "}><a href="#URL_RUBRIQUE">#TITRE</a></BOUCLE_rub>
35                                                </div>
36                                        <!-- Articles de la rubrique -->
37                                        <BOUCLE_artrub(ARTICLES){id_rubrique}{unique}{!par date}>#SET{arttitre,#TITRE} #SET{arturl,#URL_ARTICLE}
38                                            <BOUCLE_images_art(DOCUMENTS){id_article}{extension==jpg|png|gif}{par hasard}{0,1}>#SET{rapport,#HAUTEUR|div{231}}
39                                                <article class="item thumb" data-width="[(#LARGEUR|div{#GET{rapport}}|intval)]">
40                                                        <div class="lien" onclick="window.location.href='[(#GET{arturl}|attribut_html)]'"><h2>#GET{arttitre}</h2>
41                                                        [(#FICHIER|image_reduire{0,212})]</div>
42                                                </article>
43                                            </BOUCLE_images_art>               
44                                        </B_images_art> 
45                                        </BOUCLE_artrub>                                       
46                                       
47                                        <!-- Articles des sous rubriques -->
48                                        <BOUCLE_ss_rub(RUBRIQUES){id_parent}>
49                                                <BOUCLE_recursion(BOUCLE_artrub) />
50                                        </BOUCLE_ss_rub>       
51
52                                        <!-- Images de la rubrique -->
53                                        <BOUCLE_images(DOCUMENTS){extension==jpg|png|gif}{par num titre, titre}{id_rubrique=#ENV{id_rubrique}}>#SET{rapport,#HAUTEUR|div{231}}
54                                                <article class="item thumb" data-width="[(#LARGEUR|div{#GET{rapport}}|intval)]">
55                                                        #MODELE{titre_img,env}
56                                                        <a href="#URL_DOCUMENT">[(#FICHIER|image_reduire{0,212}|inserer_attribut{alt,[(#TITRE|?{#TITRE,<:parallelism:img_ss_titre:>})]})]</a>
57                                                </article>
58                                        </BOUCLE_images>               
59
60                                </div>
61                        </div>
62               
63                #INCLURE{fond=inc-pied,env}
64
65                </div>
66
67        </body>
68</html>
69</BOUCLE_rubrique>
Note: See TracBrowser for help on using the repository browser.