source: spip-zone/_squelettes_/parallelism4spip/article.html @ 104748

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

ajustements pour la génération automatique de la couleur du texte en fonction de l'image de fond.

File size: 1.9 KB
Line 
1<BOUCLE_article(ARTICLES){id_article}><!DOCTYPE HTML>
2<html>
3        <head>
4                <title>#INFO_TITRE{article,#ID_ARTICLE}&nbsp;|&nbsp;#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        [(#SET{fond,[(#LOGO_ARTICLE_RUBRIQUE|?{#LOGO_ARTICLE_RUBRIQUE,[(#LOGO_SITE_SPIP|?{#LOGO_SITE_SPIP,non})]})]})]
12        [(#REM) si on utilise un logo comme image-background, calculer la couleur du texte de pied de page]
13        [ (#GET{fond}|!={non}|oui)
14                [<style type='text/css'>
15                        body, a, a:visited { color: #(#GET{fond}|couleur_extraire{5,5}|couleur_extreme|couleur_inverser); }
16                </style>]
17        ]
18        </head>
19        <body[ (#GET{fond}|!={non}|oui)style="background-image: url([(#GET{fond}|image_reduire{800,800}|extraire_attribut{src})]);"]>
20
21                <div id="wrapper">
22
23                        <div id="main">
24                                <div id="reel">
25                                        <!-- Header Item -->
26                                       
27                                                <div id="header" class="item" data-width="400">
28                                                        <h1 class="#EDIT{titre}">#TITRE</h1>
29                                                        [<div[ class="(#EDIT{texte})"]>(#TEXTE|inserer_attribut{class,#EDIT{texte}})</div>]
30                                                        <a href="#URL_RUBRIQUE">#INFO_TITRE{rubrique,#ID_RUBRIQUE}</a>
31                                                </div>
32                                       
33                                        <!-- Thumb Items -->
34                                        <BOUCLE_images(DOCUMENTS){extension==jpg|png|gif}{par num titre, titre}{id_article}{tout}>#SET{rapport,#HAUTEUR|div{231}}
35                                                <article class="item thumb" data-width="[(#LARGEUR|div{#GET{rapport}}|intval)]">
36                                                        #MODELE{titre_img,env}
37                                                        <a href="[(#FICHIER|image_reduire{1024}|extraire_attribut{src})]">[(#FICHIER|image_reduire{0,212}|inserer_attribut{alt,[(#TITRE|?{#TITRE,<:parallelism:img_ss_titre:>})]})]</a>
38                                                </article>
39                                        </BOUCLE_images>               
40
41                                </div>
42                        </div>
43               
44                #INCLURE{fond=inc-pied,env}
45
46                </div>
47
48        </body>
49</html></BOUCLE_article>
Note: See TracBrowser for help on using the repository browser.