Subversion Repositories Sites.tela-botanica.org

Compare Revisions

No changes between revisions

Ignore whitespace Rev 703 → Rev 704

/trunk/sites/accueil/en/squelettes/defaut.html
File deleted
\ No newline at end of file
/trunk/sites/accueil/en/squelettes/accueil.html
New file
0,0 → 1,208
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head lang="fr">
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
 
<!-- css -->
<link href="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/styles/accueil.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="/sites/commun/generique/images/favicone/tela_botanica.png" type="image/png" />
<link rel="shortcut icon" type="image/x-icon" href="/sites/commun/generique/images/favicone/tela_botanica.ico" />
<!-- PAPYRUS_STYLES -->
 
<!-- JavaScript -->
<script type="text/javascript" src="/commun/jquery/1.4.2/jquery-1.4.2.min.js"></script>
<script type="text/Javascript" src="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/scripts/accueil.js"></script>
<!-- PAPYRUS_SCRIPTS -->
</head>
<body>
<div id="zone-principale">
<div id="zone-titre">
<img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/bandeau.png" alt="Tela Botanica"/>
<h1>Tela Botanica</h1>
<h2>The french <strong>botanic</strong> <strong>network</strong></h2>
</div>
 
<div id="zone-botanique" class="arrondi30 ombre">
<div class="motsclefs">
<h2><a href="/site:botanique">Botany</a></h2>
<h3>
<span class="mot1">Be trained</span><span class="nodisplay">, </span>
<span class="mot2">identify plants</span><span class="nodisplay">, </span>
<span class="mot3">wild plants</span>
</h3>
</div>
 
<div class="texteRectangle">
<p class="accueil">
Amateur, professional or teacher in botany, discover all the <strong>essential resources</strong> about the plant world.<br />
Use them, improve them, all the <strong>botanical</strong> content is <strong>open source</strong>.
</p>
</div>
 
<div class="menuRectangle" id="menuRectangleBotanique">
<ul>
<li>{{Lien menu="751" titre="Botany"}}</li>
<li>{{Lien menu="39" titre="eFlora"}}</li>
<li>{{Lien menu="621" titre="Library"}}</li>
<li>{{Lien menu="106" titre="Herbarium"}}</li>
<li>{{Lien menu="395" titre="Tools"}}</li>
<li>{{Lien menu="144" titre="Phytosociology"}}</li>
</ul>
</div>
</div><!--fermeture div zone-botanique-->
 
<div id="zone-actualites" class="arrondi30 ombre">
<div class="motsclefs">
<h2><a href="/site:actu">News</a></h2>
<h3>
<span class="mot1">Agenda</span><span class="nodisplay">, </span>
<span class="mot2">be informed</span><span class="nodisplay">, </span>
<span class="mot3">environment</span>
</h3>
</div>
 
<div class="texteRectangle">
<p class="accueil">
Keep yourself informed of the <strong>latest news</strong> and events in the botany community.<br />
Comment on, share and publish your own news and events thanks to the <strong>editing space</strong>.
</p>
</div>
 
<div id="menuRectangleActualites" class="menuRectangle">
<ul>
<li>{{Lien menu="758" titre="News"}}</li>
<li>{{Lien menu="438" titre="Events"}}</li>
<li><a href="/actu/article220.html">Editing space</a></li>
</ul>
</div>
<br>
</div>
 
<div id="zone-reseau" class="arrondi30 ombre">
<div class="motsclefs">
<h2><a href="/site:reseau">Network</a></h2>
<h3>
<span class="mot1">Communicate</span><span class="nodisplay">, </span>
<span class="mot2">exchange</span><span class="nodisplay">, </span>
<span class="mot3">share</span>
</h3>
</div>
 
<div class="texteRectangle">
<p class="accueil">
To <strong>understand</strong> the ethic and functioning of Tela Botanica... and join up with the 13000 members of the network.<br />
Thanks to a <strong>personal space</strong>, you will be able to search for members, manage your botanical observations, propose or submit a project...
</p>
</div>
 
<div id="menuRectangleReseau" class="menuRectangle">
<ul>
<li>{{Lien menu="754" titre="Network"}}</li>
<li>{{Lien menu="17" titre="Members"}}</li>
<li>{{Lien menu="25" titre="Presentation"}}</li>
<li>{{Lien menu="623" titre="Tools"}}</li>
<li>{{Lien menu="30" titre="Partners"}}</li>
</ul>
</div>
</div> <!--fermeture div zone-reseau-->
 
<div id="zone-projets" class="arrondi30 ombre">
<div class="motsclefs">
<h2><a href="/site:projets">Projects</a></h2>
<h3>
<span class="mot1">Cooperate</span><span class="nodisplay">, </span>
<span class="mot2">ideas</span><span class="nodisplay">, </span>
<span class="mot3">documents</span>
</h3>
</div>
 
<div class="texteRectangle">
<p class="accueil">
Generalist or specialized <strong>fora</strong>, <strong>botanical projects</strong> aiming to produce collective works, this space is used for the exchange and the creation of knowledge.<br />
Have a look at the projects and fora (about sixty currently) and <strong>participate</strong> in the ones you are interested in!
</p>
</div> <!--fermeture div texte rectangle Reseau-->
 
<div id="menuRectangleProjets" class="menuRectangle">
<ul>
<li>{{Lien menu="753" titre="Projects"}}</li>
<li>{{Lien menu="88" titre="All projects"}}</li>
<li>{{Lien menu="342" titre="My projects"}}</li>
<li>{{Lien menu="338" titre="Participate ?"}}</li>
</ul>
</div><!--fermeture div menu rectangle projets-->
</div>
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div> <!--fermeture div bandeau projets bas page-->
 
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><!-- PAPYRUS_MENU_UNIQUE_759 --></li>
<li id="faq"><!-- PAPYRUS_MENU_UNIQUE_386 --></li>
<li id="contact"><!-- PAPYRUS_MENU_UNIQUE_105 --></li>
<li id="plan"><!-- PAPYRUS_MENU_UNIQUE_9 --></li>
<li id="rss"><!-- PAPYRUS_MENU_UNIQUE_630 --></li>
<li id="telechargement"><!-- PAPYRUS_MENU_UNIQUE_273 --></li>
<li id="visite"><!-- PAPYRUS_MENU_UNIQUE_25 --></li>
<li id="mentions"><!-- PAPYRUS_MENU_UNIQUE_104 --></li>
</ul>
</div>
 
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier</span>
<span>Tél. +334 67 52 41 22</span>
<span>accueil[at]tela-botanica.org</span>
<br /><br />
</address>
</div><!--fermeture div zone-bas-page-->
 
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don">{{Lien menu="289" titre="Make a donation"}}</li>
<li class="vert" id="lettre">{{Lien menu="21" titre="Newsletter"}}</li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau">
<a href="?langue=fr">
<img src="sites/commun/generique/images/fr.gif" alt="Français" title="Tela Botanica en Français" />
</a>
</li>
<li class="vert drapeau">
<a href="?langue=en">
<img src="sites/commun/generique/images/gb.gif" alt="Anglais" title="Tela Botanica in english" />
</a>
</li>
</ul>
</div>
 
<div id="zone-menu-connexion">
{{Identification}}
</div>
</div> <!--fermeture div zone-principale-->
 
<!-- Début des scripts utilisés par Google Analytics -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-57885-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<!-- Fin des scripts utiliés par Google Analytics -->
<!-- Début des scripts utilisées par ClickHeat -->
<script type="text/javascript" src="http://www.tela-botanica.net/clickheat/js/clickheat.js"></script><noscript><p><a href="http://www.labsmedia.fr/index.html">Outils webmaster gratuits</a></p></noscript><script type="text/javascript"><!--
clickHeatSite = 'tela-botanica.org';clickHeatGroup = encodeURIComponent(window.location.pathname+window.location.search);clickHeatServer = 'http://www.tela-botanica.net/clickheat/click.php';initClickHeat(); //-->
</script>
<!-- Fin des scripts utilisées par ClickHeat -->
</body>
</html>
/trunk/sites/accueil/generique/styles/accueilv5.css
File deleted
\ No newline at end of file
/trunk/sites/accueil/generique/styles/accueil.css
New file
0,0 → 1,544
/*POLICES */
body{
behavior:url(/commun/htc/csshover3.htc)}
/*Définition des polices exotiques.*/
@font-face{
font-family:optima;
src:url('/commun/polices/optima_demi_bold.ttf');}
@font-face{
font-family:Helveticaneue;
src:url('/commun/polices/helvetica_light.ttf');}
@font-face{
font-family:optima2;
src:url('/commun/polices/optima_demi_bold.eot');}
@font-face{
font-family:Helveticaneue2;
src:url('/commun/polices/helvetica_light.eot');}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BALISES HTML */
body{
margin-top:8px;
background-color:white;}
img,ul,form,li,td,div,p,br,a,h1,h2,body{
margin:0;
padding:0;
border:0;
text-decoration:none;}
p{
color:#3a3633;
font-family:arial;
font-size:12px;
font-weight:normal;
line-height:16px;}
label input {
position:absolute;
left:100%;
top:0px;
width:15px;}
a:link, a:visited, a:active{
color:#3a3633;}
a:hover, a:focus{
color:#fd8c13;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* CLASSES & COULEURS */
.arrondi30{
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;}
.ombre{
-moz-box-shadow:2px 2px 9px #6c6865;
-webkit-box-shadow:2px 2px 9px #6c6865;
box-shadow: 2px 2px 9px #6c6865;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6c6865', Direction=135, Strength=4); /* pour ie8 */}
.nodisplay{
display:none}
.hidden{
visibility:hidden}
.spacer125{
width:125px;
float:left;}
p.connectgris{
color:#5e5852;
font-family:arial;
font-size:11px;
font-weight:normal;
text-align:left;
line-height:12px;}
p.connectvert,a.connectvert{
color:#7b9c35;
font-family:arial;
font-size:11px;
font-weight:normal;
text-align:left;
margin-top:10px;}
p.connectvertpetit,a.connectvertpetit{
color:#7b9c35;
font-family:arial;
font-size:11px;
font-weight:normal;
text-align:left;}
p.orange,a.orange{
color:#fd8c13;
font-family:arial;
font-size:11px;
font-weight:normal;
text-align:left;
margin:7px 0 3px 0;}
p.accueil{
color:#3a3633;
font-family:arial;
font-size:13px;
text-align:justify;
font-weight:normal;
line-height:17px;}
.overflow-hidden{
overflow:hidden;}
.gris{ color:#3a3633; font-family:arial; font-size:12px; }
.vert, p.vert a, p.vert{
color:#7b9c35;
font-family:arial;
font-size:12px;}
.grisclair{
color:#f2f2f2}
.grisfonce{
color:#5c5950}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/*ZONE PRINCIPALE*/
#zone-principale{
position:absolute;
width:960px;
margin:30px 0 0 -450px;
left: 46%;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE MENU HAUT */
#zone-menu-haut{
width:745px;
height:12px;
text-align:center;
margin:0 auto 0 90px;
position:absolute;
top:-25px;
color:#3a3633;
font-family:arial;
font-size:12px;}
#zone-menu-haut ul{
list-style:none;}
#zone-menu-haut ul li{
background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 3px 5px;
float:left}
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active{
color:#7b9c35;}
#zone-menu-haut a:hover, #zone-menu-haut a:focus{
color:#fd8c13;}
#zone-menu-haut a, p a{
font-family:arial;
font-size:12px;
color:#7B9C35;}
.drapeau{
width:15px;
margin-left:10px}
/* Recherche */
#zone-menu-haut #form_more_recherche label, #zone-menu-haut #form_more_recherche legend{
display:none}
#zone-menu-haut #form_more_recherche #more_ok{
background:white;
border:none;
color:#7B9C35;
text-transform:uppercase;
width:25px;cursor:pointer}
#don{
width:110px;
margin:0}
#lettre{
width:120px;
margin:0}
#inscrits{
width:110px;
margin:0}
#connectes{
width:115px;
margin:0}
#recherche{
width:185px;
padding-left:15px;
text-align:left;
margin:0}
#recherche fieldset{
width:185px;
padding:0;
border-style:none;}
#recherche input{
height:13px;
width:155px;
font-size:12px;
margin:-15px 0 0 -2px;}
 
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE TITRE */
#zone-titre{
padding:0 0 25px 23px;
margin:0 0 5px 0;}
#zone-titre h1{
position:absolute;
top:15px;
left:155px;
font-family:Optima;
font-size:32px;
letter-spacing:0px;
color:#348237;}
#zone-titre h2{
position:absolute;
top:50px;
left:146px;
font-family:optima;
font-size:19px;
text-align:right;
letter-spacing:0px;
color:#ff8c0d;
line-height:24px;
width:386px;}
#zone-titre h2 strong{
font-size:32px;
font-weight:normal}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BANDEAUX : GÉNÉRALITÉS*/
.motsclefs{
float:left;
width:330px;
height:105px;
font-family:Helveticaneue;
letter-spacing:-1px;
font-weight:lighter;
text-align:left;
background:url(../images/carres.png) no-repeat 106px 0px;
padding:0 0 0 146px;
margin:0;
cursor:pointer;}
.motsclefs a {
color:#5C5950}
.motsclefs h2{
position:absolute;
margin-top:13px;
font-size:52px;
font-weight:normal;
color:#5c5950;
left:200px;
line-height:35px;}
.motsclefs h2:hover,.motsclefs a:hover{
color:white;}
.motsclefs h3{
text-align:left;
color:#f2f2f2;
margin-left:141px;
margin-top:69px}
.motsclefs span{
position:absolute;
font-weight:normal;
text-transform:lowercase}
.texteRectangle{
padding:8px 25px 0 0;
height:75px;}
/* Liens des univers */
.menuRectangle{
position:absolute;
left:0;
width:960px;
margin-top:0;
text-align:right;}
.menuRectangle ul{
text-align:right;
position:absolute;
right:25px}
.menuRectangle ul li {
text-decoration:none;
text-align:center;
font-size: 12px;
font-family:arial;
float:left;
margin-left:10px;
padding:3px 0 0 20px;}
.menuRectangle ul li a{
position:relative;
margin-left:-4px;
top:-3px;
font-weight:normal;}
.menuRectangle a:link, .menuRectangle a:visited, .menuRectangle a:active{
color:#fff;
text-decoration:none;}
.menuRectangle a:hover, .menuRectangle a:focus{
color:#5e5852;
text-decoration:none;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BANDEAUX : BOTANIQUE*/
#zone-botanique{
background:url(../images/imageAccueilCarres.jpg) no-repeat #9ac343;
height:105px;
width:960px;
margin:0 0 15px 5px;}
#menuRectangleBotanique ul li{
background:url(../images/carreVert.jpg) no-repeat;
list-style:none;}
/* Mots clefs Botanique */
#zone-botanique .motsclefs .mot1{
font-size:32px;
margin:-22px 0 0 -101px;}
#zone-botanique .motsclefs .mot2{
font-size:18px;
margin:-15px 0 0 74px;}
#zone-botanique .motsclefs .mot3{
font-size:23px;
margin:5px 0 0 -46px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BANDEAUX : ACTUALITÉS*/
#zone-actualites{
background:url(../images/imageAccueilCarres.jpg) no-repeat 0px -211px #c2c0ad;
height:105px;
width:960px;
margin:0 0 15px 5px;}
#menuRectangleActualites ul li{
background:url(../images/carreGris.jpg) no-repeat;
list-style:none;}
/* Mots clefs Actualités */
#zone-actualites .motsclefs .mot1{
font-size:28px;
margin:-20px 0 0 -81px;}
#zone-actualites .motsclefs .mot2{
font-size:32px;
margin:-10px 0 0 14px;}
#zone-actualites .motsclefs .mot3{
margin:10px 0 0 -101px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BANDEAUX : RÉSEAU*/
#zone-reseau{
background:url(../images/imageAccueilCarres.jpg) no-repeat 0 -316px #e16039;
height:105px;
width:960px;
margin:0 0 15px 5px;}
#menuRectangleReseau ul li{
background:url(../images/carreRouge.jpg) no-repeat;
list-style:none;}
/* Mots clefs Réseau */
#zone-reseau .motsclefs .mot1{
font-size:32px;
margin:-24px 0 0 -92px;}
#zone-reseau .motsclefs .mot2{
font-size:26px;
margin:0px 0 0 -81px;}
#zone-reseau .motsclefs .mot3{
font-size:20px;
margin:3px 0 0 39px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* BANDEAUX : PROJETS*/
#zone-projets{
background:url(../images/imageAccueilCarres.jpg) no-repeat 0 -105px #a89d80;
height:105px;
width:960px;
margin:0 0 15px 5px;}
#menuRectangleProjets ul li{
background:url(../images/carreBeige.jpg) no-repeat;
list-style:none;}
/* Mots clefs Projets */
#zone-projets .motsclefs .mot1{
font-size:32px;
margin:-20px 0 0 -46px;}
#zone-projets .motsclefs .mot2{
font-size:20px;
margin:5px 0 0 -101px;}
#zone-projets .motsclefs .mot3{
font-size:20px;
margin:5px 0 0 24px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE MENU CONNEXION */
#zone-menu-connexion{
height:122px;
width:320px;
position:absolute;
top:0;
right:0;
padding:0;
font-family:arial;
text-align:right;
font-size:11px;
background:url(../images/carreorange.png) no-repeat 9px -9px;}
/* Formulaire connexion */
#zone-menu-connexion fieldset{
text-align:left;
width:273px;
float:right;
background:white;
padding:28px 0 0 10px;
border:solid 1px #99C242;
text-decoration: none;
-moz-border-radius:0 10px 10px 10px;
-webkit-border-radius:0 10px 10px 10px;
border-radius:0 10px 10px 10px;}
#zone-menu-connexion fieldset input{
font-size:11px;}
#zone-menu-connexion h3{
position:absolute;
width:270px;
padding:5px 5px 5px 9px;
margin:-29px 0 0 -10px;
color:white;
text-align:left;
text-transform:uppercase;
font-size:12px;
background-color:#99C242;
-moz-border-radius:0 10px 0 0;
-webkit-border-radius:0 10px 0 0;
border-radius:0 10px 0 0;}
#zone-menu-connexion fieldset label{
position:relative;
width:15em;
display:block;
margin:.1em 0em;}
#username, #password{
width:80px;}
#zone-menu-connexion fieldset #connexion{
border:solid 1px #8eb533;
padding:0;}
#persistant, #persistant_label{
float:left;
margin-left:0;}
#persistant_label{
padding-top:2px}
#zone-menu-connexion #colonneDroite{
width:150px;
position:absolute;
left:165px;
top:21px;}
#zone-menu-connexion #colonneDroite .connectgris{
padding-top:5px;
padding-bottom:5px}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE BANDEAU PROJETS */
#bandeauProjets{
width:845px;
margin:20px 0 20px 0;
border:dotted 1px #fd8c13;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
float:left;
padding-left:65px;
margin-left:30px}
 
#bandeauProjets ul{
height:98px;
padding:0;
list-style:none;
font-family:arial;}
#bandeauProjets ul li{
width:250px;
margin-left:15px;
border:double 1px orange;
border-width:0 4px 0 0;
display:inline;
height:95px;
float:left;}
#bandeauProjets ul li, #bandeauProjets ul li p{
font-family:arial;
font-size:10px;
line-height:1.3em;}
#bandeauProjets ul li p{
padding-right:2px;}
#bandeauProjets ul li a{
color:#7B9C35;
font-weight:bold;}
#bandeauProjets ul li h3{
padding:5px 0 5px 0;
margin:0;
color:#fd8c13;}
#bandeauProjets ul li img{
float:right;
padding:10px}
#bandeauProjets ul .bouton{
width:20px;}
#bandeauProjets #boutonPrecedent, #bandeauProjets #boutonSuivant{
position:absolute;}
#bandeauProjets #boutonPrecedent{
margin-left:-66px;
margin-top:-99px;
height:100px;
background:white;
cursor:pointer;
width:70px;
border:dotted 1px #fd8c13;
border-right-style:none;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px;}
#bandeauProjets #boutonSuivant{
margin-left:799px;
margin-top:-99px;
width:30px;
cursor:pointer;
background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
padding:28px 8px 53px 8px;
border:dotted 1px #fd8c13;
border-left-style:none;
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE BAS PAGE */
#zone-bas-page{
width:960px;
clear:both;}
#zone-bas-page div{
width:900px;
margin:20px 0 10px 0;
text-align:center;}
#zone-bas-page div ul li{
list-style:none;
text-decoration:none;
text-align:center;
font-size: 12px;
font-family:arial;
display:inline;
margin-left:10px;
padding :6px 0 0 20px}
#zone-bas-page > div a:link, #zone-bas-page > div a:visited, #zone-bas-page > div a:active{
font-weight:normal;
color:#7b9c35;
text-decoration:none;}
#zone-bas-page > div a:hover{
font-weight:normal;
color:#fd8c13;
text-decoration:none;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE BAS PAGE : MENUS COMMUNS */
#accueil{
background:url(../images/accueil.png) no-repeat 0 2px;}
#faq{
background:url(../images/faq.png) no-repeat 0 2px;}
#contact{
background:url(../images/contact.png) no-repeat 0 2px;}
#plan{
background:url(../images/plan.png) no-repeat 0 2px;}
#rss{
background:url(../images/rss.png) no-repeat 0 2px;}
#telechargement{
background:url(../images/telechargement.png) no-repeat 0 2px;}
#visite{
background:url(../images/visite.png) no-repeat 0 2px;}
#mentions{
background:url(../images/cc.gif) no-repeat 0 2px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* ZONE BAS PAGE : COORDONNEES */
#coordonees{
width:900px;
text-align:center;
margin:auto;
background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right;
padding-right:5px;
height:15px;}
#coordonees span{
float:left;
padding-left:15px;
background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 5px 5px;
font-family:arial;
font-size:12px;
font-weight:normal;
font-style:normal;}
/trunk/sites/accueil/generique/images/.directory
File deleted
/trunk/sites/accueil/generique/scripts/accueil.js
New file
0,0 → 1,97
/**
* Script JQuery du site
*
* @author Grégoire Duché <jpm@tela-botanica.org>
* @license GPL v3 <http://www.gnu.org/licenses/gpl.txt>
* @license CECILL v2 <http://www.cecill.info/licences/Licence_CeCILL_V2-en.txt>
* @version $Id$
* @copyright 2009
*/
 
var url_service_jrest = "http://www.tela-botanica.org/client/annuaire_nouveau/actuelle/jrest/TelaUtilisateurs/";
$(document).ready(function() {
/**
* Ajout de contenus : inscrits, connectés, et boutons précédents et suivants
* */
// On ajoute les champs Inscrits et connectés uniquement si JS obtient une réponse du service
$.getJSON(url_service_jrest,
function(data){
if (data !=null) {
//Réponse du service OK
var nbInscrits = data[0];
var nbVisiteurs = data[1];
$("#zone-menu-haut ul").prepend('<li class="vert" id="connectes"> Visiteurs : <span class="gris">' + nbVisiteurs + '</span></li>');
$("#zone-menu-haut ul").prepend('<li class="vert" id="inscrits"> Inscrits : <span class="gris">' + nbInscrits + '</span></li>');
// les div de classe infoInscrits se voient automatiquement concaténé le nombre d'inscrits
if($(".infosInscrits") != null) {
$(".infosInscrits").html(nbInscrits+$(".infosInscrits").html());
}
} else {
$("#zone-menu-haut").prepend('<span class="spacer125 hidden">&nbsp</span>');
}
});
$("#bandeauProjets").addClass("overflow-hidden");
$("#bandeauProjets").css("height", "100px");
$("#bandeauProjets ul").addClass("overflow-hidden");
$("#bandeauProjets ul").css("width", "9000px");
/********************************************************************************
* Gestion des projets - menu defilant *
********************************************************************************/
/* Ajout à la volée des boutons suivant et précédent pour le menu défilant */
/*
* Attention : le contenu des projets doit être une liste d'éléments <li>.
* Ex :
* <li><img src="" / ><h3>Projet 1</h3></li>
* <li><img src="" / ><h3>Deuxieme projet</h3></li>
* */
$("#bandeauProjets").append("<div id='boutonPrecedent'>&nbsp;</div>");
$("#bandeauProjets").append("<div id='boutonSuivant'>&nbsp;</div>");
/* Variables pour le défilement*/
var position = 0;
var increment = 269;
$("#boutonSuivant").click(function() {
//Un clic sur le bouton "Projet suivant" doit défiler la liste des projets
var ul = $(this).parent().children("ul");
var nbLi = ($(ul).children("li").size())-3;
if (position/increment < nbLi) {
position += increment;
$(ul).animate({marginLeft: '-' + position}, 400, function() {});
}
});
$("#boutonPrecedent").click(function() {
//Un clic sur le bouton "Projet suivant" doit défiler la liste des projets
if (position>0) {
position -= increment;
var ul = $(this).parent().children("ul");
$(ul).animate({marginLeft: '-' + position}, 400, function() {});
}
});
if (navigator.appName=='Microsoft Internet Explorer') {
$("#zone-titre").css("font-family", "optima2");
$(".motsclefs").css("font-family", "Helveticaneue2");
}
}
);
 
/**
* Vider le champ recherche lorsqu'on clique dessus.
* */
//TODO : mettre les versions EN...
function saisieChampRecherche(objet) {
if (objet.value=="Rechercher dans le site") {
objet.value = "";
}
}
Property changes:
Added: svn:executable
+*
\ No newline at end of property
/trunk/sites/accueil/fr/squelettes/defaut.html
File deleted
\ No newline at end of file
/trunk/sites/accueil/fr/squelettes/accueil.html
New file
0,0 → 1,208
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head lang="fr">
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
 
<!-- css -->
<link href="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/styles/accueil.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="/sites/commun/generique/images/favicone/tela_botanica.png" type="image/png" />
<link rel="shortcut icon" type="image/x-icon" href="/sites/commun/generique/images/favicone/tela_botanica.ico" />
<!-- PAPYRUS_STYLES -->
 
<!-- JavaScript -->
<script type="text/javascript" src="/commun/jquery/1.4.2/jquery-1.4.2.min.js"></script>
<script type="text/Javascript" src="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/scripts/accueil.js"></script>
<!-- PAPYRUS_SCRIPTS -->
</head>
<body>
<div id="zone-principale">
<div id="zone-titre">
<img src="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/bandeau.png" alt="Tela Botanica"/>
<h1>Tela Botanica</h1>
<h2>Le <strong>réseau</strong> de <strong>la botanique</strong> francophone</h2>
</div>
 
<div id="zone-botanique" class="arrondi30 ombre">
<div class="motsclefs">
<h2><a href="/site:botanique">Botanique</a></h2>
<h3>
<span class="mot1">Se former</span><span class="nodisplay">, </span>
<span class="mot2">identifier</span><span class="nodisplay">, </span>
<span class="mot3">plantes sauvages</span>
</h3>
</div>
 
<div class="texteRectangle">
<p class="accueil">
Botaniste amateur, professionnel, enseignant, découvrez les <strong>ressources indispensables</strong> sur le monde du végétal.<br />
Utilisez les, enrichissez les, tout le contenu <strong>botanique</strong> est <strong>libre de droit.</strong>
</p>
</div>
 
<div class="menuRectangle" id="menuRectangleBotanique">
<ul>
<li>{{Lien menu="751" titre="Botanique"}}</li>
<li>{{Lien menu="39" titre="eFlore"}}</li>
<li>{{Lien menu="621" titre="Biblio"}}</li>
<li>{{Lien menu="106" titre="Herbier"}}</li>
<li>{{Lien menu="395" titre="Outils"}}</li>
<li>{{Lien menu="144" titre="Phytosociologie"}}</li>
</ul>
</div>
</div><!--fermeture div zone-botanique-->
 
<div id="zone-actualites" class="arrondi30 ombre">
<div class="motsclefs">
<h2><a href="/site:actu">Actualités</a></h2>
<h3>
<span class="mot1">Agenda</span><span class="nodisplay">, </span>
<span class="mot2">s'informer</span><span class="nodisplay">, </span>
<span class="mot3">environnement</span>
</h3>
</div>
 
<div class="texteRectangle">
<p class="accueil">
Restez informé des <strong>dernières actualités</strong> de la communauté botanique. <br />
Commentez, partagez et publiez vos actualités et événements grâce à l'<strong>espace rédacteur</strong>.
</p>
</div>
 
<div id="menuRectangleActualites" class="menuRectangle">
<ul>
<li>{{Lien menu="758" titre="Actualités"}}</li>
<li>{{Lien menu="438" titre="Événements"}}</li>
<li><a href="/actu/article220.html">Espace rédacteur</a></li>
</ul>
</div>
<br>
</div>
 
<div id="zone-reseau" class="arrondi30 ombre">
<div class="motsclefs">
<h2><a href="/site:reseau">Réseau</a></h2>
<h3>
<span class="mot1">Communiquer</span><span class="nodisplay">, </span>
<span class="mot2">échanger</span><span class="nodisplay">, </span>
<span class="mot3">partager</span>
</h3>
</div>
 
<div class="texteRectangle">
<p class="accueil">
Pour <strong>comprendre</strong> l'éthique et le fonctionnement de Tela Botanica... et rejoindre les 12 000 membres du réseau. <br />
Grâce à un <strong>espace personnalisé</strong>, vous pourrez rechercher des membres, gérer vos observations botaniques, soumettre un projet...
</p>
</div>
 
<div id="menuRectangleReseau" class="menuRectangle">
<ul>
<li>{{Lien menu="754" titre="Réseau"}}</li>
<li>{{Lien menu="17" titre="Membres"}}</li>
<li>{{Lien menu="25" titre="Présentation"}}</li>
<li>{{Lien menu="623" titre="Outils"}}</li>
<li>{{Lien menu="30" titre="Partenaires"}}</li>
</ul>
</div>
</div> <!--fermeture div zone-reseau-->
 
<div id="zone-projets" class="arrondi30 ombre">
<div class="motsclefs">
<h2><a href="/site:projets">Projets</a></h2>
<h3>
<span class="mot1">Coopérer</span><span class="nodisplay">, </span>
<span class="mot2">idées</span><span class="nodisplay">, </span>
<span class="mot3">documents</span>
</h3>
</div>
 
<div class="texteRectangle">
<p class="accueil">
<strong>Forums</strong> généralistes ou spécialisées, <strong>projets botaniques</strong> visant à produire des oeuvres collectives, cet espace sert à échanger et à produire de la connaissance.
Choisissez parmi la soixantaine de projets et forums proposés celui qui vous correspond le plus et <strong>participez</strong> !
</p>
</div> <!--fermeture div texte rectangle Reseau-->
 
<div id="menuRectangleProjets" class="menuRectangle">
<ul>
<li>{{Lien menu="753" titre="Projets"}}</li>
<li>{{Lien menu="88" titre="Tous les projets"}}</li>
<li>{{Lien menu="342" titre="Mes projets"}}</li>
<li>{{Lien menu="338" titre="Participer"}}</li>
</ul>
</div><!--fermeture div menu rectangle projets-->
</div>
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div> <!--fermeture div bandeau projets bas page-->
 
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><!-- PAPYRUS_MENU_UNIQUE_759 --></li>
<li id="faq"><!-- PAPYRUS_MENU_UNIQUE_386 --></li>
<li id="contact"><!-- PAPYRUS_MENU_UNIQUE_105 --></li>
<li id="plan"><!-- PAPYRUS_MENU_UNIQUE_9 --></li>
<li id="rss"><!-- PAPYRUS_MENU_UNIQUE_630 --></li>
<li id="telechargement"><!-- PAPYRUS_MENU_UNIQUE_273 --></li>
<li id="visite"><!-- PAPYRUS_MENU_UNIQUE_25 --></li>
<li id="mentions"><!-- PAPYRUS_MENU_UNIQUE_104 --></li>
</ul>
</div>
 
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier</span>
<span>Tél. 04 67 52 41 22</span>
<span>accueil[at]tela-botanica.org</span>
<br /><br />
</address>
</div><!--fermeture div zone-bas-page-->
 
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don">{{Lien menu="289" titre="Faites un don"}}</li>
<li class="vert" id="lettre">{{Lien menu="21" titre="Lettre d'actualités"}}</li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau">
<a href="?langue=fr">
<img src="sites/commun/generique/images/fr.gif" alt="Français" title="Tela Botanica en Français" />
</a>
</li>
<li class="vert drapeau">
<a href="?langue=en">
<img src="sites/commun/generique/images/gb.gif" alt="Anglais" title="Tela Botanica in english" />
</a>
</li>
</ul>
</div>
 
<div id="zone-menu-connexion">
{{Identification}}
</div>
</div> <!--fermeture div zone-principale-->
 
<!-- Début des scripts utilisés par Google Analytics -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-57885-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<!-- Fin des scripts utiliés par Google Analytics -->
<!-- Début des scripts utilisées par ClickHeat -->
<script type="text/javascript" src="http://www.tela-botanica.net/clickheat/js/clickheat.js"></script><noscript><p><a href="http://www.labsmedia.fr/index.html">Outils webmaster gratuits</a></p></noscript><script type="text/javascript"><!--
clickHeatSite = 'tela-botanica.org';clickHeatGroup = encodeURIComponent(window.location.pathname+window.location.search);clickHeatServer = 'http://www.tela-botanica.net/clickheat/click.php';initClickHeat(); //-->
</script>
<!-- Fin des scripts utilisées par ClickHeat -->
</body>
</html>
/trunk/sites/accueil/fr/squelettes/simple.html
1,5 → 1,5
<!-- start contenu -->
<!-- charset="iso-8851" -->
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
<!-- start contenu -->
<!-- charset="iso-8851" -->
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
<!-- end contenu -->/Umsi