Changeset 48020 in spip-zone


Ignore:
Timestamp:
May 23, 2011, 11:51:11 AM (10 years ago)
Author:
brunobergot@…
Message:

on reprend le slider sur la home + toujours du nettoyage

Location:
_galaxie_/plugins-spip-net/svp2010
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _galaxie_/plugins-spip-net/svp2010/content/sommaire.html

    r48006 r48020  
    44                [(#SLOGAN_SITE_SPIP|image_typo{police=HelveNeuThiCon.ttf, taille=96px, largeur=1300, couleur=b9274d}
    55                        |image_reduire_par{2}
    6                         |image_aplatir{gif,dddddd, true})
     6                        |image_aplatir{gif,dddddd,true})
    77                ]
    88        </h1>
    9         [<p class="info-publi">
    10                 <small>(#ENV{id_depot}|svp_compter_plugins{#ENV{categorie}})</small>
    11         </p>]
    129</div>
    1310
     11#SET{hasard,#ARRAY}
     12<BOUCLE_hasard(PLUGINS){par hasard}{0,10}>#SET{hasard,#GET{hasard}|push{#ID_PLUGIN}}</BOUCLE_hasard>
     13<B_plugin1>
    1414<div class="liste" id="selection">
    1515        <h2 class="h2">Au hasard</h2>
    16         <ul class="liste-items">
    17         <BOUCLE_plugin1(PLUGINS){par hasard}{0,3}>
    18                 <li class="item[(#COMPTEUR_BOUCLE|=={3}|oui)last]">
    19                         <div class="titre"><a href="#URL_PLUGIN" title="<:svp:bulle_aller_plugin:>">#NOM</a></div>
    20                         [<div class="slogan">(#SLOGAN|supprimer_tags|PtoBR)</div>]
    21                         <div class="meta-publi"><a href="#URL_PLUGIN"><:en_savoir_plus:></a></div>
     16        <ul class="liste-items" id="titres_selection">
     17        <BOUCLE_plugin(PLUGINS){id_plugin IN #GET{hasard}}>
     18                <li class="item">
     19                <a class="lien-selection[(#COMPTEUR_BOUCLE|=={1}|?{" lien-selection-on",""})]"
     20                onclick="$('.lien-selection').removeClass('lien-selection-on'); $(this).addClass('lien-selection-on'); $('#slide_selection').animate({marginLeft: [(#COMPTEUR_BOUCLE|moins{1}|mult{-440})]}); return false;"
     21                href="#">
     22                        #NOM
     23                </a>
     24                </li>
     25        </BOUCLE_plugin>
     26        </ul>
     27       
     28        <div id="conteneur_selection">
     29        <ul class="liste-items" id="slide_selection">
     30        <BOUCLE_plugin1(PLUGINS){id_plugin IN #GET{hasard}}>
     31                <li class="item paquet">
     32                        <div class="minititre[ categorie_(#CATEGORIE)]">
     33                                <a href="#URL_PLUGIN" title="<:svp:bulle_aller_plugin:>"><span>
     34                                [(#NOM|image_petit_titre_article{#CATEGORIE|categorie2couleur})]
     35                                </span></a>
     36                        </div>
    2237                        <BOUCLE_paquet(PAQUETS){id_plugin}{!par version}{0,1}>
     38                        [<div class="logo"><a href="#URL_PLUGIN">(#LOGO|image_reduire{64})</a></div>]
     39                        [<div class="slogan">(#_plugin1:SLOGAN|supprimer_tags|PtoBR)</div>]
    2340                        <dl class="bloc_infos">
    2441                                <dt><:svp:label_compatibilite_spip:></dt>
     
    2643                                <dt><:svp:label_auteur:></dt>
    2744                                <dd>[(#AUTEUR|propre|PtoBR|supprimer_tags)]</dd>
    28                                 [<dt><:svp:label_licence:></dt>
    29                                 <dd>(#LICENCE)</dd>]
     45                                <dt><:svp:label_categorie:></dt>
     46                                <dd>[(#CATEGORIE|svp_traduire_categorie)]</dd>
    3047                        </dl>
    3148                        </BOUCLE_paquet>
     49                        <div class="meta-publi"><a href="#URL_PLUGIN"><:en_savoir_plus:></a></div>
    3250                </li>
    3351        </BOUCLE_plugin1>
    3452        </ul>
     53        </div>
    3554</div>
     55</B_plugin1>
    3656
    3757<div class="liste resume">
    38         <h2 class="h2">Les 10 plus utilises</h2>
     58        <h2 class="h2 minititre"><span>
     59                [(#VAL{'Les 10 plus utilisés'}|image_petit_titre_article{b9274d})]
     60        </span></h2>
    3961        <ul class="liste-items">
    4062                <BOUCLE_plugin2(PLUGINS){!par nbr_sites}{0,10}{prefixe !IN
     
    78100
    79101<div class="liste resume">
    80         <h2 class="h2">Nouveautes</h2>
     102        <h2 class="h2 minititre"><span>
     103                [(#VAL{'Nouveautées'}|image_petit_titre_article{b9274d})]
     104        </span></h2>
    81105        <ul class="liste-items">
    82106        <BOUCLE_nouveautes(PAQUETS){!par date_crea}{0,10}>
     
    93117
    94118<div class="liste resume last">
    95         <h2 class="h2">Mise à jour récentes</h2>
     119        <h2 class="h2 minititre"><span>
     120                [(#VAL{'Mises à jour récentes'}|image_petit_titre_article{b9274d})]
     121        </span></h2>
    96122        <ul class="liste-items">
    97123        <BOUCLE_maj(PAQUETS){!par date_modif}{0,10}>
  • _galaxie_/plugins-spip-net/svp2010/css.html

    r48006 r48020  
    363363}
    364364
    365 #selection #titres_selection { float: left; width: 200px; font-size: 80%; }
    366 #selection #titres_selection a.lien-selection {
    367   display: block;
    368   width: 160px;
    369   padding-top: 2px;
    370   margin-top: 2px;
    371   padding-left: 20px;
    372   text-decoration: none;
    373   color: #999;
    374 }
    375 
    376 #selection #titres_selection a.lien-selection:hover { color: #444;}
    377 
    378 #selection #titres_selection a.lien-selection-on {
    379   background: url([(#CHEMIN{imgs/check-valid.gif})]) left 2px no-repeat;
    380   color: black;
    381   font-weight: bold;
    382 }
    383 
    384 #selection #titres_selection a.lien-selection-on:hover { color: black; }
    385 #selection #slide_selection .pave-liste-article-section { margin-bottom: 0; }
    386 
    387365
    388366#cadre-extra {
     
    408386
    409387h1 { margin: 0; padding: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
     388.minititre { margin-bottom: 5px; overflow: hidden; }
     389.minititre span { display: block; float: left; padding: 0 4px 0 6px; height: 21px; overflow: hidden; background-color: [#(#GET{couleur})];
     390  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
     391<BOUCLE_minititres(DATA){source table,#SVP_CATEGORIES}>
     392.categorie_[(#CLE)] span { background-color: [#(#CLE|categorie2couleur)]; }
     393</BOUCLE_minititres>
    410394
    411395/* page plugin */
     
    441425.page_plugins .paquets { width: 70%; }
    442426.page_plugins .paquets .paquet { margin-bottom: 50px; }
    443 .page_plugins .paquets .titre { cursor: pointer; margin-bottom: 5px; overflow: hidden; }
    444 .page_plugins .paquets .titre a { display: block; float: left; padding-right: 5px; height: 21px; overflow: hidden;
    445   color: white; background: url([(#CHEMIN{imgs/fond-petit-titre-droite.png}|image_sepia{#GET{couleur}}|extraire_attribut{src})]) right top no-repeat; }
    446 .page_plugins .paquets .titre a span { display: block; padding-left: 6px;
    447   background: url([(#CHEMIN{imgs/fond-petit-titre-gauche.png}|image_sepia{#GET{couleur}}|extraire_attribut{src})]) left top no-repeat; }
    448 .page_plugins .paquets .paquet .logo { float: right; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; }
     427.paquet .logo { float: right; padding: 5px 0 5px 20px; }
    449428.page_plugins .paquets .paquet .slogan { margin-top: 20px; text-align: justify; color: #444; }
    450429.page_plugins .paquets .paquet .bloc_infos { margin-bottom: 15px; }
     
    463442        -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius : 10px; }
    464443.page_sommaire #selection .h2 { margin: 0; }
    465 .page_sommaire #selection .liste-items .item { width: 31%; float: left; margin-right: 22px; border: 0; }
    466 .page_sommaire #selection .liste-items .item .titre { margin: 5px 0; }
    467 .page_sommaire #selection .liste-items .item .titre a { font-weight: bold; color: #[(#GET{couleur})]; text-decoration: none; }
     444.page_sommaire #selection #titres_selection { float: left; width: 200px; }
     445.page_sommaire #selection #titres_selection a.lien-selection { display: block; width: 160px; padding: 2px 0 0 20px;
     446        margin-top: 2px; text-decoration: none; color: #999; }
     447.page_sommaire #selection #titres_selection a.lien-selection:hover { color: #444; }
     448.page_sommaire #selection #titres_selection a.lien-selection-on { font-weight: bold; color: black;
     449        background: url([(#CHEMIN{imgs/check-valid.gif})]) left 6px no-repeat; }
     450.page_sommaire #selection #titres_selection a.lien-selection-on:hover { color: black; }
     451.page_sommaire #selection #conteneur_selection { float: left; width: 440px; overflow: hidden; }
     452.page_sommaire #selection #conteneur_selection #slide_selection { width: 4400px; }
     453.page_sommaire #selection #conteneur_selection .liste-items .item { float: left; width: 440px; overflow: hidden; font-size: 100%; }
    468454.page_sommaire #selection .liste-items .item .bloc_infos { margin-top: 10px; font-size: 90%; }
    469455.page_sommaire #selection .liste-items .item .bloc_infos dt { font-weight: bold; color: #666; }
    470456.page_sommaire #selection .liste-items .item .bloc_infos dd { margin: 0; }
     457.page_sommaire #selection .liste-items .item .meta-publi { text-align: right; }
     458.page_sommaire #selection .liste-items .item .meta-publi a { color: #e0e0e0; background: #999; }
     459.page_sommaire #selection .liste-items .item .meta-publi a:hover { color: #666; background: #e0e0e0; }
    471460.page_sommaire .resume { width: 30%; float: left; margin-right: 32px; }
    472461.page_sommaire .resume .liste-items .item { overflow: hidden; border-bottom: 1px dotted #ababab; }
     
    479468.page_sommaire .resume .liste-items .item .titre { height: 1.45em; overflow: hidden; padding: 8px 0 0;
    480469        font-weight: bold; color: #666; }
     470
     471
  • _galaxie_/plugins-spip-net/svp2010/listes/plugins-categorie.html

    r47985 r48020  
    33<BOUCLE_plugins(PLUGINS){id_depot?}{categorie=#ENV{categorie}|sinon{#CLE}}{par multi nom}{pagination 10}>
    44<div class="paquet" id="plugin[-(#ID_DEPOT)]-#PREFIXE">
    5         <div class="titre">
     5        <div class="minititre">
    66                <a href="#URL_PLUGIN" title="<:svp:bulle_aller_plugin:>"><span>
    77                [(#NOM|image_petit_titre_article{#ENV{categorie}|categorie2couleur})]
Note: See TracChangeset for help on using the changeset viewer.