source: spip-zone/_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/header/header.html @ 111215

Last change on this file since 111215 was 111215, checked in by real3t@…, 3 years ago

Éviter que les carrousel du mode Cognac provoquent un repaint trop important de la page : masquer les images autres que la première tant que le JS n'a pas motorisé les carrousels

File size: 12.7 KB
Line 
1<!DOCTYPE HTML>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="#LANG" xml:lang="#LANG" dir="#LANG_DIR" prefix="og: http://ogp.me/ns#">
3<head><meta charset="#CHARSET" />
4<title>[(#ENV{title}) - ][(#NOM_SITE_SPIP|textebrut)]</title>
5[(#REM) FaceBook Open Graph : https://developers.facebook.com/docs/opengraphprotocol/ & https://developers.facebook.com/tools/lint pour v�rifier ]
6<meta property="og:title" content="[(#ENV{title}|sinon{[(#NOM_SITE_SPIP|textebrut|attribut_html)]})]" />
7<meta property="og:type" content="article" />
8<meta property="og:url" content="[(#SELF|url_absolue)]" />
9<BOUCLE_LogoArticle(ARTICLES){id_article}{logo}>[<meta property="og:image" content="(#LOGO_ARTICLE_NORMAL|image_focus{200,200}|extraire_attribut{src}|url_absolue)" />]</BOUCLE_LogoArticle><BOUCLE_LogoSite(SITES){id_syndic}{logo}>[<meta property="og:image" content="(#LOGO_SITE_NORMAL|image_focus{200,200}|extraire_attribut{src}|url_absolue)" />]</BOUCLE_LogoSite><BOUCLE_LogoRubrique(RUBRIQUES){id_rubrique}{logo}>[<meta property="og:image" content="(#LOGO_RUBRIQUE_NORMAL|image_focus{200,200}|extraire_attribut{src}|url_absolue)" />]</BOUCLE_LogoRubrique>[<meta property="og:image" content="(#LOGO_SITE_SPIP_NORMAL|image_focus{200,200}|extraire_attribut{src}|url_absolue)" />]<//B_LogoRubrique><//B_LogoSite><//B_LogoArticle>
10<meta property="og:site_name" content="[(#NOM_SITE_SPIP|textebrut)]" />
11[<meta property="og:description" content="(#ENV{metadescription,[(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)]})" />]
12<meta property="og:locale" content="[(#LANG|strtolower)]_[(#LANG|strtoupper)]" />
13<meta name="viewport" content="width=device-width, initial-scale=1.0" />
14<meta http-equiv="X-UA-Compatible" content="IE=edge" />
15<BOUCLE_http-equiv(MOTS){type=_HTTP-EQUIV}{par titre}>[<meta[ http-equiv="(#TITRE|attribut_html)"] content="(#TEXTE|attribut_html)" />]</BOUCLE_http-equiv>
16<BOUCLE_meta_tags(MOTS){type=_META}{par titre}>[<meta[ name="(#TITRE|attribut_html)"] content="(#TEXTE|attribut_html)" />]</BOUCLE_meta_tags>
17[<meta name="description" content="(#ENV{metadescription,[(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)]})" />]
18<meta name="generator" content="SPIP [(#SPIP_VERSION|attribut_html)]" />
19[(#ENV{noindex}|?{'<meta name="robots" content="noindex" />',
20[(#CONFIG{soyezcreateurs_google/indexation,oui}|=={oui}|?{'<meta name="robots" content="index,follow" />','<meta name="robots" content="noindex, nofollow" />'})]
21})]
22[<link rel="canonical" href="(#ENV{canonical})" />]
23[<meta name="author" content="(#LESAUTEURS|attribut_html)" />]
24<meta name="DC.title" content="[(#NOM_SITE_SPIP|attribut_html)]" />
25<meta name="MSSmartTagsPreventParsing" content="TRUE" />
26<!-- Lien vers le backend pour navigateurs eclaires -->
27<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:> [(#NOM_SITE_SPIP|attribut_html)]" href="[(#URL_PAGE{backend}|url_absolue)]" />
28<BOUCLE_SyndicationRubrique(RUBRIQUES){id_rubrique}>
29<link rel="alternate" type="application/rss+xml" title="<:syndiquer_rubrique:> : [(#TITRE|attribut_html)]" href="[(#URL_PAGE{backend,id_rubrique=#ID_RUBRIQUE}|url_absolue)]" />
30</BOUCLE_SyndicationRubrique>
31[(#CONFIG{activer_breves}|=={oui}|oui)<link rel="alternate" type="application/rss+xml" title="<:dernieres_breves:> [(#NOM_SITE_SPIP|attribut_html)]" href="[(#URL_PAGE{backend-breves}|url_absolue)]" />]
32[(#PLUGIN{AGENDA}|oui)<link rel="alternate" type="application/rss+xml" title="<:soyezcreateurs:syndiquer_agenda:> [(#NOM_SITE_SPIP|attribut_html)]" href="[(#URL_PAGE{backendagenda}|url_absolue)]" />]
33<BOUCLE_SyndicationRubriqueAgenda(RUBRIQUES){id_rubrique}><BOUCLE_EstAgenda(HIERARCHIE){titre_mot=Agenda}{inverse}{0,1}>
34[(#PLUGIN{AGENDA}|oui)<link rel="alternate" type="application/rss+xml" title="<:soyezcreateurs:syndiquer_agenda:> : [(#_SyndicationRubriqueAgenda:TITRE|attribut_html)]" href="[(#URL_PAGE{backendagenda,id_rubrique=#_SyndicationRubriqueAgenda:ID_RUBRIQUE}|url_absolue)]" />]
35</BOUCLE_EstAgenda></BOUCLE_SyndicationRubriqueAgenda>
36[(#REM)
37      On appelle les feuilles de style
38      dans l'ordre de la methode daisy http://daisy.tetue.net/img/daisy-nomenclature.png   
39
40      1. Base CSS http://tinytypo.tetue.net/ ]   
41[<link rel="stylesheet" href="(#CHEMIN{css/reset.css}|direction_css|timestamp)" type="text/css" />]
42[<link rel="stylesheet" href="(#CHEMIN{css/clear.css}|direction_css|timestamp)" type="text/css" />]
43[<link rel="stylesheet" href="(#CHEMIN{css/font.css}|direction_css|timestamp)" type="text/css" />]
44[<link rel="stylesheet" href="(#CHEMIN{css/links.css}|direction_css|timestamp)" type="text/css" />]
45[<link rel="stylesheet" href="(#CHEMIN{css/typo.css}|direction_css|timestamp)" type="text/css" />]
46[<link rel="stylesheet" href="(#CHEMIN{css/media.css}|direction_css|timestamp)" type="text/css" />]
47[<link rel="stylesheet" href="(#CHEMIN{css/form.css}|direction_css|timestamp)" type="text/css" />]
48[<link rel="stylesheet" href="(#CHEMIN{css/grid.css}|direction_css|timestamp)" type="text/css" />]
49[(#REM)[<link rel="stylesheet" href="(#CHEMIN{css/layout.css}|direction_css|timestamp)" type="text/css" />]]
50
51[(#REM) 2. Style SPIP et ses plugins ]
52[<link rel="stylesheet" href="(#CHEMIN{css/spip.css}|direction_css|timestamp)" type="text/css" />]
53#INSERT_HEAD_CSS
54
55[(#PLUGIN{agenda}|oui)[<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=style_public_plugin_agenda,couleur_claire=[(#CONFIG{soyezcreateurs_couleurs/link,#017ca5}|replace{#,''})],format=css}|direction_css)" media="all" />]]
56[(#REM) Attention : ne pas enlever les REMarques : elles servent aerer le source sans que celui ne renvois d'espaces identifie comme une reussite du test ]
57        <BOUCLE_ArtRubLayout(ARTICLES){id_article}>[(#REM) Dans le cas d'un article
58                ]<BOUCLE_ArtLayout(MOTS){id_article}{type=_LayoutGala}>[(#REM) Est-ce qu'il a un Layout applique?
59                        ][<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=layout.css,layoutgala=[(#TITRE*|textebrut|substr{0,2})]}|direction_css)" media="all" />][(#REM) Appel du layout de l'article si oui
60                ]</BOUCLE_ArtLayout>[(#REM) Sinon, dans le cas de la rubrique de l'article
61                ]<BOUCLE_RubartLayout(MOTS){id_rubrique}{type=_LayoutGala}>[(#REM) Est-ce que sa rubrique a un layout ?
62                        ][<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=layout.css,layoutgala=[(#TITRE*|textebrut|substr{0,2})]}|direction_css)" media="all" />][(#REM) Appel du layout de la rubrique si oui
63                ]</BOUCLE_RubartLayout>[(#REM) Fin de la recherche concernant un article
64                ]<//B_ArtLayout>[(#REM) Si ce n'est pas un article...
65        ]</BOUCLE_ArtRubLayout>[(#REM) ... Est-ce une rubrique ?
66                ]<BOUCLE_RubLayout(MOTS){id_rubrique}{type=_LayoutGala}>[(#REM) Dans le cas d'une rubrique
67                        ][<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=layout.css,layoutgala=[(#TITRE*|textebrut|substr{0,2})]}|direction_css)" media="all" />][(#REM) Appel du layout de la rubrique si oui
68                ]</BOUCLE_RubLayout>[(#REM) Sinon
69                ][(#ENV{template}|=={'Sommaire'}|oui)<link rel="stylesheet" type="text/css" href="[(#PRODUIRE{fond=layout.css,layoutgala=[(#CONFIG{soyezcreateurs_layout/sommaire_layout,33})]}|direction_css|compacte)" media="all" />]][(#ENV{template}|=={'Sommaire'}|non)[<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=layout.css,layoutgala=[(#CONFIG{soyezcreateurs_layout/default_layout,33})]}|direction_css)" media="all" />]]<//B_RubLayout>[(#REM) Fin de la recherche d'une rubrique
70        ]<//B_ArtRubLayout>
71<link rel="stylesheet" type="text/css" href="[(#CHEMIN{css/box.css}|direction_css|timestamp)]" media="all" />
72[<link rel="stylesheet" type="text/css" href="(#PRODUIRE{fond=stylessoyezcreateurs.css}|direction_css)" media="all" />]
73[(#ENV{template}|=={'Sommaire'}|oui)[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|match{^portail.*}|oui)<link rel="stylesheet" type="text/css" href="[(#PRODUIRE{fond=styles#CONFIG{soyezcreateurs/mode_affichage,communiquant}.css}|direction_css)]" media="all" />]]
74[(#ENV{template}|=={'Sommaire'}|oui)[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|match{^communiquant.*}|oui)<link rel="stylesheet" type="text/css" href="[(#PRODUIRE{fond=stylescommuniquant.css}|direction_css)]" media="all" />]]
75<INCLURE{fond=noisettes/presentation/couleurrubrique,id_article,id_rubrique}>
76[(#INCLURE{fond=noisettes/header/logoextra,id_rubrique})]
77<INCLURE{fond=noisettes/header/headerbanner,id_rubrique,template}>
78<INCLURE{fond=noisettes/header/footerbanner,id_rubrique,template}>
79<INCLURE{fond=noisettes/header/fondpage,id_rubrique,template}>
80<!--[if IE 6]>[
81        <link rel="stylesheet" href="(#CHEMIN{css/ie6.css}|direction_css|timestamp)" type="text/css" />
82]<![endif]-->
83<!--[if IE 7]>[
84        <link rel="stylesheet" href="(#CHEMIN{css/ie7.css}|direction_css|timestamp)" type="text/css" />
85]<![endif]-->
86<!--[if IE]>[
87        <link rel="stylesheet" href="(#PRODUIRE{fond=css/ie.css}|direction_css|timestamp)" type="text/css" />
88]<![endif]-->
89[<link rel="stylesheet" href="(#CHEMIN{images/printer.css}|direction_css|timestamp)" type="text/css" media="print" />]
90[(#ENV{wdcalendar}|=={oui}|oui)
91[<link rel='stylesheet' href='(#CHEMIN{css/calendar/dailog.css}|direction_css|timestamp)' type='text/css' />]
92[<link rel='stylesheet' href='(#CHEMIN{css/calendar/calendar.css}|direction_css|timestamp)' type='text/css' />]
93[<link rel='stylesheet' href='(#CHEMIN{css/calendar/dp.css}|direction_css|timestamp)' type='text/css' />]
94[<link rel='stylesheet' href='(#CHEMIN{css/calendar/alert.css}|direction_css|timestamp)' type='text/css' />]
95[<link rel='stylesheet' href='(#CHEMIN{css/calendar/main.css}|direction_css|timestamp)' type='text/css' />]
96]
97[(#REM) Code inspiré de http://oncemade.com/adding-hasjs-class-when-javascript-is-availab
98 Permet de masquer du contenu si javascript est activé.
99 Typiquement, un menu déroulant qui ne doit pas apparaître déroulé au chargement de la page si javascript est actif
100]
101<script type="text/javascript">
102  document.documentElement.className += ' hasJS';
103</script>
104#INSERT_HEAD
105[(#ENV{wdcalendar}|=={oui}|oui)
106[<script src="(#CHEMIN{javascript/calendar/Common.js}|timestamp)" type="text/javascript"></script>]
107[<script src="(#PRODUIRE{fond=datepicker_lang.js})" type="text/javascript"></script>]
108[<script src="(#CHEMIN{javascript/calendar/jquery.datepicker.js}|timestamp)" type="text/javascript"></script>]
109[<script src="(#CHEMIN{javascript/calendar/jquery.alert.js}|timestamp)" type="text/javascript"></script>]
110[<script src="(#CHEMIN{javascript/calendar/jquery.ifrmdailog.js}|timestamp)" defer="defer" type="text/javascript"></script>]
111
112[<script src="(#PRODUIRE{fond=wdCalendar_lang.js})" type="text/javascript"></script>]
113[<script src="(#CHEMIN{javascript/calendar/jquery.calendar.js}|timestamp)" type="text/javascript"></script>]
114]
115[<script src="(#CHEMIN{javascript/jquery.em.js}|timestamp)" type="text/javascript"></script>]
116[<script src="(#CHEMIN{javascript/jquery-accessible-modal-window-aria/jquery-accessible-modal-window-aria.js}|timestamp)" type="text/javascript"></script>]
117[(#ENV{idbody}|=={sommaire_mode_international}|oui)[<script src="(#CHEMIN{javascript/jquery.cycle.all.js}|timestamp)" type="text/javascript"></script>]]
118<script type="text/javascript">
119CanceladjustLayout = false;
120CancelMonitorTextSize = false;
121</script>
122
123[(#CHEMIN{noisettes/header/header_perso.html}|oui)
124<INCLURE{fond=noisettes/header/header_perso}>
125]
126
127<link rel="shortcut icon" type="image/x-icon" href="#URL_SITE_SPIP/spip.php?page=favicon.ico" />
128#INCLURE{fond=noisettes/googleanalytics}
129</head>
130<body[ id="(#ENV{idbody})"] class="[(#CONFIG{soyezcreateurs/mode_affichage,communiquant})] [bodysecteur(#ENV{id_secteur}) [(#ENV{id_secteur}|=={#ENV{rubriqueencours}}|?{bodysecteur}) ]][bodyrubrique(#ENV{rubriqueencours}) bodyrubrique ][bodyarticle(#ENV{id_article}) bodyarticle]">
131<div id="container">
132  <div id="shadow">
133[(#PLUGIN{campagnes}|oui)
134  <div id="banheader" class="encart vertical">
135          <INCLURE{fond=inclure/encart, identifiant=banheader}> 
136  </div>
137]
138#SET{noisetteheader,header_modeedito}
139[(#ENV{template}|=={'Sommaire'}|oui)
140        [(#CHEMIN{noisettes/header/header_mode#CONFIG{soyezcreateurs/mode_affichage,communiquant}.html}|oui)
141                        #SET{noisetteheader,header_mode#CONFIG{soyezcreateurs/mode_affichage,communiquant}}
142        ]
143]
144<header>
145        <INCLURE{fond=noisettes/header/#GET{noisetteheader},secteurencours,env}>
146<INCLURE{fond=noisettes/logopage/logopage_aiguilleur,env,lang}>
147
148</header>
149<div id="contenu">
150<INCLURE{fond=noisettes/miettesdepain/#ENV{type,_default},env,lang}>
151[(#ENV{type}|et{#CONFIG{soyezcreateurs/mode_affichage,communiquant}|!={portail}}|oui)[(#CONFIG{soyezcreateurs_layout/positioncartouchetitre,contenu}|=={haut}|oui)<INCLURE{fond=noisettes/cartouchetitre/#ENV{type,_default},env,lang}>]
152]
153        <div id="wrapper">
154
155
156<div id="content" class="equilibre notstackable">
157[(#CONFIG{soyezcreateurs/menuhautheader,header}|=={content}|oui)<INCLURE{fond=noisettes/menus/menuhaut#CONFIG{soyezcreateurs/typemenuhaut,''},secteurencours,rubriqueencours,id_article,id_groupe,id_mot,mots}>]
158#FILTRE{mini_html}
Note: See TracBrowser for help on using the repository browser.