Premier jet passage a la v3 de beespip
authorLudovic CHEVALIER <tenshi20@no-log.org>
Tue, 19 Mar 2013 23:57:35 +0000 (00:57 +0100)
committerLudovic CHEVALIER <tenshi20@no-log.org>
Tue, 19 Mar 2013 23:57:35 +0000 (00:57 +0100)
contenu/page-sommaire.html [deleted file]
css/structure.css.html [new file with mode: 0644]
extra/page-sommaire.html [new file with mode: 0644]
images/entete.png [new file with mode: 0644]
images/logo.png [new file with mode: 0644]
images/unptitvelodanslatete.png [new file with mode: 0644]
inclure/agenda.html [new file with mode: 0644]
inclure/articles_une_colonne_droite.html [new file with mode: 0644]
inclure/entete.html [new file with mode: 0644]

diff --git a/contenu/page-sommaire.html b/contenu/page-sommaire.html
deleted file mode 100644 (file)
index c985b1b..0000000
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="contenu-principal">
-       <div class="cartouche invisible">
-               <h1 class="h1 invisible">#NOM_SITE_SPIP</h1>
-       </div>
-
-       [<div id="descriptif_site_spip">(#DESCRIPTIF_SITE_SPIP)</div>]
-</div>
-
-#CALENDRIER_MINI{#ENV{date},'date',#SELF}
-
-<B_articles>
-<div class="liste articles sommaire">
-       #ANCRE_PAGINATION
-       <h2 class="h2"><:derniers_articles:></h2>
-       <ul class="liste-items">
-               <BOUCLE_articles(ARTICLES) {!par date} {pagination 5}>
-               #INCLURE{fond=inclure/article-resume,id_article}
-               </BOUCLE_articles>
-       </ul>
-       [<p class="pagination">(#PAGINATION)</p>]
-</div>
-</B_articles>
diff --git a/css/structure.css.html b/css/structure.css.html
new file mode 100644 (file)
index 0000000..a53923c
--- /dev/null
@@ -0,0 +1,7 @@
+#CACHE{3600*100,cache-client}\r#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}\r#HTTP_HEADER{Vary: Accept-Encoding}\r/* ----------------------------------------------\r Beespip 3\r      Contingences\r   2011    \r ------------------------------------------------ */\r/* Valeurs par defaut :\r#SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});]\r#SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});]\r#SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});]\r#SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});]\r#SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});]\r#SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});]\r#SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});]\r#SET{couleur_menu_fond,#CONFIG{BeeSpip/couleur/couleur_menu_fond,#f5f4f3}} [ couleur_menu_fond: (#GET{couleur_menu_fond});]\r#SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});]\r#SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});]\r#SET{couleur_menu_liens,#CONFIG{BeeSpip/couleur/couleur_menu_liens,#666666}} [ couleur_menu_liens: (#GET{couleur_menu_liens});]\r#SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});]\r\r*/\r/* Evitement */\r#evitement {line-height:1;z-index:100;font-size:1.1em;font-weight:bold;}\r#evitement a {position:absolute;left:0;top:-10em;padding:.5em 1em;box-shadow:0 10px 10px rgba(0, 0, 0, 0.4);}\r#evitement a:focus, #evitement a:active {top:0;z-index:999 !important;background-color:#GET{couleur_menu_fond} !important;border-color:#GET{couleur_cadres} !important;text-decoration:none;outline:none; color:#GET{couleur_menu_liens};}\r\r#conteneur {\r  width: 100%;\r   padding: 0 0 5px 0;\r    border-bottom: 1px solid #E8E8E8;\r      border-top: 1px solid #E8E8E8;\r text-align: left;               \r}\r#conteneur-wrapper {\r        background: #fff;\r      margin: 0 auto; \r       padding: 5px 0 35px 0;\r overflow: auto;\r}\r#entete-wrap {\r       width: 100%;\r   \r       margin: 0; padding: 0; \r}\r#entete {\r    position: relative;\r    margin: 0 auto;\r        height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;\r   background: #GET{couleur_principale};\r  border-right: 1px solid #E8E8E8;\r       border-left: 1px solid #E8E8E8;\r}\r#entete p#logo-text { margin: 0; padding: 0; }\r#entete p#logo-text a {\r       position: absolute; \r   margin: 0; padding: 0 5px 0 0;\r font-size: 55px;\r       #GET{typo_titre}\r       letter-spacing: -1px;\r  color: #GET{couleur_liens};\r    text-decoration: none;\r line-height:1em;\r               \r       /* change the values of top and left to adjust the position of the logo*/\r      top: 90px; left: 20px;  \r}\r#entete h1#logo-text a:hover { border: none; }\r#entete p#intro {\r    position: absolute;\r    margin: 0; padding: 0;\r #GET{typo_titre}\r       font-weight: normal;\r   font-size: 14px;\r       line-height: 1.6em;\r    font-style: italic;\r    letter-spacing: -.5px;\r color: #GET{couleur_secondaire_foncee};\r        width: 700px;\r  \r       /* change the values of top and left to adjust the position */\r top: 65px; left: 5px;           \r}\r#entete #entete-image {\r     position: absolute;\r    width: 960px;\r  height: #CONFIG{BeeSpip/affichage/hauteur_entete}px;\r   left: 0px; top: 0px;
+       text-align: left;\r}\r#entete #entete-image a {
+       padding-top: 5px;
+       padding-left: 5px;\r}
+#entete #entete-image #logo {
+       float:right;
+}\r/* Entete recherche */\r#entete #formulaire_recherche form, #conteneur #formulaire_recherche form {\r  float:right;\r   padding: 0; margin: 0;\r border: 1px solid #e3e3e3;\r     width: 210px; height: 25px;\r    background: #fcfcfc;    \r       z-index: 50;\r}\r#entete #formulaire_recherche form {\r    position: absolute;\r    top: 2px; right: 10px;\r}\r#conteneur #formulaire_recherche form {\r       margin:0 10px 10px 10px;\r}\r#entete #formulaire_recherche input, #conteneur #formulaire_recherche input {\r       border: none;\r  background: transparent;\r       color: #bababa;\r        float: left;\r   margin: 0; padding: 5px;\r}\r#entete #formulaire_recherche input:focus, #conteneur #formulaire_recherche input:focus {\r   color: #GET{couleur_secondaire_claire};\r}\r#entete #formulaire_recherche .saisie, #conteneur #formulaire_recherche .saisie {\r    margin: 4px 0 0 5px; \r  width: 156px;\r  display: inline;\r}\r#entete #formulaire_recherche .submit, #conteneur #formulaire_recherche .submit {\r   width: 24px; height: 24px;\r     border: none;\r  font-size:0;\r   background: [(#GET{couleur_principale})] url(#CHEMIN{/images/recherche.png}) no-repeat center center;\r}\r#entete #formulaire_recherche label, #conteneur #formulaire_recherche label {\r  display: none;\r}\r\r/*  navigation  */\r#entete #nav {\r    position: absolute;\r    margin: 0; padding: 0;\r width: 960px;\r  height:#CONFIG{BeeSpip/affichage/taille_menu}px;\r       left: 0;        top: 5px;\r      z-index:99;\r    background:#GET{couleur_menu_fond};\r}/*\r#entete #nav ul {\r      float: left;    \r       list-style: none;\r      margin: 5px 0 0 0;\r     height: 45px;\r  padding: 0 0 0 15px;                                    \r}\r#entete #nav ul li {\r        float: left;\r   margin: 0; padding: 0 0 0 10px;         \r}\r#entete #nav ul li a {\r      float: left;\r   margin: 0;\r     padding: 0 15px 0 5px;\r color: #GET{couleur_principale_texte};\r font: bold 14px/40px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;\r      /*text-transform: uppercase;*/\r/*}*/\r/*#entete #nav ul li a:hover, \r#entete #nav ul li a:active {\r      border: none;\r  color: #111;\r   background: transparent;\r       border\r}*/\r#entete #nav ul li#current {\r        background:#FFF;\r       border: 1px solid #E8E8E8;\r     border-bottom:0;\r}\r#entete #nav ul li#current a {       \r       color: #GET{couleur_titres};\r}\r\r\r\r/* Contenu */\r#hierarchie {font-size:0.8em; padding: 0 15px; }\r#contenu h1, #contenu_presentation h1 {\r       font-weight: normal;\r   /*font-size: 3.7em;*/\r  #GET{typo_titre}\r       line-height: 1em;\r      color: #GET{couleur_titres};\r   letter-spacing: -1px;   \r       margin-left: 5px;       \r       margin-right: 15px;\r    padding-left: 5px;\r     padding-bottom: 3px;\r   border-bottom: 1px solid #GET{couleur_filets_titres};   \r}\r#contenu h1 a {\r     color: #GET{couleur_titres};\r   border: none;\r}\r#contenu h2.sommaire, #contenu h3.sommaire {\r   color: #GET{couleur_titres};\r   letter-spacing: -0.6px; \r       /*line-height: 1em;*/\r  margin-left: 5px;       \r       margin-right: 15px;\r    padding-left: 5px;\r     padding-bottom: 3px;\r   border-bottom: 1px solid #GET{couleur_filets_titres};   \r}\r/* Colonne en bandeau */\r#colonne_bandeau {border-top: 1px solid #GET{couleur_filets_colonnes};}\r/* Colonne de droite */\r#colonne .grid_4 {border-left: 1px solid #GET{couleur_filets_colonnes};}\r#colonne .grid_4 .grid_4 {border-left: none;}\r#colonne h3, #colonne_bandeau h3 {\r  color: #GET{couleur_titres};\r   font-size: 2em;\r        font-weight: normal;\r   line-height: 1em;\r      #GET{typo_titre}\r       letter-spacing: -0.5px;\r        padding: 5px 10px;\r     margin: 12px 0 5px 0;\r}\r/* Pied de page */\r#pied-wrapper {\r     clear: both;\r   margin: 0 auto;\r        text-align: left;       \r}\r#pied-wrapper h3 {\r  color: #GET{couleur_titres};\r   font: normal 1.8em 'Lucida Grande', Verdana, Helvetica, sans-serif;\r    text-transform: none;\r  letter-spacing: -0.5px; \r}\r#pied-wrapper h3, \r#pied-wrapper p {\r        padding-left: 0;\r}\r#pied-wrapper a:link, #pied-wrapper a:visited{\r      color: #333;\r   background: transparent;\r}\r\r/* Pied liste */\r#pied-wrapper ul.pied-list {\r      border-top: 1px solid #E6E6E6;\r list-style: none;\r      padding: 0;\r    margin-left: 0;\r}\r#pied-wrapper ul.pied-list li {\r      border-bottom: 1px solid #E6E6E6;\r}\r#pied-wrapper ul.pied-list li a {\r  display: block;\r        width: 98%;\r    line-height: 2em;\r      font-weight: bold;\r     padding: 7px 0;\r        margin-left: 0;\r        padding-left: 0;\r       color: #888;\r   border: none;\r}\r#pied-wrapper ul.pied-list li a span {\r font-style: italic;\r    font-weight: normal;\r   font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;\r}\r#pied-wrapper ul.pied-list li a:hover, #pied-wrapper ul.pied-list li a:hover span,\r#pied-wrapper ul.pied-list li a:focus, #pied-wrapper ul.pied-list li a:focus span  {\r        color: #333;    \r}\r\r/* pied contenu */\r#pied-content {\r float: left;    \r       width: 100%;    \r       padding: 0 0 35px 0;                            \r       margin: 10px 0 0 5px;                   \r}\r\r/* pied-bottom */\r#pied-bottom {\r   clear: both;\r   /*border-top: 1px solid #dadada;*/\r     width: 940px;\r  margin: 0 auto; \r       font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;\r}\r#pied-bottom a:hover, #pied-bottom a:focus { color: #GET{couleur_liens_survol};border: none }\r#pied-bottom ul.bottom-left {\r        float: left;\r   list-style: none;\r      margin:0;\r      padding: 5px 0 10px 5px;\r}\r#pied-bottom ul.bottom-left li {display: inline;}\r#pied-bottom .bottom-right {\r      text-align: right;\r     padding-right: 0;\r}\r.pieddate {text-align:center;clear:both;background:#F8F8F8;border:1px solid #EBEBEB;}\r\r/* Alignement */\r.float-left  { float: left; }\r.float-right { float: right; }\r.align-left  { text-align: left; }\r.align-right { text-align: right; }\r.no-border { border: none; }\r\r/* clear */\r.clearer { clear: both; }\r.clear { display:inline-block; }\r.clear:after {\r    display:block; \r        visibility:hidden; \r    clear:both; \r   height:0; \r     content: "."; \r}\r
\ No newline at end of file
diff --git a/extra/page-sommaire.html b/extra/page-sommaire.html
new file mode 100644 (file)
index 0000000..91f7d50
--- /dev/null
@@ -0,0 +1,51 @@
+<div class="grid_4 alpha omega liste">
+[(#REM) Faut-il afficher l'agenda]
+[(#PLUGIN{agenda}|oui)[(#CONFIG{BeeSpip/configuration/calendrier_public}|=={'oui'}|oui)<INCLURE{fond=inclure/agenda,env}{date}{ajax}{self}>]]
+
+[(#CONFIG{BeeSpip/configuration/page_accueil}|=={'slide2'}|non)<INCLURE{fond=inclure/articles_une_colonne_droite,lang}{doublons}>]
+
+[(#REM) Exclusion des articles, brèves et sites ayant le mot clé "exclu" et des rubriques ]
+<BOUCLE_exclus_articles(ARTICLES){titre_mot=exclu}{doublons}{lang}><BOUCLE_exclus_articles_forum(FORUMS){id_article}{doublons}></BOUCLE_exclus_articles_forum></BOUCLE_exclus_articles>
+<BOUCLE_exclus_breves(BREVES){titre_mot=exclu}{doublons}{lang}></BOUCLE_exclus_breves>
+<BOUCLE_exclus_sites(SITES){titre_mot=exclu}{doublons}><BOUCLE_exclus_articles_sites(SYNDIC_ARTICLES) {id_syndic}{doublons}></BOUCLE_exclus_articles_sites></BOUCLE_exclus_sites>
+<BOUCLE_exclus_rubriques(RUBRIQUES){titre_mot=exclu}{doublons}{lang}>
+       <BOUCLE_exclus_rub_articles(ARTICLES){id_rubrique}{doublons}{lang}><BOUCLE_exclus_rub_articles_forum(FORUMS){id_article}{doublons}></BOUCLE_exclus_rub_articles_forum></BOUCLE_exclus_rub_articles>
+       <BOUCLE_exclus_rub_breves(BREVES){id_rubrique}{doublons}{lang}></BOUCLE_exclus_rub_breves>
+       <BOUCLE_exclus_rub_sites(SITES){id_rubrique}{doublons}><BOUCLE_exclus_rub_articles_sites(SYNDIC_ARTICLES) {id_syndic}{doublons}></BOUCLE_exclus_rub_articles_sites></BOUCLE_exclus_rub_sites>
+       <BOUCLE_exclus_sousrubriques(RUBRIQUES){id_parent}{doublons}{lang}>
+               <BOUCLE_exclus_sousrub_articles(ARTICLES){id_rubrique}{doublons}{lang}><BOUCLE_exclus_sousrub_articles_forum(FORUMS){id_article}{doublons}></BOUCLE_exclus_sousrub_articles_forum></BOUCLE_exclus_sousrub_articles>
+               <BOUCLE_exclus_sousrub_breves(BREVES){id_rubrique}{doublons}{lang}></BOUCLE_exclus_sousrub_breves>
+               <BOUCLE_exclus_sousrub_sites(SITES){id_rubrique}{doublons}><BOUCLE_exclus_sousrub_articles_sites(SYNDIC_ARTICLES) {id_syndic}{doublons}></BOUCLE_exclus_sousrub_articles_sites></BOUCLE_exclus_sousrub_sites>
+       </BOUCLE_exclus_sousrubriques>
+       <BOUCLE_recursive(BOUCLE_exclus_sousrubriques)></BOUCLE_recursive>
+</BOUCLE_exclus_rubriques>
+
+[(#REM) Les brèves ]
+<B_breves>
+<div class="liste breves">
+       <h4><:dernieres_breves:></h4>
+       <ul class="liste-items">
+               <BOUCLE_breves(BREVES) {doublons}{par date}{inverse} {0,5}{age<120}>
+               <li class="item">[(#CONFIG{BeeSpip/affichage/dates_breves}|=={'oui'}|oui)[(#DATE|affdate_jourcourt) &ndash; ]]<a href="#URL_BREVE">[(#TITRE)]</a></li>
+               </BOUCLE_breves>
+       </ul>
+</div>
+</B_breves>
+
+[(#REM) Inscription au site ]
+#FORMULAIRE_INSCRIPTION
+
+[(#REM) Liens des forums ]
+<B_forums_liens>
+<div class="liste forums">
+       <h4><:derniers_commentaires:></h4>
+       <ul class="liste-items">
+               <BOUCLE_forums_liens(FORUMS?) {doublons}{plat} {par date}{inverse} {0,4}{age<120}>
+               <li class="item">[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_FORUM">[(#TITRE|couper{80})]</a></li>
+               </BOUCLE_forums_liens>
+       </ul>
+</div>
+</B_forums_liens>
+
+[(#CONFIG{BeeSpip/configuration/articles_populaires}|=={'oui'}|oui)<INCLURE{fond=inclure/articles_populaires,lang}>]
+</div>
diff --git a/images/entete.png b/images/entete.png
new file mode 100644 (file)
index 0000000..fab26e4
Binary files /dev/null and b/images/entete.png differ
diff --git a/images/logo.png b/images/logo.png
new file mode 100644 (file)
index 0000000..94939ff
Binary files /dev/null and b/images/logo.png differ
diff --git a/images/unptitvelodanslatete.png b/images/unptitvelodanslatete.png
new file mode 100644 (file)
index 0000000..43c0360
Binary files /dev/null and b/images/unptitvelodanslatete.png differ
diff --git a/inclure/agenda.html b/inclure/agenda.html
new file mode 100644 (file)
index 0000000..4abf9ae
--- /dev/null
@@ -0,0 +1,18 @@
+[(#SET{date,#ENV{date}})]
+[(#REM) On teste si la date à afficher est la date du mois en cours, si c'est le cas, on fixe la date au jour précis]
+[(#ENV{date}|=={[(#VAL{Y-m}|date)]-01}|oui)[(#SET{date,#VAL{Y-m-d}|date})]]
+
+<B_evenements>
+       <ul class="liste-items evenements" style="margin-top:-10px;">
+       <BOUCLE_evenements(EVENEMENTS){evenement_a_venir}{par date_debut}{0,#CONFIG{BeeSpip/configuration/nb_evenement_accueil}}>
+               <li class="item"><span class="date dtstart">[(#DATE_DEBUT|agenda_affdate_debut_fin{#DATE_FIN,#HORAIRE,'hcal'})]</span>
+               <p class="summary"><a href="[(#URL_ARTICLE|parametre_url{date,[(#DATE_DEBUT|affdate{'Y-m-d'})]})]">#TITRE</a></p></li>
+       </BOUCLE_evenements>
+       </ul>
+</B_evenements>
+
+<div class="clear">&nbsp;</div>
+[(#PLUGIN{calendriermini}|oui)#CALENDRIER_MINI{#ENV{date},'date',#URL_PAGE{agenda}, #URL_PAGE{calendrier_mini_event.json}}]
+[(#PLUGIN{calendriermini}|non)#CALENDRIER_MINI{#ENV{date},'date',#SELF}]
+
+<div class="clear">&nbsp;</div>
\ No newline at end of file
diff --git a/inclure/articles_une_colonne_droite.html b/inclure/articles_une_colonne_droite.html
new file mode 100644 (file)
index 0000000..11e6a9a
--- /dev/null
@@ -0,0 +1,13 @@
+       <BOUCLE_article_colonne_droite(ARTICLES){titre_mot=actualites_colonne_droite}{!par date}{lang}{doublons}{0,#CONFIG{BeeSpip/configuration/nb_article_col_droite}}>\r
+       <h4>[(#TITRE|supprimer_numero)]</h4>\r
+       [(#INCLURE{fond=inclure/infos_auteurs_dates}{id_article}{affichage=court})]\r
+       [<div style="text-align:center">(#LOGO_ARTICLE_RUBRIQUE||image_reduire{190,120}|inserer_attribut{alt,#TITRE|texte_backend})</div>][(#TEXTE|sinon{<p>[(#INTRODUCTION|couper{150}|PtoBR)]</p>}|image_reduire{190,120})]\r
+       </BOUCLE_article_colonne_droite><div class="clear">&nbsp;</div></B_article_colonne_droite>\r
+               <BOUCLE_article_colonne_droite_sansmotscles(ARTICLES){!par date}{lang}{doublons}{0,#CONFIG{BeeSpip/configuration/nb_article_col_droite}}>\r
+               <h4><a href="#URL_ARTICLE">[(#TITRE|supprimer_numero)]</a></h4>\r
+               [(#INCLURE{fond=inclure/infos_auteurs_dates}{id_article}{affichage=court})]\r
+               [<div style="text-align:center">(#LOGO_ARTICLE_RUBRIQUE||image_reduire{190,120}|inserer_attribut{alt,#TITRE|texte_backend})</div>][(#DESCRIPTIF|sinon{<p>[(#INTRODUCTION|couper{150}|PtoBR)]</p>}|image_reduire{190,120})]\r
+               <p><a href="#URL_ARTICLE" title="[(#TITRE|textebrut|entites_html)]" class="lire_la_suite">Lire la suite</a></p>\r
+               </BOUCLE_article_colonne_droite_sansmotscles><div class="clear">&nbsp;</div></B_article_colonne_droite_sansmotscles>\r
+       <//B_article_colonne_droite>\r
+\r
diff --git a/inclure/entete.html b/inclure/entete.html
new file mode 100644 (file)
index 0000000..f092d59
--- /dev/null
@@ -0,0 +1,27 @@
+#SET{hauteur_entete,#CONFIG{BeeSpip/affichage/hauteur_entete}}
+#SET{hauteur_menu,#CONFIG{BeeSpip/affichage/hauteur_menu}}
+#SET{taille_menu,#CONFIG{BeeSpip/affichage/taille_menu}}
+[(#REM)On vérifie si la position du menu est possible, sinon on la fixe en bas de l'entete]
+#SET{hauteur_menu_max,#GET{hauteur_entete}|moins{#GET{taille_menu}}}
+[(#GET{hauteur_menu}|>{#GET{hauteur_menu_max}}|oui)#SET{hauteur_menu,#GET{hauteur_menu_max}}]
+<div id="entete" class="container_16" style="height:#GET{hauteur_entete}px;">
+       <INCLURE{fond=inclure/liens_evitement,env}>
+       [(#REM) Faut-il afficher le nom du site et le slogan]
+       [(#CONFIG{BeeSpip/affichage/nom_site}|=={'oui'}|oui)
+       <div id="entete-image" style="height:#GET{hauteur_entete}px;background: url([(#LOGO_SITE_SPIP|sinon{#CHEMIN{images/entete.png}}|image_reduire{1000,0}|image_recadre{960,#GET{hauteur_entete},right}|extraire_attribut{src})]) right bottom no-repeat;">
+               [(#REM)On essai de définir l'emplacement du texte si il doit d'afficher en fonction de la position du menu]
+               [(#GET{hauteur_menu}|>{#GET{hauteur_entete}|div{2}}|oui)#SET{position_nom_site,20}]
+               <a style="top:#GET{position_nom_site,90}px;" rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>"><img src="plugins/skel_ptitvelo/images/unptitvelodanslatete.png" /></a><div id="logo"><img src="plugins/skel_ptitvelo/images/logo.png" /></div>
+               [<p id="intro">(#SLOGAN_SITE_SPIP|PtoBR)</p>]
+       </div>]
+       [(#REM) Sinon on affiche une image cliquable]
+       [(#CONFIG{BeeSpip/affichage/nom_site}|=={'oui'}|non)
+       <div id="entete-image" style="height:#GET{hauteur_entete}px;">
+               <a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>"><img src="[(#LOGO_SITE_SPIP|sinon{#CHEMIN{images/entete.png}}image_reduire{1000,0}|image_recadre{960,#GET{hauteur_entete},right}|extraire_attribut{src})]" style="height:#GET{hauteur_entete}px;width:960px;" alt="Logo du site" /></a>
+       </div>]
+
+       <div id="nav" style="top:#GET{hauteur_menu}px;">
+               #INCLURE{fond=inclure/menu_standard, env}
+               [(#CONFIG{BeeSpip/affichage/emplacement_recherche}|=={'haut'}|oui)#FORMULAIRE_RECHERCHE]
+       </div>
+</div>