Changeset 68626 in spip-zone


Ignore:
Timestamp:
Dec 29, 2012, 5:45:58 AM (7 years ago)
Author:
real3t@…
Message:

Des headers plus explicites
CSS inline pour que en-travaux/fond.jpg puisse être pris dans le chemin
Crédits de la photo (EXIF)
Bandeau d'annonces et de contact affichés eux aussi.

Location:
_squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs
Files:
1 deleted
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/plugins_2.1/plugins/soyezcreateurs/en_travaux.html

    r68087 r68626  
    11<!DOCTYPE HTML>
    2 <html xmlns="http://www.w3.org/1999/xhtml">
     2<html xmlns="http://www.w3.org/1999/xhtml" lang="#LANG" xml:lang="#LANG" dir="#LANG_DIR">
    33<head>
    4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     4<meta http-equiv="content-type" content="text/html; charset=#CHARSET" />
     5<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
    56<meta name="robots" content="noindex, nofollow" />
    67
    7 <title><:entravaux:en_travaux:></title>
    8 
    9 <link rel="stylesheet" href="#CHEMIN{en_travaux/style.css}">
     8<title><:entravaux:en_travaux:> - [(#NOM_SITE_SPIP|textebrut)]</title>
     9
     10<meta name="og:title" content="[(#ENV{title}|sinon{<:soyezcreateurs:sommaire:>})]" />
     11<meta name="og:type" content="article" />
     12<meta name="og:url" content="[(#SELF|url_absolue)]" />
     13<BOUCLE_LogoArticle(ARTICLES){id_article}{logo}>[<meta name="og:image" content="(#LOGO_ARTICLE_NORMAL|extraire_attribut{src}|url_absolue)" />]</BOUCLE_LogoArticle><BOUCLE_LogoRubrique(RUBRIQUES){id_rubrique}{logo}>[<meta name="og:image" content="(#LOGO_RUBRIQUE_NORMAL|extraire_attribut{src}|url_absolue)" />]</BOUCLE_LogoRubrique>[<meta name="og:image" content="(#LOGO_SITE_SPIP_NORMAL|extraire_attribut{src}|url_absolue)" />]<//B_LogoRubrique><//B_LogoArticle>
     14<meta name="og:site_name" content="[(#NOM_SITE_SPIP|textebrut)]" />
     15[<meta name="og:description" content="(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)" />]
     16<meta name="og:locale" content="#LANG" />
     17
     18[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)" />]
     19<meta name="generator" content="SPIP [(#SPIP_VERSION|attribut_html)]" />
     20
     21<meta name="author" content="Jacques PYRAT http://www.pyrat.net/" />
     22<meta name="DC.title" content="[(#NOM_SITE_SPIP|attribut_html)]" />
     23<meta name="MSSmartTagsPreventParsing" content="TRUE" />
     24[(#REM) Pour que Google affiche un extrait de texte et non la description du site dans Dmoz, ou dans les meta description
     25]<meta name='robots' content='noodp' />
     26[(#REM) D'apres http://www.la-grange.net/w3c/html4.01/present/styles.html#default-style ]
     27<meta http-equiv="Content-Style-Type" content="text/css" />
     28<meta http-equiv="Content-Script-Type" content="text/javascript" />
     29
     30<link rel="shortcut icon" type="image/x-icon" href="#URL_SITE_SPIP/spip.php?page=favicon.ico" />
     31
     32<style type="text/css">
     33/*<![CDATA[*/
     34/*
     35This was coded by João Sardinha
     36Visit me at http://johnsardine.com/
     37
     38It has been tested in all modern browsers.
     39
     40This coming soon page design has been created by the awesome Orman Clark,
     41you can download a PSD version of this at his website, PremiumPixels.
     42http://www.premiumpixels.com/freebies/coming-soon-splash-page-psd/
     43*/
     44
     45/*
     46Im reseting this style for optimal view using Eric Meyer's CSS Reset - http://meyerweb.com/eric/tools/css/reset/
     47------------------------------------------------------------------ */
     48body, html  { height: 100%; }html, body, div, span, applet, object, iframe,/*h1,2, h3, h4, h5, h6,*/ p, blockquote, pre,a, abbr, acronym, address,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }:focus { outline: 0; }del { text-decoration: line-through; }table {border-spacing: 0; }
     49
     50/* Clear Floated Elements http://sonspring.com/journal/clearing-floats */
     51.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
     52
     53/*------------------------------------------------------------------ */
     54
     55/* Page Style */
     56body{
     57        color: #e9e2ee;
     58        font-size: 14px;
     59        font-family: sans-serif;
     60        line-height: 20px;
     61        text-shadow: 0 1px 1px rgba(0,0,0,0.75);
     62        background: #55575c url(#CHEMIN{en_travaux/fond.jpg}) no-repeat center fixed;
     63        -webkit-background-size: cover; /* pour Chrome et Safari */
     64        -moz-background-size: cover; /* pour Firefox */
     65        -o-background-size: cover; /* pour Opera */
     66        background-size: cover; /* version standardisée */}
     67a,
     68a:link,
     69a:visited {
     70        color: #c6eaf7;
     71        font-weight: bold;
     72        text-decoration:none;
     73}
     74a:active,
     75a:hover {
     76        color: #d8f3fd;
     77        text-shadow: 0 1px 1px rgba(0,0,0,0.75), 0 0 5px rgba(198,234,247,0.4);
     78}
     79p{
     80        margin-bottom: 0.3em;
     81}
     82.center,
     83img.center {
     84        text-align: center;
     85        clear: both;
     86        display: block;
     87        margin-left: auto;
     88        margin-right: auto;
     89}
     90#coming-soon{
     91        background: rgba(0,0,0,0.7);
     92        -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
     93           -moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
     94                        box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
     95        display: block;
     96        position: absolute;
     97        width: 800px;
     98        height: auto;
     99        top: 40%;
     100        left: 50%;
     101        margin: -160px 0 0 -400px;
     102}
     103#coming-soon h1{
     104        text-align: center;
     105        font-size: 35px;
     106}
     107#coming-soon img{
     108    clear: both;
     109    display: block;
     110    margin-left: auto;
     111    margin-right: auto;
     112    margin-bottom: 20px;
     113}
     114#coming-soon p{
     115        text-align: center;
     116}
     117
     118#bandeau_annonce, #bandeaucontact {
     119        width: 600px;
     120        display: block;
     121        margin: 20px auto 0 auto;
     122        padding: 4px;
     123}
     124#bandeau_annonce p { text-align: left; }
     125/*Submit Form*/
     126#subscribe {
     127        width: 600px;
     128        display: block;
     129        margin: 20px auto 40px auto;
     130        padding: 4px;
     131}
     132#subscribe input{
     133        display: block;
     134        font-size: 13px;
     135        font-weight: bold;
     136        float: left;
     137        border: 0;
     138        -webkit-border-radius: 3px;
     139           -moz-border-radius: 3px;
     140                        border-radius: 3px;
     141        padding: 0 10px;
     142        height: 35px;
     143}
     144#subscribe input[type="text"],
     145#subscribe input[type="email"]{
     146        color: #335;
     147        margin: 0 4px 0 0;
     148        width: 443px;
     149        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
     150           -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
     151                        box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
     152}
     153#subscribe input[type="submit"]{
     154        margin:0;
     155        width: 85px;
     156        color: #222;
     157        text-shadow: 0 1px 0 rgba(255,255,255,0.4);
     158        background: #b6d76f;
     159        background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9dc954));
     160        background: -moz-linear-gradient(top,  #cae285,  #9dc954);
     161        -webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
     162           -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
     163                        box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
     164}
     165#subscribe input[type="submit"]:hover{
     166        cursor: pointer;
     167        -webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
     168           -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
     169                        box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
     170}
     171#subscribe input[type="submit"]:active{
     172        cursor: pointer;
     173        position: relative;
     174        top: 1px;
     175        text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
     176        background: #9dc954;
     177        background: -webkit-gradient(linear, left top, left bottom, from(#9dc954), to(#cae285));
     178        background: -moz-linear-gradient(top,  #9dc954,  #cae285);
     179        -webkit-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
     180           -moz-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
     181                        box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
     182}
     183
     184#coming-soon .twitter:before{
     185        content: '@';
     186        padding-top: 2px;
     187        padding-left: 24px;
     188        background: url(twitter.png) no-repeat 0 0px;
     189}
     190#coming-soon .twitter{
     191        padding-top: 5px;
     192}
     193/*]]>*/
     194</style>
     195
     196[(#REM) Appel Google Analytics selon la documentation officielle :
     197        http://www.google.fr/support/googleanalytics/bin/answer.py?answer=174090
     198][<script type="text/javascript">
     199  var _gaq = _gaq || [(#EVAL{chr(91)})][(#EVAL{chr(93)})];
     200  _gaq.push([(#EVAL{chr(91)})]'_setAccount', '(#CONFIG{soyezcreateurs_google/google_analytics,''})'[(#EVAL{chr(93)})]);
     201  _gaq.push([(#EVAL{chr(91)})]'_trackPageview'[(#EVAL{chr(93)})]);
     202  (function() {
     203    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
     204    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
     205    var s = document.getElementsByTagName('script')[(#EVAL{chr(91)})]0[(#EVAL{chr(93)})]; s.parentNode.insertBefore(ga, s);
     206  })();
     207</script>]
    10208
    11209</head>
     
    15213<div id="coming-soon">
    16214
    17 <h1><:info_travaux_titre:></h1>
    18 
    19 [(#PLUGIN{CLEVERMAIL}|oui)[<div id="subscribe"><h2><:soyezcreateurs:vous_souhaitez_etre_tenu_au_courant:></h2>(#FORMULAIRE_CLEVERMAIL{0,html})</div>]]
    20 
    21 <!--<a href="http://twitter.com/#!/jpyrat" title="Visit Pyrat.net on Twitter" class="twitter center">Pyrat.net</a>-->
     215        <h1><:info_travaux_titre:></h1>
     216
     217        [<div id="bandeau_annonce">(#CONFIG{soyezcreateurs/bandeau_annonce}|propre)</div>]
     218
     219        [(#PLUGIN{CLEVERMAIL}|oui)[<div id="subscribe"><h2><:soyezcreateurs:vous_souhaitez_etre_tenu_au_courant:></h2>(#FORMULAIRE_CLEVERMAIL{0,html})</div>]]
     220
     221        <!--<a href="http://twitter.com/#!/jpyrat" title="Visit Pyrat.net on Twitter" class="twitter center">Pyrat.net</a>-->
    22222        <p class="retour">
    23223         &#91; <a href="#URL_PAGE{login_sos,url=./}"><:lien_connecter:></a> &#93;&nbsp;&nbsp;
    24224         &#91; <a href="#URL_PAGE{login_sos,url=ecrire/}"><:login_acces_prive:></a> &#93;
    25225        </p>
     226       
     227        [<div id="bandeaucontact">(#CONFIG{soyezcreateurs/bandeau_contact}|propre)</div>]
    26228
    27229</div>
Note: See TracChangeset for help on using the changeset viewer.