Ignore:
Timestamp:
Mar 27, 2017, 9:49:33 PM (3 years ago)
Author:
real3t@…
Message:

Mode Cognac : les blocs qui défilent en bas sont les articles avec leur logo des rubriques ayant le mot clé "Goodies".

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportailcognac.html

    r103624 r103627  
    2121                <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
    2222                        <div class="slider-diapo-imgfull">
    23                                 <a href="#GET{article_url}" title="Voir [(#_Edito:TITRE|attribut_html)]">
     23                                <a href="#GET{article_url}"[ title="(#DESCRIPTIF|attribut_html)"]>
    2424                                        <img src="[(#FICHIER|copie_locale|focusimage{1920,580}|extraire_attribut{src})]" alt="" />
    2525                                </a>
     
    3131                <ul>
    3232                        <li class="#EDIT{titre}">
    33                                 <a href="#ARTICLE_URL" title="Voir [(#TITRE|attribut_html)]">
     33                                <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]">
    3434                                        <span>#TITRE</span>
    3535                                        <span class="icon icon-arrow-right2 icon-2x">&#10140;</span>
     
    119119        </div>
    120120        <div class="text-center avec-margin-top avec-margin-bottom">
    121                 <a class="button texte-blanc triadeA" href="#" title="Consulter les atualités">Consulter toutes les actualités</a>
     121                <a class="button texte-blanc triadeA" href="#URL_PAGE{antichrono}" title="Consulter les atualités">Consulter toutes les actualités</a>
    122122        </div>
    123123</div>
     
    151151<!-- PRATIQUE -->
    152152<div id="pratique" class="zone-pratique">
     153        <BOUCLE_GroupeBlocsDefilants(RUBRIQUES){titre_mot=Goodies}{par num titre}>
    153154        <header class="titre-sommaire">
    154                 <h1>Cognac pratique</h1>
     155                <h1>#TITRE</h1>
    155156        </header>
    156157        <div role="region" aria-label="Pratique">
    157158                <div class="slider-pratique">
     159                        <BOUCLE_BlocsDefilants(ARTICLES){id_rubrique}{par num titre}{lang}>
    158160                        <div class="content-pratique">
    159                                 <a href="#" title="Lire l'article">
    160                                         <img src="https://unsplash.it/280/190?image=118" alt="" />
    161                                         <div class="h2"><span class="titre-pratique">Agenda</span>
     161                                <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>
     162                                        <img src="[(#FICHIER|copie_locale|focusimage{280,190}|extraire_attribut{src})]" alt="" />
     163                                        <div class="h2"><span class="titre-pratique">#TITRE</span>
    162164                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    163165                                </a>
    164166                        </div>
    165                         <div class="content-pratique">
    166                                 <a href="#" title="Lire l'article">
    167                                         <img src="https://unsplash.it/280/190?image=182" alt="" />
    168                                         <div class="h2"><span class="titre-pratique">Cantine</span>
    169                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    170                                 </a>
    171                         </div>
    172                         <div class="content-pratique">
    173                                 <a href="#" title="Lire l'article">
    174                                         <img src="https://unsplash.it/280/190?image=18" alt="" />
    175                                         <div class="h2"><span class="titre-pratique">Piscine</span>
    176                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    177                                 </a>
    178                         </div>
    179                         <div class="content-pratique">
    180                                 <a href="#" title="Lire l'article">
    181                                         <img src="https://unsplash.it/280/190?image=182" alt="" />
    182                                         <div class="h2"><span class="titre-pratique">Le mag</span>
    183                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    184                                 </a>
    185                         </div>
    186                         <div class="content-pratique">
    187                                 <a href="#" title="Lire l'article">
    188                                         <img src="https://unsplash.it/280/190?image=118" alt="" />
    189                                         <div class="h2"><span class="titre-pratique">Compte citoyen</span>
    190                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    191                                 </a>
    192                         </div>
    193                         <div class="content-pratique">
    194                                 <a href="#" title="Lire l'article">
    195                                         <img src="https://unsplash.it/280/190?image=82" alt="" />
    196                                         <div class="h2"><span class="titre-pratique">Démarches en ligne</span>
    197                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    198                                 </a>
    199                         </div>
    200                         <div class="content-pratique">
    201                                 <a href="#" title="Lire l'article">
    202                                         <img src="https://unsplash.it/280/190?image=28" alt="" />
    203                                         <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    204                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    205                                 </a>
    206                         </div>
    207                         <div class="content-pratique">
    208                                 <a href="#" title="Lire l'article">
    209                                         <img src="https://unsplash.it/280/190?image=132" alt="" />
    210                                         <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    211                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    212                                 </a>
    213                         </div>
    214                         <div class="content-pratique">
    215                                 <a href="#" title="Lire l'article">
    216                                         <img src="https://unsplash.it/280/190?image=148" alt="" />
    217                                         <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    218                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    219                                 </a>
    220                         </div>
    221                         <div class="content-pratique">
    222                                 <a href="#" title="Lire l'article">
    223                                         <img src="https://unsplash.it/280/190?image=184" alt="" />
    224                                         <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    225                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    226                                 </a>
    227                         </div>
    228                         <div class="content-pratique">
    229                                 <a href="#" title="Lire l'article">
    230                                         <img src="https://unsplash.it/280/190?image=238" alt="" />
    231                                         <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    232                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    233                                 </a>
    234                         </div>
    235                         <div class="content-pratique">
    236                                 <a href="#" title="Lire l'article">
    237                                         <img src="https://unsplash.it/280/190?image=282" alt="" />
    238                                         <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
    239                                                 <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
    240                                 </a>
    241                         </div>
    242                 </div>
    243         </div>
     167                        </BOUCLE_BlocsDefilants>
     168                </div>
     169        </div>
     170        </BOUCLE_GroupeBlocsDefilants>
    244171</div>
    245172<!-- fin PRATIQUE -->
Note: See TracChangeset for help on using the changeset viewer.