Changeset 57164 in spip-zone


Ignore:
Timestamp:
Jan 16, 2012, 1:51:30 AM (8 years ago)
Author:
romy@…
Message:

Amélioration de la page plugin :

  • liste des paquets repliée par défaut
  • mention explicite des états de développement
  • amélioration générale de la lisibilité
Location:
_galaxie_/plugins-spip-net/svp2010
Files:
5 edited

Legend:

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

    r57163 r57164  
    1111        <div class="cartouche">
    1212                <BOUCLE_logo(PAQUETS){id_plugin}{!par version}{0,1}>[
    13                 <div id="logo-article">(#LOGO|image_reduire{64}|inserer_attribut{class, spip_logos}|inserer_attribut{alt,''})</div>
     13                <div id="logo-article">(#LOGO|image_reduire{64}|image_recadre{64,64,center,transparent}|inserer_attribut{class,spip_logos}|inserer_attribut{alt,''})</div>
    1414                ]</BOUCLE_logo>
    15                 <p class="titre_categorie">
    16                         <a[ href="(#URL_PAGE{plugins}|parametre_url{categorie,#CATEGORIE})"]>
    17                                 [(#CATEGORIE|svp_traduire_categorie
    18                                         |supprimer_numero
    19                                         |image_typo{police=HelveNeuThiCon.ttf, taille=80px, largeur=1800, couleur=#CATEGORIE|categorie2couleur}
    20                                         |image_reduire_par{4}
    21                                         |image_aplatir{gif,ffffff})
    22                                 ]
    23                         </a>
    24                 </p>
     15                [<p class="titre_categorie">(#CATEGORIE|svp_traduire_categorie
     16                        |supprimer_numero
     17                        |image_typo{police=HelveNeuThiCon.ttf, taille=80px, largeur=1800, couleur=#CATEGORIE|categorie2couleur}
     18                        |image_reduire_par{4}
     19                        |image_aplatir{gif,ffffff})
     20                </p>]
    2521                <h1 class="titre_article">[(#NOM|extraire_multi|image_titre_article)]</h1>
    26                 <div class="slogan texte">
    27                         [(#SLOGAN|extraire_multi)]
    28                 </div>
     22                [<p class="slogan texte">(#SLOGAN|extraire_multi|PtoBR)</p>]
    2923                <div class="info-publi">
    30                         <ul class="liste-items">
    31                                 [<li class="item"><:svp:label_prefixe:> : (#PREFIXE|strtolower)</li>]
    32                                 [<li class="item"><:pluginspip:derniere_version:> : (#VMAX)</li>]
    33                                 [<li class="item"><:pluginspip:derniere_maj:> (#DATE_MODIF|affdate)</li>]
    34                                 [<li class="item">(#NBR_SITES|singulier_ou_pluriel{svpstats:info_nbr_sites_1,svpstats:info_nbr_sites_n})</li>]
    35                         </ul>
     24                        [<:svp:label_prefixe:> : (#PREFIXE|strtolower)]
     25                        [<br />(#NBR_SITES|singulier_ou_pluriel{svpstats:info_nbr_sites_1,svpstats:info_nbr_sites_n})]
     26                        [<br /><:pluginspip:derniere_maj:> (#DATE_MODIF|affdate)]
    3627                        <B_branches>
    3728                        <ul class="liste-items branches">
     
    5546        $(function(){
    5647                $('.paquet .descriptif').hide();
    57                 $('.paquet.first h2').toggleClass('deplie').siblings('.descriptif').show();
     48                $('.paquet.deplie h2').toggleClass('deplie').siblings('.descriptif').show();
    5849                $('.paquet h2').css('cursor','pointer').click(function(){
    5950                        $(this).toggleClass('deplie').siblings('.descriptif').slideToggle();
  • _galaxie_/plugins-spip-net/svp2010/css/pluginspip.html

    r57163 r57164  
    2929/* Titraille */
    3030/* --------- */
    31 h1 { margin: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
     31h1 { color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
    3232.minititre { display: block; margin-bottom: 5px; overflow: hidden; }
    3333.minititre span { display: block; float: left; padding: 0 4px 0 6px; height: 21px; overflow: hidden; background-color: [#(#GET{couleur})];
     
    159159/* ----------- */
    160160#colonne_centrale #logo-article { width: 230px; position: absolute; top: 50px; left: -230px; text-align: center; }
    161 h1.titre_article { margin: 0 0 30px; }
    162 h1.titre_article img { padding: 3px 10px 0; background: #666;
    163         -moz-border-radius : 12px; -webkit-border-radius : 12px; border-radius : 12px; }
     161h1.titre_article img { padding: 3px 10px 0; background: #666; border-radius : 12px; }
    164162.titre_categorie { display: block; margin: -30px 0 0; padding: 0; color: #[(#GET{couleur}|couleur_foncer_si_claire)]; }
    165163
    166164.page_plugin .contenu-principal { margin-bottom: 25px; }
    167 .page_plugin .cartouche .info-publi { overflow: hidden; margin: 0; font-size: 85%; color: #666; }
     165.page_plugin .cartouche .spip_logos { float: none; margin: 0; }
     166.page_plugin .cartouche .info-publi { overflow: hidden; margin: 0 0 50px; font-size: 85%; color: #666; }
    168167.page_plugin .cartouche .info-publi .liste-items { float: left; width: 32%; margin-left: 25px; }
    169168.page_plugin .cartouche .info-publi .liste-items:first-child { margin-left: 0; }
    170169.page_plugin .cartouche .info-publi .liste-items .item { border-bottom: 1px dotted #ddd; }
    171 .page_plugin .cartouche .info-publi .branches { width: 17% }
     170.page_plugin .cartouche .info-publi .branches { position: absolute; right: 20px; top: 55px; width: 17% }
    172171.page_plugin .cartouche .info-publi .branches .item { padding-left: 20px; background: transparent url([(#CHEMIN{css/imgs/check-valid.gif})]) left 50% no-repeat; }
     172.page_plugin #principal #colonne_centrale .texte { padding: 0; font-size: 100%; }
     173
    173174.paquet { position: relative; font-size: 85%; float: none; }
    174 .page_plugin .paquet { border-top: 1px dotted #ddd; margin-top: 50px; }
    175 .paquet h2 { padding-right: 120px; padding-left: 25px; color: #666; font-size: 150%; background: transparent url([(#CHEMIN{css/imgs/faq_close.png})]) left 50% no-repeat; }
     175.page_plugin .paquet { padding: 1.5em; background-image: url([(#CHEMIN{css/imgs/hachures.png})]); border: dotted #ddd; border-width: 0 0 1px 0; }
     176.page_plugin .paquet-stable { background: none; }
     177.page_plugin .paquet.first { border-width: 1px 0; }
     178.paquet h2 { margin: 0; padding-left: 25px; background: transparent url([(#CHEMIN{css/imgs/faq_close.png})]) left 50% no-repeat; color: #666; }
    176179.paquet h2.deplie { background-image: url([(#CHEMIN{css/imgs/faq_open.png})]); }
    177 .paquet .telechargement { position: absolute; top: 0; right: 0; font-size: 125%;  margin-top: 1em; }
    178 .paquet .telechargement a { margin: 0; text-decoration: none; color: white; padding: 4px; background-color: #[(#GET{couleur})];
    179         -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
    180 .paquet .telechargement.dev a { background: #[(#GET{couleur})] url([(#CHEMIN{css/imgs/stripe-dark.png})]) left top repeat; }
    181 .paquet .telechargement a span { padding-left: 20px;
    182         background: transparent url([(#CHEMIN{css/imgs/fleche-bas-blanc.gif})]) 2px center no-repeat; }
    183 .paquet .bloc_infos { overflow: hidden; margin-left: 0; font-size: 90%; color: #666; }
     180.paquet .descriptif { margin: 3em; }
     181.paquet .descriptif .texte { margin-bottom: 1.5em; border-bottom: 1px dotted #ddd; }
     182.paquet .descriptif .meta-publi { position: absolute; right: 5em; }
     183
     184.meta-publi { /*margin-top: 2px;*/ }
     185.meta-publi a { margin: 0; margin-left: 10px; padding: 4px; background-color: #e0e0e0; color: #666; text-decoration: none; border-radius: 5px; white-space: nowrap; }
     186.meta-publi a:hover { color: #000; }
     187
     188.paquet .actions { position: absolute; right: 1.5em; top: 1.5em; text-align: right; }
     189.paquet .telechargement a { background-color: #[(#GET{couleur})]; color: white; font-size: 125%; }
     190.paquet .telechargement a span { padding-left: 20px; background: transparent url([(#CHEMIN{css/imgs/fleche-bas-blanc.gif})]) 2px center no-repeat; }
     191
     192.paquet .bloc_infos { overflow: hidden; margin-left: 0; }
    184193.paquet .bloc_infos a { color: #666; }
    185194.paquet .bloc_infos a:hover { color: #000; }
    186 .paquet .bloc_infos dt { float: left; clear: right; width: 30%; margin: 0 ; padding: 3px 0; font-weight: bold; }
    187 .paquet .bloc_infos dd { float: right; width: 60%; margin: 0 ; padding: 3px 0; }
    188 
    189 .meta-publi { margin-top: 2px; }
    190 .meta-publi a { margin-right: 10px; padding: 4px; background-color: #e0e0e0; color: #666; text-decoration: none;
    191         -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius : 5px; }
    192 .meta-publi a:hover { color: #000; }
     195.paquet .bloc_infos dt { float: left; clear: right; width: 33%; text-align: right; margin: 0; font-weight: bold; color: #999; }
     196.paquet .bloc_infos dd { float: right; width: 65%; margin: 0; }
    193197
    194198
     
    274278.page_telechargements #colonne_centrale .liste-items .item .paquet { margin-bottom: 0; padding-left: 5px;}
    275279.page_telechargements #colonne_centrale .size1of20 { text-align: right; }
    276 #principal #colonne_centrale .texte { font-size: 90%; line-height: 160%; padding-right: 230px; }
     280#principal #colonne_centrale .texte { font-size: 90%; /*line-height: 160%;*/ padding-right: 230px; }
    277281.depot { position: relative; font-size: 85%; float: none; }
    278282.depot .logo { float: left; padding: 0 10px 0 0; }
  • _galaxie_/plugins-spip-net/svp2010/inclure/paquet-plugin.html

    r57163 r57164  
    1 <B_paquet>
    2 <div class="paquet[(#ENV{compteur_boucle}|=={1}|oui)first]">
    31<BOUCLE_paquet(PAQUETS){id_paquet}>
     2<div class="paquet paquet-#ETAT[ (#ENV{compteur_boucle}|=={1}|oui)first] clearfix">
     3
    44        <BOUCLE_depot(DEPOTS){id_depot}>
    55        [(#SET{url_depot, #URL_DEPOT})]
     
    88        [(#SET{titre_depot, #TITRE})]
    99        </BOUCLE_depot>
    10         <h2>[(#ENV{nom_plugin})][ - (#VERSION)]</h2>
    11         <div class="telechargement[(#ETAT|=={dev}|oui) dev]">
    12                 <a[ id="zip_(#NOM_ARCHIVE|basename{.zip})"][ href="(#GET{url_archives}|concat{/}|concat{#NOM_ARCHIVE})"] title="<:svp:bulle_telecharger_archive:>[ - (#NBO_ARCHIVE|taille_en_octets)]">
    13                 <span><:bouton_telecharger:></span>
    14                 </a>
     10        <h2 class="h3">[(#VERSION)][ - (#ETAT|svp_afficher_etat)]</h2>
     11        <div class="actions meta-publi">
     12                [<a href="(#LIEN_DOC)"><:pluginspip:lien_documentation:></a>]
     13                [<a href="(#LIEN_DEMO)"><:pluginspip:lien_demo:></a>]
     14                [<a href="(#LIEN_DEV)"><:pluginspip:lien_dev:></a>]
     15                [(#GET{url_brouteur}|oui)<a[ href="(#GET{url_brouteur}|concat{'/', #SRC_ARCHIVE})"]><:pluginspip:lien_sources:></a>]
     16                <span class="telechargement">
     17                        <a[ id="zip_(#NOM_ARCHIVE|basename{.zip})"][ href="(#GET{url_archives}|concat{/}|concat{#NOM_ARCHIVE})"] title="<:svp:bulle_telecharger_archive|attribut_html:>[ (#NOM_ARCHIVE|basename)][ - (#NBO_ARCHIVE|taille_en_octets)]"><span><:bouton_telecharger:></span></a>
     18                </span>
    1519        </div>
    16         <div class="descriptif">
    17                 <div class="texte">[(#DESCRIPTION|extraire_multi)]</div>
     20        <div class="descriptif clearfix">
     21                [<div class="texte">(#DESCRIPTION|extraire_multi)</div>]
    1822                <div class="meta-publi">
    19                         [<a href="(#LIEN_DOC)"><:pluginspip:lien_documentation:></a>]
    20                         [<a href="(#LIEN_DEMO)"><:pluginspip:lien_demo:></a>]
    21                         [<a href="(#LIEN_DEV)"><:pluginspip:lien_dev:></a>]
    22                         [(#GET{url_brouteur}|oui)
    23                         <a[ href="(#GET{url_brouteur}|concat{'/', #SRC_ARCHIVE})"]><:pluginspip:lien_sources:></a>]
    2423                        <a class="mediabox boxIframe boxWidth-800px boxHeight-600px"[ href="(#URL_PAGE{xml,url=#GET{url_archives}|concat{/}|concat{#NOM_ARCHIVE|basename{.zip}}|concat{.xml}})"] title="<:svp:bulle_afficher_xml_plugin:>"><:pluginspip:bouton_xml:></a>
    2524                </div>
  • _galaxie_/plugins-spip-net/svp2010/lang/pluginspip_fr.php

    r57162 r57164  
    77
    88        // B
    9         'bouton_xml' => 'XML',
     9        'bouton_xml' => 'Fichier&nbsp;XML',
    1010        'bulle_aller_aide' => 'Consulter la charte et l\'aide de ce site',
    1111//      'bulle_aller_categorie' => 'Se rendre sur la page des plugins de cette catégorie',
    12         'bulle_aller_demonstration' => 'Visiter le site de démonstration',
     12//      'bulle_aller_demonstration' => 'Visiter le site de démonstration',
    1313        'bulle_aller_depot' => 'Afficher la liste des plugins du dépôt',
    1414        'bulle_aller_depots' => 'Se rendre sur la page d\'accueil des dépôts',
     
    1616        'bulle_aller_plugins' => 'Se rendre sur la page d\'accueil des plugins',
    1717        'bulle_aller_signalements' => 'Consulter ou rédiger un signalement',
    18         'bulle_aller_sources' => 'Consulter les sources du paquet',
     18//      'bulle_aller_sources' => 'Consulter les sources du paquet',
    1919        'bulle_aller_statistiques' => 'Se rendre sur la page des statistiques',
    2020        'bulle_aller_telechargements' => 'Se rendre sur la page des téléchargements',
     
    7070        'label_tri_nbr' => 'par nombre d\'installations',
    7171        'label_tri_pop' => 'par popularité',
    72         'label_utilise_plugins' => 'Fonctions supplémentaires avec les plugins',
     72        'label_utilise_plugins' => 'Compatibilité prévue&nbsp;avec',
    7373        'lien_demo' => 'Démonstration',
    7474        'lien_dev' => 'Developpement',
    7575        'lien_documentation' => 'Documentation',
    76         'lien_sources' => 'Sources',
     76        'lien_sources' => 'Code source',
    7777
    7878        // P
  • _galaxie_/plugins-spip-net/svp2010/pluginspip_fonctions.php

    r54892 r57164  
    4141        $titre = str_replace("&AMP;", "&", $titre);
    4242
    43         $titre = image_typo($titre, "couleur=888888", "police=$police", "taille=54px", "largeur=1300", "padding=14");
     43        $titre = image_typo($titre, "couleur=888888", "police=$police", "taille=54px", "largeur=1000", "padding=14");
    4444        $titre = image_reduire_par($titre, 2);
    4545       
Note: See TracChangeset for help on using the changeset viewer.