Changeset 54275 in spip-zone


Ignore:
Timestamp:
Nov 9, 2011, 10:32:32 PM (8 years ago)
Author:
romy@…
Message:

Page d'accueil (suite)

Location:
_galaxie_/herbier/squelettes
Files:
8 edited

Legend:

Unmodified
Added
Removed
  • _galaxie_/herbier/squelettes/css/layout.css

    r54144 r54275  
    1414.content { position: relative; }
    1515.aside {}
    16 .footer { clear: both; width: 100%; background: #666 url(img/bg/footer.gif) repeat-x; border-top: 5px solid #222; }
     16.footer { clear: both; width: 100%; padding-bottom: 80px; background: #666 url(img/bg/footer.gif) repeat-x; border-top: 5px solid #222; }
    1717
    1818.inner { margin: 0 auto; /*padding-left: 20px;*/ text-align: left; }
     
    2424/* Colonnes */
    2525.tiers { float: left; width: 30%; }
    26 .page_sommaire .tiers { width: 230px; }
    2726/*.tiers * { width: 175px; }*/
    2827/*.quart { width: 25%; float: left; }
     
    6463.footer .bloc.last { margin-right: 0; }
    6564.footer .bloc ul { display: block; list-style-image: url(img/puce.gif); margin: 0 0 0 19px; }
    66 .footer .bloc li { margin-bottom: 6px; list-style: inherit; }
     65.footer .bloc li { margin-bottom: 6px; list-style: inherit; font-size: .9em; white-space: nowrap; }
    6766
    6867.footer .kezako { width: 310px; }
  • _galaxie_/herbier/squelettes/css/style.css

    r54144 r54275  
    1313hr { background-color: #A8A68C; color: #A8A68C; }
    1414blockquote { min-height: 40px; background: url(img/quote.png) no-repeat; font-style: normal; color: #444; }
     15ul.normal { width: 450px; display: block; list-style-image: url(img/puce.gif); margin: 0 0 0 19px; padding: 6px 0 0 0; }
     16ul.normal li { clear: both; margin-bottom: 1em; list-style: inherit; min-height: 90px; }
    1517
    1618/* pagination */
     
    2527.pagination .on,
    2628.pagination a:active { box-shadow: 1px 1px 1px #666 inset; }
     29
     30.plus { clear: both; font-size: .9em; }
    2731
    2832/* captures d'ecran */
     
    5357li:hover .active { left: 0; top: 0; display: table-cell; }
    5458
    55 
    56 /* galeries de captures d'ecran */
    57 ul#galerie { display: block; min-height: 360px; }
    58 ul#galerie li { position: relative; display: block; float: left; text-align: center; }
    59 ul#galerie li a { display: block; float: left; width: 210px; margin: 0 20px 20px 0; border: 0; /*white-space: nowrap; overflow: hidden; color: #CCC;*/ }
    60 ul#galerie li .hover { width: 190px; height: 80px; }
    61 ul#galerie a img { float: none; display: block; height: 90px !important; margin: 0; }
    62 ul#galerie a:focus,
    63 ul#galerie a:hover,
    64 ul#galerie a:active { color: #222; }
     59/* Galeries de captures d'ecran */
     60ul.galerie { display: block; min-height: 360px; }
     61ul.galerie li { position: relative; display: block; float: left; text-align: center; }
     62ul.galerie li a { display: block; float: left; width: 210px; margin: 0 20px 20px 0; border: 0; /*white-space: nowrap; overflow: hidden; color: #CCC;*/ }
     63ul.galerie li .hover { width: 190px; height: 80px; }
     64ul.galerie a img { float: none; display: block; height: 90px !important; margin: 0; }
    6565
    6666@media (max-width: 320px) {
    67 ul#galerie li { clear: both; display: block; width: 100%; }
    68 ul#galerie li a { float: none; margin: 0 auto; }
     67ul.galerie li { clear: both; display: block; width: 100%; }
     68ul.galerie li a { float: none; margin: 0 auto; }
    6969}
    70 
    71 /* trombinoscope */
    72 #trombinoscope { color: #666; }
    73 #trombinoscope ul {}
    74 #trombinoscope ul li { float: left; width: 80px; height: 70px; margin: 5px; text-align: center; overflow: hidden; font-size: .9em; }
    75 #trombinoscope ul li img.gravatar { display: block; margin: 0 auto; }
    76 
    77 /* listes normales */
    78 ul.normal { width: 450px; display: block; list-style-image: url(img/puce.gif); margin: 0 0 0 19px; padding: 6px 0 0 0; }
    79 ul.normal li { clear: both; margin-bottom: 1em; list-style: inherit; min-height: 90px; }
    8070
    8171/* Liste des sites syndiques */
     
    9181.syndication li small { display: none; color: #666; font-size: .70em; }
    9282
    93 .page_sommaire #news { width: 300px; }
    94 @media (max-width: 640px) { }
     83/* Page d'accueil */
     84.home .tiers { width: 230px; }
     85.home #focus { width: 460px; }
     86@media (max-width: 320px) {
     87.home #focus { width: 320px; }
     88}
     89.home #focus h2,
     90.home #focus p { margin-bottom: 8px; padding-right: 20px; }
     91.home #news ul.galerie { min-height: 0; }
     92.home #news .plus {}
     93
     94/* trombinoscope */
     95#trombinoscope { color: #666; }
     96#trombinoscope ul {}
     97#trombinoscope ul li { float: left; width: 80px; height: 70px; margin: 5px; text-align: center; overflow: hidden; font-size: .9em; }
     98#trombinoscope ul li img.gravatar { display: block; margin: 0 auto; }
    9599
    96100 /* Plan du site */
  • _galaxie_/herbier/squelettes/inclure/footer.html

    r54144 r54275  
    77                        <h2 class="offscreen">#TITRE</h2>
    88                        <p>[(#DESCRIPTIF_SITE_SPIP|PtoBR)<br />]
    9                         <img src="#CHEMIN{img/suite.gif}" alt="-" width="9" height="9" /> <a href="#URL_ARTICLE"[ title="(#TITRE|couper{80}|attribut_html)"]><:suite:></a></p>
     9                        <span class="plus"><img src="#CHEMIN{img/suite.gif}" alt="-" width="9" height="9" /> <a href="#URL_ARTICLE"[ title="(#TITRE|couper{80}|attribut_html)"]><:suite:></a></span></p>
    1010                        </BOUCLE_kezako>
    1111                </div>
     
    2828                        <h2 class="offscreen">Boussole SPIP</h2>
    2929                        <ul>
    30                                 <li><a rel="external" href="http://www.spip-info.net">Découvrir SPIP</a></li>
     30                                <li><a rel="external" href="http://www.spip-info.net">Qu'est-ce que <acronym title="Système de Publication pour l'Internet">SPIP</acronym>&nbsp;?</a></li>
    3131                                <li><a rel="external" href="http://demo.spip.org/spip.php?article31">Essayer SPIP</a></li>
    3232                                <li><a rel="external" href="http://www.spip.net/fr_download">Télécharger SPIP</a></li>
     
    3939               
    4040                <br class="clear" />
    41                 <p class="small">&copy; #NOM_SITE_SPIP 2006[-(#DATE|annee)]<span class="none"> - Site réalisé avec <a href="http://www.spip.net/" title="Système de Publication pour l'Internet">SPIP</a></span> - <BOUCLE_contact(ARTICLES){id_article IN 1,4,7}{" - "}><a href="#URL_ARTICLE">#TITRE</a></BOUCLE_contact></p>         
     41                <p class="small">&copy; 2006[-(#DATE|annee)]  #NOM_SITE_SPIP<span class="none"> - Site réalisé avec <a href="http://www.spip.net/" title="Système de Publication pour l'Internet">SPIP</a></span> - <BOUCLE_contact(ARTICLES){id_article IN 1,4,7}{" - "}><a href="#URL_ARTICLE">#TITRE</a></BOUCLE_contact></p>               
    4242                <img src="#CHEMIN{img/polatouche.png}" id="polatouche" />
    4343        </div>
  • _galaxie_/herbier/squelettes/mot.html

    r54144 r54275  
    2424        [(#ANCRE_PAGINATION|vide)]
    2525        <p class="pagination">[(#PAGINATION) - ]<span>#GRAND_TOTAL&nbsp;<:sites_web:> r&eacute;f&eacute;renc&eacute;s dans cette rubrique</span></p>
    26         <ul id="galerie">
     26        <ul class="galerie">
    2727                <BOUCLE_articles(ARTICLES){id_mot}{!par popularite}{pagination 12}{doublons}>
    2828                [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) <span class="hover">#TITRE</span></a></li>]
  • _galaxie_/herbier/squelettes/recherche.html

    r54144 r54275  
    2222        [(#ANCRE_PAGINATION|vide)]
    2323        <p class="pagination">[(#PAGINATION) - ]<span>#GRAND_TOTAL&nbsp; [(#TOTAL_BOUCLE|=={1}|?{seul <:site_web:> trouv&eacute;,<:sites_web:> trouv&eacute;s})]</span></p>
    24         <ul id="galerie">
     24        <ul class="galerie">
    2525                <BOUCLE_articles(ARTICLES){recherche}{!par points}{pagination 12}{id_secteur!=1}{doublons}>
    2626                [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) <span class="hover">#TITRE</span></a></li>]
  • _galaxie_/herbier/squelettes/rubrique.html

    r54144 r54275  
    2424        [(#ANCRE_PAGINATION|vide)]
    2525        <p class="pagination">[(#PAGINATION) - ]<span>#GRAND_TOTAL&nbsp;<:sites_web:> r&eacute;f&eacute;renc&eacute;s dans cette couleur</span></p>
    26         <ul id="galerie">
     26        <ul class="galerie">
    2727                <BOUCLE_articles(ARTICLES){id_rubrique}{!par popularite}{pagination 12}{doublons}>
    2828                [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) <span class="hover">#TITRE</span></a></li>]
  • _galaxie_/herbier/squelettes/sommaire.html

    r54144 r54275  
    88</head>
    99
    10 <body class="page_sommaire">
     10<body class="home">
    1111<div class="page">
    1212<INCLURE{fond=inclure/header}{home=oui}>
     
    1717        <BOUCLE_hidden_articles(ARTICLES){id_mot=9}{doublons}> </BOUCLE_hidden_articles>
    1818       
    19         <div class="tiers syndication" id="news">
    20                 <h2><:nouveautes:></h2>
    21                 <ul id="galerie">
    22                         <BOUCLE_new(SYNDIC_ARTICLES){!par date}{0,6}>
    23                         [<li dir="#LANG_DIR" lang="#LANG" xml:lang="#LANG" class="#LANG_DIR"><a rel="external" href="(#URL_ARTICLE|unique)" hreflang="#LANG"><img src="http://open.thumbshots.org/image.pxf?url=#URL_ARTICLE" width="120" height="90" class="thumbshots spip_logos" /><span class="hover">#TITRE</span></a></li>]
    24                         </BOUCLE_new>
    25                 </ul>
    26                 <p class="plus"><a href="#URL_RUBRIQUE{2}">Toutes les nouveautés</a></p>
     19        <BOUCLE_last(ARTICLES){id_rubrique!=1}{!par date}{age<90}{0,1}{doublons}>#SET{id_focus,#ID_ARTICLE}</BOUCLE_last>
     20        <BOUCLE_pop1(ARTICLES){id_rubrique!=1}{!id_mot=31}{!par popularite}{9,1}{doublons}>#SET{id_focus,#ID_ARTICLE}</BOUCLE_pop1><//B_last>
     21        <BOUCLE_focus(ARTICLES){id_article=#GET{id_focus}}>
     22        <div class="tiers" id="focus">
     23                <h2>#TITRE</h2>
     24                [<p class="small">(#INTRODUCTION|couper{300})</p>]
     25                [<p><a href="#URL_ARTICLE"[ title="(#TITRE|attribut_html)[ - (#DATE_REDAC|sinon{#DATE}|affdate_mois_annee)]"]>(#INCLURE{fond=inclure/logo,id_article}|image_reduire{430})</a></p>]
    2726        </div>
     27        </BOUCLE_focus>
    2828       
    2929        <div class="tiers pop">
    3030                <h2>Les plus populaires</h2>
    31                 <ul id="galerie">
    32                         <BOUCLE_pop(ARTICLES){id_rubrique!=1}{!par popularite}{0,3}{doublons}>
     31                <ul class="galerie">
     32                        <BOUCLE_pop(ARTICLES){id_rubrique!=1}{!id_mot=31}{!par popularite}{0,3}{doublons}>
    3333                        [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) <span class="hover">#TITRE</span></a></li>]
    3434                        </BOUCLE_pop>
     
    3838        <div class="tiers hasard last">
    3939                <h2>Trois au hasard</h2>
    40                 <ul id="galerie">
     40                <ul class="galerie">
    4141                        <BOUCLE_zard(ARTICLES){id_rubrique!=1}{par hasard}{0,3}{doublons}>
    4242                        [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) <span class="hover">#TITRE</span></a></li>]
    4343                        </BOUCLE_zard>
    4444                </ul>
     45        </div>
     46       
     47        <br class="clear" />
     48       
     49        <div class="syndication" id="news">
     50                <h2>Derniers sites référencés</h2>
     51                <ul class="galerie">
     52                        <BOUCLE_news(SYNDIC_ARTICLES){!par date}{0,12}>
     53                        [<li><a rel="external" href="(#URL_ARTICLE|unique)" hreflang="#LANG"><img src="http://open.thumbshots.org/image.pxf?url=#URL_ARTICLE" width="120" height="90" class="thumbshots spip_logos" /><span class="hover">#TITRE</span></a></li>]
     54                        </BOUCLE_news>
     55                </ul>
     56                <p class="plus"><BOUCLE_proposer(ARTICLES){id_article=4}><a href="#URL_ARTICLE">#TITRE</a></BOUCLE_proposer> - <a href="#URL_RUBRIQUE{2}">Toutes les nouveautés</a></p>
    4557        </div>
    4658       
  • _galaxie_/herbier/squelettes/tout/dates.html

    r54139 r54275  
    2424        <div class="demi">
    2525        <h3>Par date de publication</h3>
    26         <ul class="normal">
     26        <ul class="spip">
    2727                <BOUCLE_par_date(ARTICLES){id_secteur!=1}{!par date}{doublons}>
    2828                <li>[(#DATE|affdate{'d|m|Y H:i'}) : ]<a href="#URL_ARTICLE">#TITRE</a><br /></li>
     
    3232        <div class="demi">
    3333        <h3>Par date redac anterieure</h3>
    34         <ul class="normal">
     34        <ul class="spip">
    3535                <BOUCLE_par_date_redac(ARTICLES){id_secteur!=1}{!par date_redac}>
    3636                <li>[(#DATE_REDAC|affdate{'d|m|Y H:i'}) : ]<a href="#URL_ARTICLE">#TITRE</a><br /></li>
Note: See TracChangeset for help on using the changeset viewer.