source: spip-zone/_plugins_/sel/squelettes/sommaire.html @ 60767

Last change on this file since 60767 was 60767, checked in by zonepro@…, 9 years ago

Précédent commit parti sans commentaires :
Finalisation fiche utilisateur en création + fiche annonce (2 formulaires)
+ localisation des utilisateurs : géocodage + visualisation
+ mise en place de la certification
+ nouveau jeu de squelettes pour habillage (avec slider accueil)
ATTENTION : SPIP 3 uniquement (pour le moment)

File size: 8.9 KB
Line 
1<!-- PAGE SOMMAIRE à inclusions CONDITIONNELLES : SPIP3 par défaut / SPIP2 sinon -->
2<BOUCLE_lonlat(AUTEURS) {id_auteur = #SESSION{id_auteur}} {tout}>
3                #SET{lon,#LON}
4                #SET{lat,#LAT}
5</BOUCLE_lonlat>
6<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
7[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ ]
8<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
9<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
10<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
11<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
12<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
13<head>
14<script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
15<title>
16[(#SESSION{id_auteur}|non)<:sel:bienvenue_catalogue:> -]
17[(#SESSION{id_auteur}|oui)<:sel:bienvenue:> #SESSION{nom} -]
18[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]
19</title>
20[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)" />]
21[(#CHEMIN{inclure/head.html}|oui) <INCLURE{fond=inclure/head} />]
22[(#CHEMIN{inclure/head.html}|non) <INCLURE{fond=inc-head}>]
23
24    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
25    <script type="text/javascript"
26      src="http://maps.googleapis.com/maps/api/js?sensor=true">
27    </script>
28    <script type="text/javascript">
29      function initialise1() {
30                 
31        var mesOptions = {
32          center: new google.maps.LatLng(#GET{lat,48.85}, #GET{lon,2.35}), // Paris
33          zoom: 5,
34          mapTypeId: google.maps.MapTypeId.ROADMAP,       
35                };
36
37        var zemap1 = new google.maps.Map(document.getElementById("carte1"),
38            mesOptions);               
39                var georssLayer = new google.maps.KmlLayer('http://api.flickr.com/services/feeds/geo/?tags=paris&lang=fr-fr&format=feed-georss');
40                georssLayer.setMap(zemap1);
41
42                var georssLayer = new google.maps.KmlLayer('http://api.flickr.com/services/feeds/geo/?tags=ivry-sur-seine&lang=fr-fr&format=feed-georss');
43                georssLayer.setMap(zemap1);
44
45                var georssLayer = new google.maps.KmlLayer('http://api.flickr.com/services/feeds/geo/?tags=brest&lang=fr-fr&format=feed-georss');
46                georssLayer.setMap(zemap1);
47
48                };
49         
50        // si la personne est connectée, elle peut voir sa localisation dans cette carte
51    function initialise2() {
52                var map;
53                var infowindow = new google.maps.InfoWindow();
54                var marker;
55                var latlng = new google.maps.LatLng(#GET{lat,48.85}, #GET{lon,2.35});
56                var myOptions = {
57                        zoom: 8,
58                        center: latlng,
59                        mapTypeId: google.maps.MapTypeId.ROADMAP
60                }
61                map = new google.maps.Map(document.getElementById("carte2"), myOptions)
62                marker = new google.maps.Marker({
63                        position: latlng,
64                                        map: map
65                        });             
66                infowindow.open(map, marker);
67                map.setCenter(latlng); 
68    };
69    </script>
70
71    <link rel="stylesheet" href="#CHEMIN{js/themes/default/default.css}" type="text/css" media="screen" />
72    <link rel="stylesheet" href="#CHEMIN{js/themes/pascal/pascal.css}" type="text/css" media="screen" />
73    <link rel="stylesheet" href="#CHEMIN{js/themes/orman/orman.css}" type="text/css" media="screen" />
74    <link rel="stylesheet" href="#CHEMIN{js/nivo-slider.css}" type="text/css" media="screen" />
75    <link rel="stylesheet" href="style.css" type="text/css}" media="screen" />
76</head>
77
78<body class="pas_surlignable page_sommaire" onload="initialise1();initialise2()">
79<div class="page">
80[(#CHEMIN{inclure/header.html}|oui) <INCLURE{fond=inclure/header}{home=oui} />]
81[(#CHEMIN{inclure/header.html}|non) <INCLURE{fond=inc-entete}>]
82
83
84        <div class="main">
85        <div class="wrapper hfeed">
86        <div class="more">
87        <INCLURE{fond=inclure/plus}>                   
88        </div><!-- .more -->
89        <div class="content" id="content">
90
91       
92                [<div class="chapo">(#DESCRIPTIF_SITE_SPIP)</div>]
93               
94               
95                <h1>
96                [(#SESSION{id_auteur}|non)<:sel:bienvenue_catalogue:>]
97                [(#SESSION{id_auteur}|oui)<:sel:bienvenue:> #SESSION{nom}]
98                </h1>
99               
100                <div class="bloc">
101                [(#SESSION{id_auteur}|oui)
102                        <div class="corps_encart" id="carte2" style="height:150px;width:150px;float:right;"></div>
103                ]
104                [(#SESSION{id_auteur}|non)
105                        <:sel:bienvenue_catalogue_explications:>
106                        <ul>
107                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_1:></li>
108                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_2:></li>
109                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_3:></li>
110                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_4:></li>
111                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_5:></li>
112                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_6:></li>
113                        </ul>
114                ]
115                <p class="fond_gris">
116                <BOUCLE_logo(AUTEURS) {id_auteur = #SESSION{id_auteur}} {tout}>
117                #LOGO_AUTEUR
118                #SET{lon,#LON}
119                #SET{lat,#LAT}
120                #SET{inscription,(#INSCRIPTION|affdate{'d/m/Y'})}
121
122                [(#SESSION{id_auteur}|oui)
123
124                        <strong><:sel:adresse:></strong><br />
125                        #ADRESSE1 [- (#ADRESSE2)]<br />
126                        #CODE_POSTAL #VILLE #PAYS
127                        </p>   
128
129                        <p style="clear:left;"><strong><:sel:contacts:></strong><br />
130                        #TEL1 [- (#TEL2)]<br />
131                        #EMAIL</p>
132                        <p><:sel:inscrit_depuis:> #GET{inscription}<br /></p>
133                        <p style="clear:left;"><strong>SEL/JEU :</strong><br /></p>
134                ]
135               
136                <B_sels>
137                <p>
138                <BOUCLE_sels(CORRESPONDANCES) {fusion id_sel} {id_auteur = #SESSION{id_auteur}}>
139                <BOUCLE_listesel(SELS) {id_sel = #ID_SEL}>
140
141                <img src="[(#CHEMIN{img/puce_verte.png})]" /> #NOM<br />
142
143                </BOUCLE_listesel>
144                </BOUCLE_sels>
145                </p>
146                </B_sels>
147               
148                <B_corr>               
149                <h3><:sel:correspondant_auteur_organisations:></h3>
150                <p>
151                <BOUCLE_corr(CORRESPONDANCES organisations) {id_auteur = #SESSION{id_auteur}} {id_organisation >= 1}>
152
153                <img src="[(#CHEMIN{img/puce_verte.png})]" /> #NOM
154                <:sel:pour:> <BOUCLE_lesel(SELS) {id_sel = #ID_SEL}>#NOM</BOUCLE_lesel><br />
155
156                </BOUCLE_corr>
157                </p>
158                </B_corr>                       
159
160                <p class="gris">>> Modifier mes données (en développement) </p>
161               
162                </BOUCLE_logo>
163                               
164                </div>
165
166                [(#SESSION{id_auteur}|non)
167                <h3 class="focus"><a href="#URL_PAGE{nouvel_utilisateur}">&nbsp;Inscrivez-vous !&nbsp;</a></h3>
168                ]
169
170                [(#SESSION{id_auteur}|oui)
171                <div class="bloc">
172                <h3><:sel:que_voulez_vous_faire:></h3>
173                <ul>
174                <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:consulter_catalogue:> (en développement)</li>
175                <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<a href="#URL_PAGE{nouvelle_annonce}"><:sel:poster_annonce:></a> (en développement)</li>
176                <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:consulter_correspondants:> (en développement)</li>
177                <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:saisir_echange:> (en développement)</li>
178                </ul>
179                </div>
180                ]
181
182                <style>
183                .nivoSlider {
184                        position:relative;
185                        width:552px;
186                        height:220px;
187                        background:url(images/loading.gif) no-repeat 50% 50%;
188                }
189                </style>
190        <div class="slider-wrapper theme-default">
191            <div class="ribbon"></div>
192            <div id="slider" class="nivoSlider">
193                <img src="#CHEMIN{img/img1_552.jpg}" alt="" />
194                <img src="#CHEMIN{img/img2_552.jpg}" alt="" />
195                <img src="#CHEMIN{img/img3_552.jpg}" alt="" />
196                <img src="#CHEMIN{img/img4_552.jpg}" alt="" />
197                <img src="#CHEMIN{img/img5_552.jpg}" alt="" />
198                <img src="#CHEMIN{img/img6_552.jpg}" alt="" />
199            </div>
200
201        </div>
202
203    </div>      <!-- .content -->       
204               
205        <!-- tuto : http://nivo.dev7studios.com/support/jquery-plugin-usage/-->
206
207    <script type="text/javascript" src="#CHEMIN{js/jquery.nivo.slider.pack.js}"></script>
208    <script type="text/javascript">
209    $(window).load(function() {
210        $('#slider').nivoSlider({
211                        effect: 'fade',
212                        animSpeed: 1000,
213                        pauseTime: 5000,
214                        directionNavHide: true,
215                        controlNavThumbs: false,
216                        pauseOnHover: true,
217                        randomStart: true
218                });
219    });
220    </script>
221       
222        </div><!--.wrapper-->
223       
224        <div class="aside">
225        <INCLURE{fond=inclure/cote}>
226        <p>&nbsp;</p>
227        <div id="visites rouge" style='border:soli 1px blue'>
228        <span class="lettrine">#TOTAL_VISITES 10</span><br />
229        <:sel:visites:>
230        </div>
231        </div><!--.aside-->
232
233        </div><!--.main-->
234       
235       
236
237       
238       
239        <img src="#CHEMIN{img/frise_950.png}" />               
240        [(#CHEMIN{inclure/footer.html}|oui) <INCLURE{fond=inclure/footer, skel=#SQUELETTE} />]
241        [(#CHEMIN{inclure/footer.html}|non) <INCLURE{fond=inc-pied}{skel=#SQUELETTE}>]
242
243</div><!--.page-->
244</body>
245</html>
Note: See TracBrowser for help on using the repository browser.