Changeset 54023 in spip-zone


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

Layout (sur le modele de http://romy.tetue.net/structure-html-de-base )

Location:
_galaxie_/herbier/squelettes
Files:
1 added
2 deleted
18 edited

Legend:

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

    r54016 r54023  
    1111
    1212<body class="page_404">
     13<div class="page">
    1314<INCLURE{fond=inclure/header}>
    14 <div id="page">
    15 <div class="machin" id="contenu">
     15<div class="main clearfix">
     16<div class="iner content clearfix" id="content">
    1617        <h2><:pass_erreur:> 404</h2>
    1718        [<p>(#ENV*{erreur}|propre|PtoBR)</p>]
    1819        <br /><br /><br /><br /><br /><br /><br /><br />
    1920</div>
    20 <br class="clear" />
    21 </div><!--#page-->
     21</div><!--.main-->
    2222<INCLURE{fond=inclure/plan}>
    23 <INCLURE{fond=inclure/tagcloud}>
    2423<INCLURE{fond=inclure/footer}>
     24</div><!--.page-->
    2525</body>
    2626</html>
  • _galaxie_/herbier/squelettes/ML-infos.html

    r54016 r54023  
    2323</head>
    2424<body class="page_article">
    25 <div id="page">
    26         <div class="machin">
     25<div class="main clearfix">
     26        <div class="iner">
    2727                <br /><br />
    2828                <h2>Liste de diffusion de <MM-List-Name></h2>
     
    8282                <p><MM-Roster-Form-Start> <MM-Roster-Option> <MM-Form-End></p>
    8383        <p><MM-Options-Form-Start> <MM-Editing-Options> <MM-Form-End></p>
    84 
    85 <br class="clear" />
    8684</div>
    8785
    8886<INCLURE{fond=inclure/plan}>
    8987<div id="pied">
    90 <br class="clear" />
    9188<MM-Mailman-Footer><br>
    9289Retour au site : <a href="http://www.spip-herbier.net">SPIP-Herbier</a>
    93 <br class="clear" />
    94 </div><!--/pied-->
     90</div><!--.pied-->
    9591
    9692</div>
     93</div><!--.page-->
    9794</body>
    9895</html>
  • _galaxie_/herbier/squelettes/article-1.html

    r54016 r54023  
    66[<meta name="description" content="(#INTRODUCTION|couper{150}|attribut_html)" />]
    77<INCLURE{fond=inclure/head}>
    8 <style>
    9 div#page h3, div#page p { width: 467px; }
    10 </style>
    118</head>
    129
    1310<body class="page_article">
     11<div class="page">
    1412<INCLURE{fond=inclure/header}>
    15 <div id="page">
     13<div class="main clearfix">
    1614
    17 <div class="machin" id="contenu">
     15<div class="iner content clearfix" id="content">
    1816       
    1917        <h2 class="#EDIT{titre}">#TITRE</h2>
     
    2826       
    2927</div>
    30 
    31 <br class="clear" />
    32 </div><!--#page-->
     28</div><!--.main-->
    3329
    3430<INCLURE{fond=inclure/footer}>
     31</div><!--.page-->
    3532</body>
    3633</html>
  • _galaxie_/herbier/squelettes/article.html

    r54016 r54023  
    99
    1010<body class="page_article">
     11<div class="page">
    1112<INCLURE{fond=inclure/header}{id_article}>
    12 <div id="page">
     13<div class="main clearfix">
    1314
    14 <div class="machin" id="contenu">
     15<div class="iner content clearfix" id="content">
    1516       
    1617        <h2 class="#EDIT{titre}">#TITRE</h2>
     
    2324                [<div class="#EDIT{texte}">(#TEXTE)</div>]
    2425               
    25         </div><!--/capture-->
     26        </div><!--.capture-->
    2627       
    2728        <div id="encart">
     
    7374                       
    7475                </ul>
    75                 </div><!--/infotech-->
     76                </div><!--.infotech-->
    7677               
    7778                <B_labels><div class="lovely">
     
    103104        </ul>
    104105               
    105         </div><!--/encart-->
    106        
    107         <br class="clear" />
     106        </div><!--.encart-->
    108107       
    109108</div>
    110 
    111 <br class="clear" />
    112 </div><!--/page-->
     109</div><!--.main-->
    113110
    114111<INCLURE{fond=inclure/plan}>
    115 <INCLURE{fond=inclure/tagcloud}{id_article}>
    116 <div id="pied">
    117112<INCLURE{fond=inclure/footer}{id_article}>
    118 </div>
    119 
     113</div><!--.page-->
    120114</body>
    121115</html>
  • _galaxie_/herbier/squelettes/css/style.css

    r54016 r54023  
    1 /* -----------------------------------------------
     1/* --------------------------------------------------------------
    22
    3                 © SPIP-Herbier - 2007
    4                 URL : http://www.spip-herbier.net
     3   Habillage de l'Herbier de SPIP
     4   SPIP-Herbier - 2007-2011
    55
    6 ----------------------------------------------- */
     6-------------------------------------------------------------- */
    77
    88/*body, body * { font: 11px/1.2em Verdana, Geneva, Tahoma, Helvetica, sans-serif; }*/
    9 body { background: #333 url(img/bg/background-6.jpg) repeat top; color: #333; }
    10 
    11 /* Blocs principaux */
    12 div#page { background: #D6D6D6 url(img/bg/background.jpg) repeat top; padding-top: 60px; }
    13 div#pied { padding-bottom: 50px; background: transparent url(img/bg/background-6.jpg) repeat top; }
    14 
    15 .machin { width: 698px; margin: 0 auto; text-align: left; }
    16 
    17 #contenu { clear: both; margin-bottom: 18px; }
    18 .page_article #contenu, .page_login #contenu { margin-bottom: 50px; }
    19 
    20 /* Colonnes */
    21 .tiers { width: 30%; float: left; }
    22 .tiers * { width: 175px; }
    23 /*.quart { width: 25%; float: left; }
    24 .quart * { width: 152px; }*/
    25 
    26 /* Entete */
    27 #top { width: 100%; height: 1.7em; background: transparent url(img/colorstrip.gif) repeat-x center top; position: absolute; left: 0; top: 0; }
    28 #top .machin { position: relative; }
    29 
    30 #nom_site_spip { display: block; width: 150px; height: 438px; position: absolute; left: -175px; top: 0; overflow: hidden; }
    31 /*#top, #page, #plan, #pied { padding-left: 175px; }*/
    32 
    33 div#couleurs { position: absolute; left: 0; top: 0; overflow: hidden; }
    34 div#couleurs * { display: inline; }
    35 div#couleurs h2 { display: none; }
    36 div#couleurs li a { display: block; float: left; background: #666; height: 10px; margin-right: 4px; padding: 0 4px; color: #FFF; font-size: 9px; }
    37 div#couleurs li a:hover { background: #333; padding-top: 22px; padding-bottom: 4px; }
    38 div#couleurs li a.on { background: #000; padding-top: 34px; padding-bottom: 6px; }
    39 
    40 .formulaire_recherche { display: block; position: absolute; right: 0; top: 14px; overflow: hidden; }
    41 .formulaire_recherche label { display: none !important; }
    42 .formulaire_recherche input { vertical-align: middle; }
    43 
    44 .spip-admin-float { position: fixed !important; top: 0 !important; }
    459
    4610/* Titres */
    4711h2, h3 { text-align: left; font-family: Times, "Times New Roman", serif !important; font-weight: bold !important; word-spacing: 2px; letter-spacing: 1px; border-bottom: 1px dotted #a8a68c; background: url(img/h3-fleur-page.gif) no-repeat transparent; padding-left: 20px; margin-bottom: 8px; }
    48 #pied h2, #pied h3 { background-image: url(img/h3-fleur-pied.gif); }
     12.footer h2,
     13.footer h3 { background-image: url(img/h3-fleur-pied.gif); }
    4914h2 { font-size: 16px; }
    5015h3 { font-size: 14px !important; color: #666; margin-top: 35px; }
    5116
    5217/* Textes */
    53 div#page p { margin: .6em 0; }
    54 div#page p a { color: #333; text-decoration: none; border-bottom: 1px dotted; }
    55 div#page p a.spip_out, div#page p a.spip_url { border-bottom-style: solid; }
    56 div#page p a:visited { color: #666; }
    57 div#page p a:hover { color: #ff4212; text-decoration: none; border-bottom-style: solid; }
     18/*.main p { margin: .6em 0; }
     19.main p a { color: #333; text-decoration: none; border-bottom: 1px dotted; }
     20.main p a.spip_out,
     21.main p a.spip_url { border-bottom-style: solid; }
     22.main p a:visited { color: #666; }
     23.main p a:hover { color: #ff4212; text-decoration: none; border-bottom-style: solid; }*/
    5824
    5925/* Captures d'ecran */
    60 div#page img { border: 1px solid #ccc; }
    61 div#page a img.spip_logos, div#capture img.spip_logos { border: 1px solid #a8a68c; border-width: 4px; }
    62 div#page a:hover img.spip_logos { border-color: #666/*#ff4212*/; }
     26.main img { border: 1px solid #ccc; }
     27.main a img.spip_logos, #capture img.spip_logos { border: 1px solid #a8a68c; border-width: 4px; }
     28.main a:hover img.spip_logos { border-color: #666/*#ff4212*/; }
    6329
    6430/* Capture et descriptif */
    65 div#capture { display: block; float: left; width: 458px; }
    66 div#capture p, div#capture li { margin: .6em 0; padding: 1px; text-align: justify; }
    67 div#capture li { margin: .6em 1.6em; text-align: left; list-style: url(img/puce.gif); }
    68 .date, div#page .date a { color: #666; }
    69 div#capture p.date { text-align: center; margin: 0 0 18px 0; }
     31#capture { display: block; float: left; width: 458px; }
     32#capture p,
     33#capture li { margin: .6em 0; padding: 1px; }
     34#capture li { margin: .6em 1.6em; text-align: left; list-style: url(img/puce.gif); }
     35.date, .main .date a { color: #666; }
     36#capture p.date { text-align: center; margin: 0 0 18px 0; }
    7037
    7138/* Encart d'informations techniques */
     
    12693
    12794 /* Plan du site */
    128 #plan { background: #303030 url(img/bg/background-8.jpg) repeat top; padding: 30px 0; }
     95#plan { background: #303030 url(img/bg/background-8.jpg) repeat top; padding: 30px 0; display: none; }
    12996#plan, #plan * { color: #666; }
    13097#plan .quart { width: 25%; float: left; }
     
    138105#plan .quart ul li.on, #plan .quart ul li:hover { background: #333; }
    139106
    140 /* Tagcloud */
    141 div#tagcloud { display: block; clear: both; background: #303030 url(img/bg/background-7.jpg) repeat top; padding: 25px 0; }
    142 div#tagcloud .machin { text-align: justify; }
    143 div#tagcloud a { color: #666; font-weight: normal; }
    144 div#tagcloud a.on, div#tagcloud a:hover { color: #a8a68c; }
    145 
    146107/* Pagination */
    147 div#page .pagination { clear: both; color: #b4b67e; margin: 10px 0 10px 18px; white-space: nowrap; }
    148 div#page .pagination a { border: 0; }
    149 div#page .pagination a:visited { color: #666; }
    150 div#page .pagination a:hover { color: #ff4212; border: 0; }
    151 div#page .pagination .on { color: #333; }
    152 div#page .pagination span { color: #999; }
     108.main .pagination { clear: both; color: #b4b67e; margin: 10px 0 10px 18px; white-space: nowrap; }
     109.main .pagination a { border: 0; }
     110.main .pagination a:visited { color: #666; }
     111.main .pagination a:hover { color: #ff4212; border: 0; }
     112.main .pagination .on { color: #333; }
     113.main .pagination span { color: #999; }
    153114
    154115/* Pied de page */
    155 div#pied .machin .boussole, div#pied .machin .encore, div#pied .machin .kezako { float: left; margin-top: 30px; margin-right: 30px; }
    156 div#pied .machin, div#pied .machin a { color: #bcbc88; text-decoration: none; }
    157 div#pied .machin a:hover { text-decoration: underline; }
    158 div#pied .machin p { width: auto; }
    159 div#pied .machin .boussole { width: 100px; }
    160 div#pied .machin .boussole ul { text-align: center; }
    161 div#pied .machin .boussole li { width: 100px; margin-bottom: 1px; }
    162 div#pied .machin .boussole li a { display: block; background: #000; border: 1px solid #666; }
    163 div#pied .machin .boussole li a:visited { color: #666; }
    164 div#pied .machin .boussole li a:hover { background-color: #CF0; border-color: #cc0; color: #333; text-decoration: none; }
    165 div#pied .machin .encore { width: 160px; }
    166 div#pied .machin .encore ul { display: block; list-style-image: url(img/puce.gif); margin: 0 0 0 19px; }
    167 div#pied .machin .encore li { margin-bottom: 6px; list-style: inherit; }
    168 div#pied .machin .kezako { width: 240px; /*max-width: 300px;*/ margin-right: 0; }
    169 div#pied .machin .kezako p { margin-bottom: 6px; }
     116.footer .iner .boussole, .footer .iner .encore, .footer .iner .kezako { float: left; margin-top: 30px; margin-right: 30px; }
     117.footer .iner, .footer .iner a { color: #bcbc88; text-decoration: none; }
     118.footer .iner a:hover { text-decoration: underline; }
     119.footer .iner p { width: auto; }
     120.footer .iner .boussole { width: 100px; }
     121.footer .iner .boussole ul { text-align: center; }
     122.footer .iner .boussole li { width: 100px; margin-bottom: 1px; }
     123.footer .iner .boussole li a { display: block; background: #000; border: 1px solid #666; }
     124.footer .iner .boussole li a:visited { color: #666; }
     125.footer .iner .boussole li a:hover { background-color: #CF0; border-color: #cc0; color: #333; text-decoration: none; }
     126.footer .iner .encore { width: 160px; }
     127.footer .iner .encore ul { display: block; list-style-image: url(img/puce.gif); margin: 0 0 0 19px; }
     128.footer .iner .encore li { margin-bottom: 6px; list-style: inherit; }
     129.footer .iner .kezako { width: 240px; /*max-width: 300px;*/ margin-right: 0; }
     130.footer .iner .kezako p { margin-bottom: 6px; }
    170131
    171132/* Formulaires */
    172 .formulaire_ecrire_auteur, .formulaire_login { width: 400px; }
     133.formulaire_ecrire_auteur,
     134.formulaire_login { width: 400px; }
    173135.formulaire_spip p { width: auto; }
    174136.formulaire_spip label { display: block; }
  • _galaxie_/herbier/squelettes/dates.html

    r54016 r54023  
    1313
    1414<body class="page_plan">
     15<div class="page">
    1516<INCLURE{fond=inclure/header}>
    16 <div id="page">
     17<div class="main clearfix">
    1718
    18 <div class="machin" id="contenu">
     19<div class="iner content clearfix" id="content">
    1920       
    2021        <h2>Tri par dates</h2>
     
    3637                </BOUCLE_par_date_redac>
    3738        </ul></div>
    38        
    39        
    40         <br class="clear" />
    4139
    4240</div>
    43 
    44 <br class="clear" />
    45 </div><!--#page-->
     41</div><!--.main-->
    4642
    4743<INCLURE{fond=inclure/plan}>
    4844<INCLURE{fond=inclure/footer}>
     45</div><!--.page-->
    4946</body>
    5047</html>
  • _galaxie_/herbier/squelettes/inclure/footer.html

    r54016 r54023  
    11#CACHE{3600*24*7}
    2 <div id="pied">
    3 <div class="machin">
    4 <br class="clear" />
     2<div class="clearfix footer">
     3<div class="iner">
    54
    65<div class="boussole">
     
    5150        </BOUCLE_kezako>
    5251</div>
    53 
    54 <br class="clear" />
    5552</div>
    56 </div>
     53</div><!--.footer-->
  • _galaxie_/herbier/squelettes/inclure/header.html

    r54016 r54023  
    11#CACHE{3600*24*7}
    2 <div id="top">
    3 <div class="machin">
     2<div class="header">
     3<div class="iner">
    44
    5 <h1 id="nom_site_spip">
     5<h1 id="logo">
    66[(#ENV{accueil,'non'}|=={oui}|?{'',' '})<a rel="start" href="#URL_SITE_SPIP/" title="<:accueil_site:>">]
    77<img src="#CHEMIN{img/oriflam/oriflamme.png}"[ alt="(#NOM_SITE_SPIP|textebrut)"] class="format_png" />
     
    1717                </BOUCLE_couleurs>
    1818        </ul>
    19         <br class="clear" />
    2019</div>
    2120
  • _galaxie_/herbier/squelettes/inclure/plan.html

    r54016 r54023  
    11#CACHE{3600*24*7}
    2 <div id="plan">
    3 <div class="machin">
     2<div class="clearfix" id="plan">
     3<div class="iner">
    44        <h2 class="offscreen"><:plan_site:></h2>
    55       
     
    5151        </div>
    5252        </BOUCLE_plugins>
    53        
    54         <br class="clear" />
     53
    5554</div>
    56 </div>
     55</div><!--#plan-->
  • _galaxie_/herbier/squelettes/index.html

    r25190 r54023  
    99</script>
    1010</head>
    11 <body></body>
     11<body></div><!--.page-->
     12</body>
    1213</html>
  • _galaxie_/herbier/squelettes/login.html

    r54016 r54023  
    1010</head>
    1111<body class="page_login">
     12<div class="page">
    1213<INCLURE{fond=inclure/header}>
    13 <div id="page">
    14 <div class="machin" id="contenu">
     14<div class="main clearfix">
     15<div class="iner content clearfix" id="content">
    1516        <h2><:login_acces_prive|ucfirst:></h2>
    1617        <div class="formulaire_spip formulaire_login">
     
    2223        </div>
    2324</div>
    24 <br class="clear" />
    25 </div><!--#page-->
     25</div><!--.main-->
    2626<INCLURE{fond=inclure/plan}>
    2727<INCLURE{fond=inclure/footer}>
     28</div><!--.page-->
    2829</body>
    2930</html>
  • _galaxie_/herbier/squelettes/modeles/trombinoscope.html

    r54012 r54023  
    1313        </BOUCLE_auteurs>
    1414</ul>
    15 <br class="clear" />
    1615<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>
    1716</div><!--#trombinoscope-->
  • _galaxie_/herbier/squelettes/mot.html

    r54016 r54023  
    1010
    1111<body class="page_mot">
     12<div class="page">
    1213<INCLURE{fond=inclure/header}>
    13 <div id="page">
     14<div class="main clearfix">
    1415
    15 <div class="machin" id="contenu">
     16<div class="iner content clearfix" id="content">
    1617       
    1718        <h2 class="#EDIT{titre}">#TITRE</h2>
     
    3536
    3637</div>
    37 
    38 <br class="clear" />
    39 </div><!--/page-->
     38</div><!--.main-->
    4039
    4140<INCLURE{fond=inclure/plan}{id_mot}>
    42 <INCLURE{fond=inclure/tagcloud}{id_mot}>
    4341<INCLURE{fond=inclure/footer}>
     42</div><!--.page-->
    4443</body>
    4544</html>
  • _galaxie_/herbier/squelettes/plan.html

    r54016 r54023  
    88</head>
    99<body>
     10<div class="page">
    1011<INCLURE{fond=inclure/header}>
    1112<INCLURE{fond=inclure/plan}>
    12 <INCLURE{fond=inclure/tagcloud}>
    1313<INCLURE{fond=inclure/footer}>
     14</div><!--.page-->
    1415</body>
    1516</html>
  • _galaxie_/herbier/squelettes/recherche.html

    r54016 r54023  
    1010
    1111<body class="page_recherche">
     12<div class="page">
    1213<INCLURE{fond=inclure/header}>
    13 <div id="page">
     14<div class="main clearfix">
    1415
    15 <div class="machin" id="contenu">
     16<div class="iner content clearfix" id="content">
    1617       
    1718        <BOUCLE_hidden_articles(ARTICLES){id_mot=9}{doublons}> </BOUCLE_hidden_articles>
     
    3435       
    3536</div>
    36 
    37 <br class="clear" />
    38 </div><!--#page-->
     37</div><!--.main-->
    3938<INCLURE{fond=inclure/plan}>
    40 <INCLURE{fond=inclure/tagcloud}>
    4139<INCLURE{fond=inclure/footer}>
     40</div><!--.page-->
    4241</body>
    4342</html>
  • _galaxie_/herbier/squelettes/rubrique-2.html

    r54016 r54023  
    1010
    1111<body class="page_rubrique">
     12<div class="page">
    1213<INCLURE{fond=inclure/header}>
    13 <div id="page">
     14<div class="main clearfix">
    1415
    15 <div class="machin" id="contenu">
     16<div class="iner content clearfix" id="content">
    1617
    1718        <h2 class="#EDIT{titre}">#TITRE</h2>
     
    3637
    3738</div>
    38 
    39 <br class="clear" />
    40 </div><!--#page-->
     39</div><!--.main-->
    4140
    4241<INCLURE{fond=inclure/plan}>
    4342<INCLURE{fond=inclure/footer}>
     43</div><!--.page-->
    4444</body>
    4545</html>
  • _galaxie_/herbier/squelettes/rubrique.html

    r54016 r54023  
    1010
    1111<body class="page_rubrique">
     12<div class="page">
    1213<INCLURE{fond=inclure/header}{id_rubrique}>
    13 <div id="page">
     14<div class="main clearfix">
    1415
    15 <div class="machin" id="contenu">
     16<div class="iner content clearfix" id="content">
    1617
    1718        <h2 class="#EDIT{titre}">#TITRE</h2>
     
    3536
    3637</div>
    37 
    38 <br class="clear" />
    39 </div><!--#page-->
     38</div><!--.main-->
    4039
    4140<INCLURE{fond=inclure/plan}>
    42 <INCLURE{fond=inclure/tagcloud}>
    4341<INCLURE{fond=inclure/footer}>
     42</div><!--.page-->
    4443</body>
    4544</html>
  • _galaxie_/herbier/squelettes/sommaire.html

    r54016 r54023  
    99
    1010<body class="page_sommaire">
     11<div class="page">
    1112<INCLURE{fond=inclure/header}{accueil=oui}>
    12 <div id="page">
     13<div class="main clearfix">
    1314
    14 <div class="machin" id="contenu">
     15<div class="iner content clearfix" id="content">
    1516
    1617        <BOUCLE_hidden_articles(ARTICLES){id_mot=9}{doublons}> </BOUCLE_hidden_articles>
     
    4849                </ul>
    4950        </div>
    50        
    5151        <br class="clear" />
    5252        <p><small><BOUCLE_total(ARTICLES)> </BOUCLE_total>[Il y a actuellement (#TOTAL_BOUCLE)&nbsp;<:sites_web:> &eacute;pingl&eacute;s dans l'Herbier]</B_total> et ce site re&ccedil;oit environ #POPULARITE_SITE&nbsp;visites par jour. <BOUCLE_maj(ARTICLES){!par date}{0,1}><:dernier_ajout:>&nbsp;: [(#DATE|affdate).]</BOUCLE_maj></small></p>
    5353
    5454</div>
    55 
    56 <br class="clear" />
    57 </div><!--#page-->
     55</div><!--.main-->
    5856
    5957<INCLURE{fond=inclure/plan}>
    6058<INCLURE{fond=inclure/footer}>
    6159#SPIP_CRON
     60</div><!--.page-->
    6261</body>
    6362</html>
Note: See TracChangeset for help on using the changeset viewer.