Changeset 47985 in spip-zone

Timestamp:

May 21, 2011, 3:35:46 PM (10 years ago)

Author:

brunobergot@…

Message:

début de page sommaire

Location:

_galaxie_/plugins-spip-net/svp2010

Files:

• content/sommaire.html (modified) (5 diffs)
• css.html (modified) (5 diffs)
• listes/plugins-categorie.html (modified) (1 diff)

_galaxie_/plugins-spip-net/svp2010/content/sommaire.html

@@ -1 @@
-[(#REM) Fil d'Ariane ]
-<p id="hierarchie">
-        <strong class="on"><:accueil_site:></strong>
-</p>
-
 [(#REM) Cartouche avec le titre de la page et les informations generales ]
 <div class="cartouche">
-        <h1 class="h1"><:svp:titre_page_plugins:></h1>
+        <h1 class="h1">
+                [(#SLOGAN_SITE_SPIP|image_typo{police=HelveNeuThiCon.ttf, taille=96px, largeur=1300, couleur=b9274d}
+                        |image_reduire_par{2}
+                        |image_aplatir{gif,dddddd, true})
+                ]
+        </h1>
         [<p class="info-publi">
                 <small>(#ENV{id_depot}|svp_compter_plugins{#ENV{categorie}})</small>
@@ -12 +12 @@
 </div>
 
-<div class="liste">
+<div class="liste" id="selection">
         <h2 class="h2">Au hasard</h2>
         <ul class="liste-items">
-        <BOUCLE_plugin1(PLUGINS){par hasard}{0,4}>
-                <li class="item">#NOM</li>
+        <BOUCLE_plugin1(PLUGINS){par hasard}{0,3}>
+                <li class="item[(#COMPTEUR_BOUCLE|=={3}|oui)last]">
+                        <div class="titre"><a href="#URL_PLUGIN" title="<:svp:bulle_aller_plugin:>">#NOM</a></div>
+                        [<div class="slogan">(#SLOGAN|supprimer_tags|PtoBR)</div>]
+                        <div class="meta-publi"><a href="#URL_PLUGIN"><:en_savoir_plus:></a></div>
+                        <BOUCLE_paquet(PAQUETS){id_plugin}{!par version}{0,1}>
+                        <dl class="bloc_infos">
+                                <dt><:svp:label_compatibilite_spip:></dt>
+                                <dd>[(#VERSION_SPIP|svp_afficher_version{SPIP}|sinon{<:svp:info_aucune_version_spip:>})]</dd>
+                                <dt><:svp:label_auteur:></dt>
+                                <dd>[(#AUTEUR|propre|PtoBR|supprimer_tags)]</dd>
+                                [<dt><:svp:label_licence:></dt>
+                                <dd>(#LICENCE)</dd>]
+                        </dl>
+                        </BOUCLE_paquet>
+                </li>
         </BOUCLE_plugin1>
         </ul>
 </div>
 
-<div class="liste">
+<div class="liste resume">
         <h2 class="h2">Les 10 plus utilises</h2>
         <ul class="liste-items">
@@ -58 +72 @@
         >
                 <BOUCLE_plugin2(PLUGINS){prefixe=#VALEUR{nom}}>
-                <li class="item">#NOM - [(#VALEUR{sites}) sites]</li>
+                <li class="item"><a href="#URL_PLUGIN" title="<:svp:bulle_aller_plugin:>">
+                        <BOUCLE_logo2(PAQUETS){id_plugin}{!par version}{0,1}>[
+                        (#LOGO|image_passe_partout{32,32}|image_recadre{32,32,center,transparent}|inserer_attribut{class,logo})
+                        ]</BOUCLE_logo2>
+                        <span class="titre">#NOM</span>
+                        <span class="meta">[(#VALEUR{sites}) sites]</span>
+                </a></li>
                 </BOUCLE_plugin2>
         </BOUCLE_stats>
@@ -64 +84 @@
 </div>
 
-<div class="liste">
+<div class="liste resume">
         <h2 class="h2">Nouveautes</h2>
         <ul class="liste-items">
         <BOUCLE_nouveautes(PAQUETS){!par date_crea}{0,10}>
         <BOUCLE_plugin3(PLUGINS){id_plugin}>
-                <li class="item">#NOM - [(#_nouveautes:VERSION)] - [(#_nouveautes:DATE_CREA|affdate)]</li>
+                <li class="item"><a href="#URL_PLUGIN" title="<:svp:bulle_aller_plugin:>">
+                        [(#LOGO|image_passe_partout{32,32}|image_recadre{32,32,center,transparent}|inserer_attribut{class,logo})]
+                        <span class="titre">#NOM</span>
+                        <span class="meta">[(#_nouveautes:VERSION)] - [(#_nouveautes:DATE_CREA|affdate)]</span>
+                </a></li>
         </BOUCLE_plugin3>
         </BOUCLE_nouveautes>
@@ -75 +99 @@
 </div>
 
-<div class="liste">
+<div class="liste resume last">
         <h2 class="h2">Mise à jour récentes</h2>
         <ul class="liste-items">
         <BOUCLE_maj(PAQUETS){!par date_modif}{0,10}>
         <BOUCLE_plugin4(PLUGINS){id_plugin}>
-                <li class="item">#NOM - [(#_maj:VERSION)] - [(#_maj:MAJ_ARCHIVE|affdate)]</li>
+                <li class="item"><a href="#URL_PLUGIN" title="<:svp:bulle_aller_plugin:>">
+                        [(#LOGO|image_passe_partout{32,32}|image_recadre{32,32,center,transparent}|inserer_attribut{class,logo})]
+                        <span class="titre">#NOM</span>
+                        <span class="meta">[(#_maj:VERSION)] - [(#_maj:MAJ_ARCHIVE|affdate)]</span>
+                </a></li>
         </BOUCLE_plugin4>
         </BOUCLE_maj>

_galaxie_/plugins-spip-net/svp2010/css.html

@@ -363 +363 @@
 }
 
-#selection {
-  border: 2px solid #ccc;
-  margin-bottom: 60px;
-  margin-top: 24px;
-  padding: 9px;
-  -moz-border-radius: 10px;
-  -webkit-border-radius: 10px;  
-  background-color: #f7f7f7;
-  background: url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
-}
-
 #selection #titres_selection { float: left; width: 200px; font-size: 80%; }
 #selection #titres_selection a.lien-selection {
@@ -418 +407 @@
 #principal #colonne_navigation { width: 200px; padding-top: 150px; vertical-align: top; display: inline-block; -moz-display: inline-box; }
 
-.page_sommaire #principal { background-color: #ddd; }
-.page_plugins #principal { background-color: #eee; }
-
 h1 { margin: 0; padding: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
 
@@ -426 +412 @@
 
 #colonne_centrale #logo-article { width: 230px; position: absolute; top: 50px; left: -230px; text-align: center; }
-.page_plugin #hierarchie { display:none; }
 
 h1.titre_article { margin: 0 0 30px; }
-h1.titre_article img { padding:3px 10px 0; background: #666;
+h1.titre_article img { padding: 3px 10px 0; background: #666;
         -moz-border-radius : 12px; -webkit-border-radius : 12px; border-radius : 12px; }
 .titre_categorie { display: block; margin: -30px 0 0; padding: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
@@ -445 +430 @@
 .paquet .bloc_infos dt { float: left; clear: right; width: 30%; margin: 0 ; padding: 3px 0; font-weight: bold; }
 .paquet .bloc_infos dd { float: right; width: 60%; margin: 0 ; padding: 3px 0; }
-.paquet .meta-publi { margin-top: 2px; }
-.paquet .meta-publi a { padding: 4px; background-color: #e0e0e0; color: #666; text-decoration: none;
+
+.meta-publi { margin-top: 2px; }
+.meta-publi a { padding: 4px; background-color: #e0e0e0; color: #666; text-decoration: none;
         -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
-.paquet .meta-publi a:hover { color: #000; }
+.meta-publi a:hover { color: #000; }
 
 /* page plugins / categorie */
 
+.page_plugins #principal { background-color: #eee; }
 .page_plugins .paquets { width: 70%; }
 .page_plugins .paquets .paquet { margin-bottom: 50px; }
@@ -463 +450 @@
 .page_plugins .paquets .paquet .bloc_infos { margin-bottom: 15px; }
 .page_plugins .paquets .paquet .meta-publi { text-align: right; }
+
+/* page sommaire */
+
+.page_sommaire #principal { background-color: #ddd; }
+.page_sommaire .cartouche .h1 { margin-left: -230px; }
+.page_sommaire .h2 { font-size: 118%; color: #666; }
+.page_sommaire .liste { font-size: 85%; color: #444; }
+.page_sommaire .liste .liste-items { margin: 0; padding: 0; list-style: none; }
+.page_sommaire #principal #colonne_centrale .last { margin-right: 0; }
+.page_sommaire #selection { float: none; margin: 24px 0;  padding: 9px; overflow: hidden;
+        border: 2px solid #ccc; background: #f7f7f7 url(#CHEMIN{imgs/fond-selection.gif}) bottom repeat-x;
+        -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius : 10px; }
+.page_sommaire #selection .h2 { margin: 0; }
+.page_sommaire #selection .liste-items .item { width: 31%; float: left; margin-right: 22px; border: 0; }
+.page_sommaire #selection .liste-items .item .titre {  }
+.page_sommaire #selection .liste-items .item .titre a { font-weight: bold; color: #[(#GET{couleur})]; text-decoration: none; }
+.page_sommaire #selection .liste-items .item .bloc_infos { margin-top: 10px; font-size: 90%; }
+.page_sommaire #selection .liste-items .item .bloc_infos dt { font-weight: bold; color: #666; }
+.page_sommaire #selection .liste-items .item .bloc_infos dd { margin: 0; }
+.page_sommaire .resume { width: 30%; float: left; margin-right: 32px; }
+.page_sommaire .resume .liste-items .item { overflow: hidden; border-bottom: 1px dotted #ababab; }
+.page_sommaire .resume .liste-items .item a { display: block; position: relative; padding: 0 5px 0 50px; 
+        text-decoration: none; color: #444; }
+.page_sommaire .resume .liste-items .item a img.logo { position: absolute; left: 5px; top: 6px; padding: 4px;
+        background: #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius : 4px;  }
+.page_sommaire .resume .liste-items .item a:hover img.logo { background: #f3f3f3; }
+.page_sommaire .resume .liste-items .item span { display: block; }
+.page_sommaire .resume .liste-items .item .titre { height: 1.45em; overflow: hidden; padding: 8px 0 0;
+        font-weight: bold; color: #666; }

_galaxie_/plugins-spip-net/svp2010/listes/plugins-categorie.html

@@ -10 +10 @@
         <BOUCLE_paquet(PAQUETS){id_plugin}{!par version}{0,1}>
         [<div class="logo"><a href="#URL_PLUGIN">(#LOGO|image_reduire{64})</a></div>]
-        [<div class="slogan">
-        (#_plugins:SLOGAN|supprimer_tags|PtoBR)</div>]
+        [<div class="slogan">(#_plugins:SLOGAN|supprimer_tags|PtoBR)</div>]
         <dl class="bloc_infos">
                 <dt><:svp:label_compatibilite_spip:></dt>