Changeset 54040 in spip-zone


Ignore:
Timestamp:
Nov 5, 2011, 1:42:35 AM (9 years ago)
Author:
romy@…
Message:

Redesign de l'entete et des coeur de page

Location:
_galaxie_/herbier/squelettes
Files:
2 added
3 deleted
13 edited

Legend:

Unmodified
Added
Removed

  • _galaxie_/herbier/squelettes/404.html

    r54023 r54040  
    2020</div>
    2121</div><!--.main-->
    22 <INCLURE{fond=inclure/plan}>
    2322<INCLURE{fond=inclure/footer}>
    2423</div><!--.page-->

  • _galaxie_/herbier/squelettes/ML-infos.html

    r54026 r54040  
    7979        <p><MM-Options-Form-Start> <MM-Editing-Options> <MM-Form-End></p>
    8080</div>
    81 
    82 <INCLURE{fond=inclure/plan}>
    8381<div id="pied">
    8482<MM-Mailman-Footer><br>

  • _galaxie_/herbier/squelettes/article.html

    r54029 r54040  
    1818        <BOUCLE_hidden_articles(ARTICLES){id_mot=9}{doublons}> </BOUCLE_hidden_articles>
    1919       
    20         <div id="capture">
    21                 [<a rel="nofollow" href="[(#LOGO_ARTICLE|image_reduire{1024,*}|extraire_attribut{src})]"[ title="(#TITRE|couper{80}|attribut_html)"] class="mediabox">(#LOGO_ARTICLE|image_passe_partout{450,338}|image_recadre{450,338,left top}|inserer_attribut{alt,[(#TITRE|couper{60}|attribut_html)]})Agrandir</a>]
    22                 <p class="date">[(#DATE_REDAC|?{[Date de capture d'&eacute;cran&nbsp;: (#DATE_REDAC|affdate_mois_annee)],[(#DATE|affdate_mois_annee)]})]</p>
    23                
    24                 [<div class="#EDIT{texte}">(#TEXTE)</div>]
    25                 [<p class="voir_en_ligne #EDIT{url_site}"><a href="#URL_SITE" rel="external" title="#URL_SITE" class="submit metal"><:voir_en_ligne:>&nbsp;: (#URL_SITE|couper{50})</a></p>]                   
    26                
     20        <div class="spip_documents spip_documents_center" id="capture">
     21                [<a rel="nofollow" href="[(#LOGO_ARTICLE|image_reduire{1024,*}|extraire_attribut{src})]"[ title="(#TITRE|couper{80}|attribut_html)[ - (#DATE_REDAC|affdate_mois_annee)]"] class="mediabox">(#LOGO_ARTICLE|image_passe_partout{600,450,transparent}|image_aplatir{png}|image_recadre{600,450,left top,transparent}|inserer_attribut{alt,[(#TITRE|couper{60}|attribut_html)]})</a>]
     22                <p class="date">[(#DATE_REDAC|?{[Capture d'&eacute;cran&nbsp;: (#DATE_REDAC|affdate_mois_annee)],[(#DATE|affdate_mois_annee)]})]</p>
    2723        </div><!--.capture-->
    28        
    29         <div id="encart">
    30                 <ul class="prevnext">
     24
     25        [<div class="#EDIT{texte}">(#TEXTE)</div>]
     26        [<p class="voir_en_ligne #EDIT{url_site}"><a href="#URL_SITE" rel="external" title="#URL_SITE" class="submit metal"><:voir_en_ligne:>&nbsp;: (#URL_SITE|couper{50})</a></p>]                   
     27
     28        <div class="prevnext">
     29                <ul>
    3130                        [(#REM) le lien vers l'article precedent, par ordre chronologique ]
    3231                        <li class="prev">
    3332                                <BOUCLE_precedent(ARTICLES){id_rubrique!=1}{age_relatif>=0}{!par date}{0,1}{doublons}>
    34                                 <a rel="prev" href="#URL_ARTICLE"[ title="(#TITRE|couper{80}|attribut_html)"]>[(#LOGO_ARTICLE|image_passe_partout{100,75}|image_recadre{100,75,left top}|inserer_attribut{alt,[(#TITRE|couper{60}|attribut_html)]})] &laquo;&nbsp;pr&eacute;c&eacute;dent</a>
     33                                <a rel="prev" href="#URL_ARTICLE"[ title="Site pr&eacute;c&eacute;dent : (#TITRE|couper{80}|attribut_html)"]>[(#LOGO_ARTICLE|image_passe_partout{100,75}|image_recadre{100,75,left top}|inserer_attribut{alt,[(#TITRE|couper{60}|attribut_html)]})] &laquo;&nbsp;pr&eacute;c&eacute;dent</a>
    3534                                </BOUCLE_precedent>
    3635                                        <BOUCLE_dernier(ARTICLES){id_rubrique!=1}{!par date}{0,1}{doublons}>
    37                                         <a rel="prev" href="#URL_ARTICLE"[ title="(#TITRE|couper{80}|attribut_html)"]>[(#LOGO_ARTICLE|image_passe_partout{100,75}|image_recadre{100,75,left top}|inserer_attribut{alt,[(#TITRE|couper{60}|attribut_html)]})] &laquo;&nbsp;pr&eacute;c&eacute;dent</a>
     36                                        <a rel="prev" href="#URL_ARTICLE"[ title="Site pr&eacute;c&eacute;dent : (#TITRE|couper{80}|attribut_html)"]>[(#LOGO_ARTICLE|image_passe_partout{100,75}|image_recadre{100,75,left top}|inserer_attribut{alt,[(#TITRE|couper{60}|attribut_html)]})] &laquo;&nbsp;pr&eacute;c&eacute;dent</a>
    3837                                        </BOUCLE_dernier>
    3938                                <//B_precedent>
    … …  
    4342                        <li class="next">
    4443                                <BOUCLE_suivant(ARTICLES){id_rubrique!=1}{age_relatif<0}{par date}{0,1}{doublons}>
    45                                 <a rel="next" href="#URL_ARTICLE"[ title="(#TITRE|couper{80}|attribut_html)"]>[(#LOGO_ARTICLE|image_passe_partout{100,75}|image_recadre{100,75,left top}|inserer_attribut{alt,[(#TITRE|couper{60}|attribut_html)]})] suivant<a href="#URL_ARTICLE" title="Afficher le suite suivant">&raquo;</a></a>
     44                                <a rel="next" href="#URL_ARTICLE"[ title="Site suivant : (#TITRE|couper{80}|attribut_html)"]>[(#LOGO_ARTICLE|image_passe_partout{100,75}|image_recadre{100,75,left top}|inserer_attribut{alt,[(#TITRE|couper{60}|attribut_html)]})] suivant&nbsp;&raquo;</a>
    4645                                </BOUCLE_suivant>
    4746                                        <BOUCLE_premier(ARTICLES){id_rubrique!=1}{par date}{0,1}{doublons}>
    48                                         <a rel="next" href="#URL_ARTICLE"[ title="(#TITRE|couper{80}|attribut_html)"]>[(#LOGO_ARTICLE|image_passe_partout{100,75}|image_recadre{100,75,left top}|inserer_attribut{alt,[(#TITRE|couper{60}|attribut_html)]})] suivant<a href="#URL_ARTICLE" title="Afficher le suite suivant">&raquo;</a></a>
     47                                        <a rel="next" href="#URL_ARTICLE"[ title="Site suivant : (#TITRE|couper{80}|attribut_html)"]>[(#LOGO_ARTICLE|image_passe_partout{100,75}|image_recadre{100,75,left top}|inserer_attribut{alt,[(#TITRE|couper{60}|attribut_html)]})] suivant&nbsp;&raquo;</a>
    4948                                        </BOUCLE_premier>
    5049                                <//B_suivant>
    5150                        </li>
    5251                </ul>
    53         </div><!--.encart-->
     52        </div><!--.prevnext-->
    5453       
    5554</div>
    5655</div><!--.main-->
    57 
    58 <INCLURE{fond=inclure/plan}>
    5956<INCLURE{fond=inclure/footer}{id_article}>
    6057</div><!--.page-->

  • _galaxie_/herbier/squelettes/css/layout.css

    r54029 r54040  
    66-------------------------------------------------------------- */
    77
    8 body { text-align: center; background: #333 url(img/bg/background-6.jpg) repeat top; }
     8body { text-align: center; background: #DDD url(img/bg/background.jpg) repeat top; }
    99.page {}
    10 .main { /*position: relative; width: 940px;*/ margin: 0 auto; text-align: left; background: #DDD url(img/bg/background.jpg); padding-top: 60px; }
     10.main { margin: 0 auto; padding: 1.5em 0; text-align: left; }
    1111
    1212.header {}
    … …  
    1515.footer { clear: both; width: 100%; /*padding-bottom: 50px;*/ }
    1616
    17 .iner { width: 698px; margin: 0 auto; padding-left: 175px; text-align: left; }
     17.iner { width: 690px; margin: 0 auto; padding-left: 20px; text-align: left; }
    1818
    1919.content { clear: both; margin-bottom: 18px; }
    … …  
    2929
    3030/* Entete et barre de navigation */
    31 .header { width: 100%; height: 1.7em; background: transparent url(img/colorstrip.gif) repeat-x center top; position: absolute; left: 0; top: 0; }
     31.header { width: 100%; background: rgba(200,200,200,.5) url(img/bg/stripe.png); box-shadow: 0 1px 5px #AAA; border-top: 5px solid; text-shadow: 0 1px 5px #AAA; }
    3232.header .iner { position: relative; }
    33 .header #logo { width: 150px; height: 438px; position: absolute; left: 0; top: 0; overflow: hidden; margin: 0; line-height: 1; font-weight: bold; }
    34 .header #logo,
     33.header #logo { display: block; margin: 0; padding: .75em 0 .15em; line-height: 1; font-weight: bold; font-size: 2em; }
    3534.header #logo a,
    3635.header #logo a:focus,
    3736.header #logo a:hover,
    38 .header #logo a:active { display: block; background: transparent; text-decoration: none; }
     37.header #logo a:active { background: transparent; border: 0; text-decoration: none; color: #222; }
     38
     39#polatouche { position: absolute; right: -50px; top: 60px; z-index: 100; width: 217px; height: 132px; background: url(../img/polatouche.png) no-repeat; }
    3940
    4041.nav {}
    … …  
    4445.nav ul li.on a {}
    4546
    46 #couleurs { position: absolute; left: 175px; top: 0; overflow: hidden; }
    47 #couleurs * { display: inline; }
     47#couleurs { position: absolute; right: 0; top: -5px; font-size: .8em; }
     48#couleurs * { display: inline; line-height: 1; }
    4849#couleurs h2 { display: none; }
    49 #couleurs li a { display: block; float: left; background: #666; height: 10px; margin-right: 4px; padding: 0 4px; color: #FFF; }
    50 #couleurs li a:hover { background: #333; padding-top: 22px; padding-bottom: 4px; }
    51 #couleurs li a.on { background: #000; padding-top: 34px; padding-bottom: 6px; }
     50#couleurs li a { float: left; display: block; width: 14px; height: 1em; margin-right: 4px; padding: 0 4px; background: #666; box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); border: 3px solid #FFF; border-top-width: 0; border-radius: 0 0 5px 5px; color: #FFF; text-indent: -9999em; }
     51#couleurs li a:focus,
     52#couleurs li a:hover,
     53#couleurs li a:active { background: #333; padding-top: 22px; padding-top: 50px; padding-bottom: 4px; }
     54#couleurs li a.on { background: #000; padding-top: 34px; padding-top: 60px; padding-bottom: 6px; font-weight: normal; }
    5255
    5356.formulaire_recherche { display: none; position: absolute; right: 0; top: 14px; overflow: hidden; }

  • _galaxie_/herbier/squelettes/css/style.css

    r54029 r54040  
    77
    88/* Titres */
    9 h2 { margin-bottom: 8px; padding-left: 20px; background: url(img/h3-fleur-page.gif) no-repeat transparent; border-bottom: 1px solid #A8A68C; text-align: left; font-weight: bold; }
    10 .footer h2 { background-image: url(img/h3-fleur-pied.gif); }
     9h2 { margin-bottom: 8px; border-bottom: 1px solid #A8A68C; text-align: left; font-weight: bold; }
     10.footer h2 { padding-left: 20px; background: url(img/h3-fleur-pied.gif) no-repeat transparent; }
    1111h2 { font-size: 1em; }
    1212h3 { margin-bottom: 8px; font-size: 1em; /*font-size: 14px !important; color: #666; margin-top: 35px;*/ }
    … …  
    2222
    2323/* Captures d'ecran */
    24 .spip_logos { padding: 5px; background-image: url(img/bg/stripe.png); }
     24.spip_logos { float: none; display: block; margin: 0; padding: 5px; background-image: url(img/bg/stripe.png); }
    2525
    26 /* Capture et descriptif */
    27 #capture { float: left; display: block; width: 458px; }
     26.page_article .content { width: 610px; }
     27.page_article .content h2 { visibility: hidden; }
     28
     29#capture { float: left; display: block; width: 610px; margin: 0 auto; }
    2830/*#capture li { margin: .6em 1.6em; text-align: left; list-style: url(img/puce.gif); }*/
    29 #capture img,
     31#capture a { display: block; border: 0; }
    3032.date { color: #A8A68C; font-size: .9em; }
    3133#capture .date { text-align: right; margin-top: -1.5em; }
    32 #capture .voir_en_ligne { visibility: hidden; line-height: 1.3em; }
    33 #capture:hover .voir_en_ligne { visibility: visible; }
     34#capture .voir_en_ligne { line-height: 1.3em; }
    3435
    35 /* Encart d'informations techniques */
    36 #encart { float: right; width: 224px; text-align: center; position: relative; }
    37 
    38 
    39 /**/
    40 #encart ul.prevnext { /*position: absolute;*/ right: 0; top: 0; }
    41 #encart ul.prevnext li { display: block; width: 108px; height: 91px; text-transform: uppercase; }
    42 #encart ul.prevnext li.prev { float: left; }
    43 #encart ul.prevnext li.next { float: right; margin-right: 0; }
     36/* prev / next */
     37.prevnext { position: absolute; top: 200px; display: block; width: 710px; height: 100px; margin: 0 -50px; }
     38.prevnext ul { width: 100%; }
     39.prevnext ul li.prev,
     40.prevnext ul li.next { float: none; position: absolute; width: auto !important; background: url(img/prevnext.png) no-repeat; text-align: left; text-indent: -9999px; cursor: pointer; }
     41.prevnext ul li a { display: block; width: 50px !important; height: 100px; border: 0; }
     42.prevnext ul li img { display: none; }
     43.prevnext ul li.prev { left: 0; }
     44.prevnext ul li.prev a { border-radius: 5px 0 0 5px; }
     45.prevnext ul li.next { right: 0; background-position: -50px 0; }
     46.prevnext ul li.next a { border-radius: 0 5px 5px 0; }
    4447
    4548/* Galeries de captures d'ecran */
    … …  
    108111input.text:focus { background-color: rgba(255, 255, 255, 0.5); outline: none; }
    109112
     113textarea { width: 100%; }
     114
     115.submit { line-height: 1; padding: 5px 1em; }
     116
    110117.reponse_formulaire,
    111118.reponse_formulaire p,
    … …  
    127134.formulaire_mailing_liste .forml { width: 12em; }
    128135
    129 textarea.spip_cadre { width: 460px; height: 120px; }
    130 
    131136/* Couleurs des liens */
    132137a { border-bottom: 1px dotted; text-decoration: none; color: #A8A68C; color: #222; }

  • _galaxie_/herbier/squelettes/inclure/head.html

    r54016 r54040  
    33[<link rel="shortcut icon" href="(#CHEMIN{favicon.ico})" />]
    44<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:>" href="http://feeds.feedburner.com/herbier" />
     5#INSERT_HEAD_CSS
    56<link rel="stylesheet" href="#CHEMIN{css/style.css}" type="text/css" />
    67<style type="text/css">
    78<BOUCLE_colorub(RUBRIQUES){par num titre, titre}>
    8 a#colorub#ID_RUBRIQUE {[ background-color: #(#LOGO_RUBRIQUE||couleur_extraire{15,5}|couleur_eclaircir) !important;][ color: #(#LOGO_RUBRIQUE||couleur_extraire{15,5}) !important;] }
    9 a#colorub#ID_RUBRIQUE.on, a#colorub#ID_RUBRIQUE:hover {[ background-color: #(#LOGO_RUBRIQUE||couleur_extraire{15,5}) !important;][ color: #(#LOGO_RUBRIQUE||couleur_extraire{15,5}|couleur_eclaircir) !important;] }
     9a#colorub#ID_RUBRIQUE {[ background-color: #(#LOGO_RUBRIQUE|couleur_extraire{15,5}|couleur_eclaircir) !important;][ color: #(#LOGO_RUBRIQUE|couleur_extraire{15,5}) !important;] }
     10a#colorub#ID_RUBRIQUE.on,
     11a#colorub#ID_RUBRIQUE:focus,
     12a#colorub#ID_RUBRIQUE:hover,
     13a#colorub#ID_RUBRIQUE:active {[ background-color: #(#LOGO_RUBRIQUE|couleur_extraire{15,5}) !important;][ color: #(#LOGO_RUBRIQUE|couleur_extraire{15,5}|couleur_eclaircir) !important;] }
    1014</BOUCLE_colorub>
    1115</style>

  • _galaxie_/herbier/squelettes/inclure/header.html

    r54026 r54040  
    22<div class="header">
    33        <div class="iner">
    4                 <strong id="logo">[(#ENV{home}|non)<a rel="start" href="#URL_SITE_SPIP/" title="<:accueil_site:>">]<img src="#CHEMIN{img/oriflam/oriflamme.png}"[ alt="(#NOM_SITE_SPIP|textebrut)"] />[(#ENV{home}|non)</a>]</strong>
     4                <strong id="logo">[(#ENV{home}|non)<a rel="start" href="#URL_SITE_SPIP/" title="<:accueil_site:>">]#NOM_SITE_SPIP[(#ENV{home}|non)</a>]</strong>
    55                [(#REM) Seules les rubriques dotées d'un logo s'affichent ici ]
    66                <div id="couleurs">
    … …  
    88                        <ul>
    99                                <BOUCLE_couleurs(RUBRIQUES){par num titre, titre}>
    10                                 [<li>(#LOGO_RUBRIQUE||?{<a href="#URL_RUBRIQUE" id="colorub#ID_RUBRIQUE"[ class="(#EXPOSE)"]>#TITRE</a>,''})</li>]
     10                                [<li>(#LOGO_RUBRIQUE|?{<a href="#URL_RUBRIQUE"[ title="(#TITRE|couper{80}|attribut_html)"] id="colorub#ID_RUBRIQUE"[ class="(#EXPOSE)"]>#TITRE</a>,''})</li>]
    1111                                </BOUCLE_couleurs>
    1212                        </ul>
    1313                </div>
    1414                #FORMULAIRE_RECHERCHE
     15                <div id="polatouche"></div>
    1516        </div>
    1617</div>

  • _galaxie_/herbier/squelettes/login.html

    r54023 r54040  
    2424</div>
    2525</div><!--.main-->
    26 <INCLURE{fond=inclure/plan}>
    2726<INCLURE{fond=inclure/footer}>
    2827</div><!--.page-->

  • _galaxie_/herbier/squelettes/recherche.html

    r54029 r54040  
    3636</div>
    3737</div><!--.main-->
    38 <INCLURE{fond=inclure/plan}>
    3938<INCLURE{fond=inclure/footer}>
    4039</div><!--.page-->

  • _galaxie_/herbier/squelettes/rubrique-2.html

    r54026 r54040  
    3636</div>
    3737</div><!--.main-->
    38 
    39 <INCLURE{fond=inclure/plan}>
    4038<INCLURE{fond=inclure/footer}>
    4139</div><!--.page-->

  • _galaxie_/herbier/squelettes/rubrique.html

    r54029 r54040  
    3737</div>
    3838</div><!--.main-->
    39 
    40 <INCLURE{fond=inclure/plan}>
    4139<INCLURE{fond=inclure/footer}>
    4240</div><!--.page-->

  • _galaxie_/herbier/squelettes/sommaire.html

    r54029 r54040  
    5252</div>
    5353</div><!--.main-->
    54 
    55 <INCLURE{fond=inclure/plan}>
    5654<INCLURE{fond=inclure/footer}>
    5755#SPIP_CRON

  • _galaxie_/herbier/squelettes/tout/dates.html

    r54024 r54040  
    4040</div>
    4141</div><!--.main-->
    42 
    43 <INCLURE{fond=inclure/plan}>
    4442<INCLURE{fond=inclure/footer}>
    4543</div><!--.page-->
Note: See TracChangeset for help on using the changeset viewer.