Changeset 54144 in spip-zone


Ignore:
Timestamp:
Nov 6, 2011, 11:53:03 PM (9 years ago)
Author:
romy@…
Message:

Derniers sites référencés + affichage des titres au survol des vignettes

Location:
_galaxie_/herbier/squelettes
Files:
12 edited

Legend:

Unmodified
Added
Removed
  • _galaxie_/herbier/squelettes/backend.html

    r25190 r54144  
    1616[       <image>
    1717                <title>[(#NOM_SITE_SPIP|texte_backend)]</title>
    18                 <url>(#LOGO_SITE_SPIP||extraire_attribut{src}|url_absolue|texte_backend)</url>
     18                <url>(#LOGO_SITE_SPIP|extraire_attribut{src}|url_absolue|texte_backend)</url>
    1919                <link>#URL_SITE_SPIP/</link>
    20                 [<height>(#LOGO_SITE_SPIP||extraire_attribut{height})</height>]
    21                 [<width>(#LOGO_SITE_SPIP||extraire_attribut{width})</width>]
     20                [<height>(#LOGO_SITE_SPIP|extraire_attribut{height})</height>]
     21                [<width>(#LOGO_SITE_SPIP|extraire_attribut{width})</width>]
    2222        </image>
    2323]
     
    5656
    5757                [(#REM) Le bloc qui suit diffuse aussi le texte integral de l'article, ce qui permet une syndication plus riche (mais plus "lourde"). Fonction desactivable depuis les reglages du site. ]
    58                 [(#CONFIG{syndication_integrale}|=={oui}|?{' ',''})<content:encoded>[(#LOGO_ARTICLE|right||reduire_image{175,0}|inserer_attribut{alt,[(#TITRE|texte_backend)]}|texte_backend)]
     58                [(#CONFIG{syndication_integrale}|=={oui}|?{' ',''})<content:encoded>[(#LOGO_ARTICLE|right|reduire_image{175,0}|inserer_attribut{alt,[(#TITRE|texte_backend)]}|texte_backend)]
    5959                [&lt;div class='rss_texte'&gt;(#TEXTE|PtoBR|texte_backend)&lt;/div&gt;]
    6060                </content:encoded>]
  • _galaxie_/herbier/squelettes/css/font.css

    r54077 r54144  
    55
    66-------------------------------------------------------------- */
     7
     8
     9.font1 { font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; }
    710
    811/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 6, 2011 01:23:09 AM America/New_York */
     
    2629#cboxTitle,
    2730legend,
    28 label { font-family: Umbrage,"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; }
     31label,
     32.font2 { font-family: Umbrage,"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; }
    2933
    3034/* end */
  • _galaxie_/herbier/squelettes/css/layout.css

    r54139 r54144  
    6060/* Pied de page */
    6161.footer .inner { position: relative; }
    62 .footer .inner #polatouche { position: absolute; right: 30px; top: -75px; z-index: 100; width: 217px; height: 132px; background: url(../img/polatouche.png) no-repeat; }
     62.footer .inner #polatouche { position: absolute; right: 30px; top: -75px; z-index: 100; }
    6363.footer .bloc { float: left; width: 160px; margin-top: 1.5em; margin-right: 30px; }
    6464.footer .bloc.last { margin-right: 0; }
  • _galaxie_/herbier/squelettes/css/style.css

    r54139 r54144  
    4747.prevnext ul li.next a { border-radius: 0 5px 5px 0; }
    4848
     49/* titre hover */
     50li .hover { position: absolute; display: none; overflow: hidden; margin: 5px; padding: 5px; background-color: rgba(0,0,0,0.75); text-align: center; vertical-align: middle; line-height: normal; font-size: .9em; color: #FFF; }
     51li:hover .focus,
     52li:hover .hover,
     53li:hover .active { left: 0; top: 0; display: table-cell; }
     54
     55
    4956/* galeries de captures d'ecran */
    50 ul#galerie { display: block; min-height: 400px; }
    51 ul#galerie li { text-align: center; font-size: .9em; }
    52 ul#galerie li a { display: block; float: left; width: 210px; margin: 0 20px 10px 0; white-space: nowrap; overflow: hidden; color: #CCC; }
    53 ul#galerie a img { float: none; display: block; margin: 0; }
     57ul#galerie { display: block; min-height: 360px; }
     58ul#galerie li { position: relative; display: block; float: left; text-align: center; }
     59ul#galerie li a { display: block; float: left; width: 210px; margin: 0 20px 20px 0; border: 0; /*white-space: nowrap; overflow: hidden; color: #CCC;*/ }
     60ul#galerie li .hover { width: 190px; height: 80px; }
     61ul#galerie a img { float: none; display: block; height: 90px !important; margin: 0; }
    5462ul#galerie a:focus,
    5563ul#galerie a:hover,
     
    6270
    6371/* trombinoscope */
    64 #trombinoscope { width: 467px; margin-top: 1em; color: #666; }
    65 #trombinoscope ul { margin: 0; padding: 0; list-style: none; }
    66 #trombinoscope ul li { float: left; width: 80px; height: 70px; margin: .5em; text-align: center; overflow: hidden; font-size: .9em; }
    67 #trombinoscope ul li img.gravatar { display: block; margin: 0 auto; background: #d6d6d6; border: 4px solid #A8A68C; }
    68 #trombinoscope p.mais_aussi { font-size: .9em; font-style: italic; }
     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; }
    6976
    7077/* listes normales */
    7178ul.normal { width: 450px; display: block; list-style-image: url(img/puce.gif); margin: 0 0 0 19px; padding: 6px 0 0 0; }
    7279ul.normal li { clear: both; margin-bottom: 1em; list-style: inherit; min-height: 90px; }
    73 ul.normal li img.thumbshots { /*float: left; margin: 0 1em 4px 0; width: 120px; height: 90px; border-width: 4px !important;*/ }
    7480
    7581/* Liste des sites syndiques */
    76 /*.page_rubrique ul.normal li a { font-weight: bold; color: #C30; border-bottom: 1px solid; }
    77 .page_rubrique ul.normal li a:visited { color: #C63; }
    78 .page_rubrique ul.normal li a:hover { color: #ff4212; border-bottom-style: solid; }*/
    79 .page_rubrique ul.normal li p { margin-top: 0 !important; padding-top: 0; }
    80 .page_rubrique ul.normal li small { font-style: italic; color: #666; }
     82.syndication { min-height: 360px; }
     83.syndication li { position: relative; float: left; width: 130px; padding: 0 20px 20px 0; height: 100px; }
     84.syndication li a { padding: 0; background: none; border: 0; }
     85.syndication li .hover { width: 110px !important; height: 80px; }
     86.syndication li .spip_logos { /*float: left; margin: 0 10px 5px 0;*/ }
     87.syndication li.rtl { text-align: right; }
     88.syndication li.rtl .spip_logos { /*float: right; margin: 0 0 5px 10px;*/ }
     89.syndication li h3 { margin: 0; border: 0; }
     90.syndication li p { display: none; }
     91.syndication li small { display: none; color: #666; font-size: .70em; }
     92
     93.page_sommaire #news { width: 300px; }
     94@media (max-width: 640px) { }
    8195
    8296 /* Plan du site */
  • _galaxie_/herbier/squelettes/inclure/footer.html

    r54124 r54144  
    1212               
    1313                <div class="bloc encore">
    14                         <h2>Plus encore !</h2>
     14                        <h2 class="offscreen">Plus encore !</h2>
    1515                        <ul>
    1616                                <li><a href="#URL_MOT{31}">Sites pionniers</a></li>
     
    2121                                <BOUCLE_backend(ARTICLES){id_article=6}><li class="none"><a href="#URL_ARTICLE">#TITRE</a></li></BOUCLE_backend>
    2222                                <BOUCLE_ailleurs(RUBRIQUES){id_rubrique=2}><li><a href="#URL_RUBRIQUE">#TITRE</a></li></BOUCLE_ailleurs>
     23                                <li><a rel="external" href="http://stats.spip.org">Statistiques</a></li>
    2324                        </ul>
    2425                </div>
    2526       
    2627                <div class="bloc boussole last">
    27                         <h2>Boussole SPIP</h2>
     28                        <h2 class="offscreen">Boussole SPIP</h2>
    2829                        <ul>
    2930                                <li><a rel="external" href="http://www.spip-info.net">Découvrir SPIP</a></li>
     
    3233                                <li><a href="#URL_MOT{96}">Squelettes libres</a></li>
    3334                                <li><a rel="external" href="http://plugins.spip.net">Tous les plugins</a></li>
    34                                 <li><a rel="external" href="http://forum.spip.org">Forums d'entraide</a></li>
     35                                <li><a rel="external" href="http://forum.spip.org/fr_rubrique193.html">Forums d'entraide</a></li>
    3536                                <li><a rel="external" href="http://boussole.spip.org">Perdu&nbsp;?</a></li>
    3637                        </ul>
     
    3940                <br class="clear" />
    4041                <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                 <div id="polatouche"></div>
     42                <img src="#CHEMIN{img/polatouche.png}" id="polatouche" />
    4243        </div>
    4344</div><!--.footer-->
  • _galaxie_/herbier/squelettes/inclure/logo.html

    r54076 r54144  
    1 <BOUCLE_article(ARTICLES){id_article}{0,1}>[
    2 (#SET{logo,[(#LOGO_ARTICLE
    3         |image_passe_partout{600,250,transparent}
    4         |image_aplatir{png}
    5         |image_recadre{600,250,left top,transparent}
    6         |inserer_attribut{type,#MIME_TYPE}
    7         |inserer_attribut{length,#TAILLE}
    8         )]}
    9 )][(#GET{logo})]</BOUCLE_article>
     1<BOUCLE_logo(ARTICLES){id_article}{0,1}>[
     2(#LOGO_ARTICLE
     3|image_passe_partout{600,250,transparent}
     4|image_aplatir{png}
     5|image_recadre{600,250,left top,transparent}
     6|inserer_attribut{type,#MIME_TYPE}
     7|inserer_attribut{length,#TAILLE}
     8)]</BOUCLE_logo>
  • _galaxie_/herbier/squelettes/modeles/trombinoscope.html

    r54023 r54144  
    11<div id="trombinoscope">
    2 <BOUCLE_auteurs_admin(AUTEURS){id_auteur IN 14,15} {doublons}> </BOUCLE_auteurs_admin>
     2<BOUCLE_auteurs_admin(AUTEURS){id_auteur IN 1,7} {doublons}> </BOUCLE_auteurs_admin>
    33<ul>
    4         <BOUCLE_auteurs(AUTEURS) {id_auteur !IN 5} {par nom} {doublons}>
     4        <BOUCLE_auteurs(AUTEURS) {par nom} {doublons}>
    55        <li>
    6                 <img[ src="(#LOGO_AUTEUR||?{
    7                         [#URL_SITE_SPIP/(#LOGO_AUTEUR||image_reduire{50}|image_recadre{42,42,center,d6d6d6}|image_aplatir{jpg,d6d6d6}|extraire_attribut{src})]
     6                <img[ src="(#LOGO_AUTEUR|?{
     7                        [#URL_SITE_SPIP/(#LOGO_AUTEUR|image_reduire{50}|image_recadre{42,42,center,d6d6d6}|image_aplatir{jpg,d6d6d6}|extraire_attribut{src})]
    88                        ,
    99                        [(#EMAIL|gravatar_url)]
    10                 })"] alt="" width="42" height="42" class="gravatar" />
     10                })"] alt="" width="42" height="42" class="gravatar spip_logos" />
    1111                #NOM
    1212        </li>
    1313        </BOUCLE_auteurs>
    1414</ul>
    15 <B_auteurs_tous><p class="mais_aussi">Mais aussi : <BOUCLE_auteurs_tous(AUTEURS) {tous}{id_auteur !IN 14,15} {par nom} {doublons} {", "}>#NOM</BOUCLE_auteurs_tous> et toutes les personnes abonn&eacute;es &agrave; la liste de discussion.</p></B_auteurs_tous>
     15<br class="clear" />
     16<B_auteurs_tous><p class="mais_aussi small">Mais aussi : <BOUCLE_auteurs_tous(AUTEURS) {tous}{id_auteur !IN 14,15} {par nom} {doublons} {", "}>#NOM</BOUCLE_auteurs_tous> et toutes les personnes abonn&eacute;es &agrave; la liste de discussion.</p></B_auteurs_tous>
    1617</div><!--#trombinoscope-->
  • _galaxie_/herbier/squelettes/mot.html

    r54139 r54144  
    2626        <ul id="galerie">
    2727                <BOUCLE_articles(ARTICLES){id_mot}{!par popularite}{pagination 12}{doublons}>
    28                 [<li>
    29                         <a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) #TITRE</a>
    30                 </li>]
     28                [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) <span class="hover">#TITRE</span></a></li>]
    3129                </BOUCLE_articles>
    3230        </ul>
  • _galaxie_/herbier/squelettes/recherche.html

    r54139 r54144  
    2424        <ul id="galerie">
    2525                <BOUCLE_articles(ARTICLES){recherche}{!par points}{pagination 12}{id_secteur!=1}{doublons}>
    26                 [<li>
    27                         <a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) #TITRE</a>
    28                 </li>]
     26                [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) <span class="hover">#TITRE</span></a></li>]
    2927                </BOUCLE_articles>
    3028        </ul>
  • _galaxie_/herbier/squelettes/rubrique-2.html

    r54139 r54144  
    1818        <h1 class="#EDIT{titre}">#TITRE</h1>
    1919        [<div class="#EDIT{texte}">(#TEXTE)</div>]
    20        
    21         <B_articles>
    22         [(#ANCRE_PAGINATION|vide)]
    23         <p class="pagination">#PAGINATION</p>
    24         <ul class="normal">
    25                 <BOUCLE_articles(SYNDIC_ARTICLES){!par date}{pagination}>
    26                 <li dir="#LANG_DIR" lang="#LANG" xml:lang="#LANG">
    27                         <h3><a rel="external" href="#URL_ARTICLE" hreflang="#LANG"><img src="http://open.thumbshots.org/image.pxf?url=#URL_ARTICLE"[ alt="(#TITRE|textebrut)"] width="120" height="90" class="thumbshots spip_logos" />&#91;#LANG&#93; #TITRE</a></h3>
    28                         <small>R&eacute;f&eacute;renc&eacute;[ in (#NOM_SITE)][ le (#DATE|affdate{'d/m/Y H:i'})]</small>
    29                         [<p>(#DESCRIPTIF|PtoBR|supprimer_tags)</p>]
    30           </li>
    31                 </BOUCLE_articles>
    32         </ul>
    33         <p class="pagination">#PAGINATION</p>
    34         </B_articles>
    35 
     20        <div class="syndication">
     21                <B_articles>
     22                [(#ANCRE_PAGINATION|vide)]
     23                <p class="pagination">#PAGINATION</p>
     24                <ul class="clearfix">
     25                        <BOUCLE_articles(SYNDIC_ARTICLES){!par date}{pagination 24}>
     26                        [<li dir="#LANG_DIR" lang="#LANG" xml:lang="#LANG" class="#LANG_DIR">
     27                                <h3><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 font1">#TITRE[<br />(#LANG|=={#ENV{lang}}|non)&#91;<abbr>#LANG</abbr>&#93;]</span></a></h3>
     28                                <small>R&eacute;f&eacute;renc&eacute;[ in (#NOM_SITE)][ le (#DATE|affdate{'d/m/Y H:i'})]</small>
     29                                [<p>(#DESCRIPTIF|PtoBR|supprimer_tags|couper{150})</p>]
     30                        </li>]
     31                        </BOUCLE_articles>
     32                </ul>
     33                <p class="pagination">#PAGINATION</p>
     34                </B_articles>
     35        </div>
     36        <div class="small">Les sites ci-dessus sont issus de la syndication. Ils sont listés et classés ici de façon <strong>automatique</strong>. Cette sélection peut donc présenter certains manques, doublons ou inclure des sites hors-sujet. </div>
    3637</div>
    3738</div><!--.main-->
  • _galaxie_/herbier/squelettes/rubrique.html

    r54139 r54144  
    2626        <ul id="galerie">
    2727                <BOUCLE_articles(ARTICLES){id_rubrique}{!par popularite}{pagination 12}{doublons}>
    28                 [<li>
    29                         <a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) #TITRE</a>
    30                 </li>]
     28                [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) <span class="hover">#TITRE</span></a></li>]
    3129                </BOUCLE_articles>
    3230        </ul>
  • _galaxie_/herbier/squelettes/sommaire.html

    r54139 r54144  
    1717        <BOUCLE_hidden_articles(ARTICLES){id_mot=9}{doublons}> </BOUCLE_hidden_articles>
    1818       
    19         <div class="tiers news">
     19        <div class="tiers syndication" id="news">
    2020                <h2><:nouveautes:></h2>
    2121                <ul id="galerie">
    22                         <BOUCLE_new(ARTICLES){id_rubrique!=1}{!par date}{0,3}{doublons}>
    23                         [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) #TITRE</a></li>]
     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>]
    2424                        </BOUCLE_new>
    2525                </ul>
     26                <p class="plus"><a href="#URL_RUBRIQUE{2}">Toutes les nouveautés</a></p>
    2627        </div>
    2728       
     
    3031                <ul id="galerie">
    3132                        <BOUCLE_pop(ARTICLES){id_rubrique!=1}{!par popularite}{0,3}{doublons}>
    32                         [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) #TITRE</a></li>]
     33                        [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) <span class="hover">#TITRE</span></a></li>]
    3334                        </BOUCLE_pop>
    3435                </ul>
     
    3940                <ul id="galerie">
    4041                        <BOUCLE_zard(ARTICLES){id_rubrique!=1}{par hasard}{0,3}{doublons}>
    41                         [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) #TITRE</a></li>]
     42                        [<li><a href="#URL_ARTICLE">(#INCLURE{fond=inclure/logo,id_article}|image_reduire{200}) <span class="hover">#TITRE</span></a></li>]
    4243                        </BOUCLE_zard>
    4344                </ul>
Note: See TracChangeset for help on using the changeset viewer.