Subversion Repositories Sites.obs-saisons.fr

Compare Revisions

No changes between revisions

Ignore whitespace Rev 306 → Rev 307

/trunk/documents/mails/ALIRE.txt
New file
0,0 → 1,16
 
 
Ce dossier contient les templates pour les lettres d'actualités pour ODS.
Le fichier à utiliser est lettre_actu.tpl.html
 
Le fichier lettre_actu_modele.tpl.html est, quant à lui, un modèle idéal de
ce que devrait être la lettre d'actualité. Malheureusement les lecteurs de mails
sont bien pauvres en matière d'interprétation du html. Ainsi le fichier lettre_actu.tpl.html
contient un compromis fonctionnant au moins sous hotmail, gmail, orange et thunderbird.
Il est laissé pour qu'il soit repris le jour où les lecteurs de mails utiliseront des moteurs de rendu
digne de ce nom.
 
Les bandeaux du haut sont modifiables suivant les quatres saisons :
il suffit de chercher ceci :
http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-ete.png
et remplacer bandeau-ete par bandeau-automne bandeau-hiver ou bandeau-printemps
Property changes:
Added: svn:eol-style
+native
\ No newline at end of property
/trunk/documents/mails/lettre_actu.tpl.html
2,117 → 2,84
<head>
 
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
#header {
height: 175px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-color: #FFFFFF;
}
 
.automne {
background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-automne.png") no-repeat scroll transparent;
}
 
.printemps {
background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-printemps.png") no-repeat scroll transparent;
}
.ete {
background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-ete.png") no-repeat scroll transparent;
}
.hiver {
background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-hiver.png") no-repeat scroll transparent;
}
 
body {
width: 955px;
margin: auto;
background-color: #C6B895;
}
 
#contenu {
padding: 5px;
background-color: #FFFFFF;
min-height: 250px;
}
 
.petit_logo_tela {
margin-left: 62px;
position: relative;
top: -35px;
width: 43px;
}
 
.petit_logo_cnrs {
margin-left: 5px;
position: relative;
top: -28px;
width: 35px;
}
 
#logo-floater {
padding-left: 20px;
padding-top: 1px;
}
#footer {
background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-bas.png") no-repeat scroll 50% 135px #ffffff;
clear: both;
height: 240px;
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align: bottom;
width: 955px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
 
.liens-autres {
font-size: 0.8em;
color: #888;
}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
 
<div class="automne" id="header">
<div id="logo-floater">
<h1>
<a target="_blank" title="Aller sur le site d'observatoire des saisons" href="http://www.obs-saisons.fr">
<img id="logo" alt="logo observatoire des saisons" src="http://www.obs-saisons.fr/themes/ods/logo.png">
</a>
</h1>
<body>
<div id="fond">
<div id="lettre-actu" style="width:955px;">
<table style="border:none; border-collapse: collapse; background-color:#FFFFFF">
<tr>
<td>
<table style="border:none; border-collapse: collapse;">
<tr>
<td style="height:1px; font-size:0.01em;">&#8203;</td>
<td rowspan="2">
<a target="_blank" title="Aller sur le site d'observatoire des saisons" href="http://www.obs-saisons.fr">
<img style="border-top-right-radius: 20px; border-top-left-radius: 20px;" src="http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-ete.png" />
</a>
</td>
</tr>
<tr style="width:155px; vertical-align:top">
<td colspan="2">
<div id="logo-floater">
<a target="_blank" title="Aller sur le site d'observatoire des saisons" href="http://www.obs-saisons.fr">
<img id="logo" style="float:none" alt="logo observatoire des saisons" src="http://www.obs-saisons.fr/themes/ods/logo.png">
</a>
<table style="border:none; border-collapse: collapse;">
<tr>
<td style="width:43px;">
</td>
<td style="width:47px;">
<a target="_blank" title="Aller sur le site de tela botanica" href="http://www.tela-botanica.org">
<img src="http://www.obs-saisons.fr/themes/ods/logo_tela.png" alt="logo tela botanica" title="Tela Botanica" width="43px;" class="petit_logo_tela"></a>
</td>
<td>
<a target="_blank" title="Aller sur le site du gdr" href="http://www.gdr2968.cnrs.fr/">
<img src="http://www.obs-saisons.fr/themes/ods/logo_cnrs.png" alt="logo cnrs" title="cnrs" width="35px" class="petit_logo_cnrs"></a>
</td>
</tr>
</table>
</div>
</td>
</table>
</td>
</tr>
<tr>
<td>
<div id="contenu">
<h1> Lettre d'actualité du mois de septembre </h1>
<p> Le texte commence ici </p>
</div>
</td>
</tr>
<tr>
<td>
<div id="footer">
<strong>
<b>
Toute l'&eacute;quipe de l'ODS vous remercie pour vos
observations&nbsp;!<br />
A bientôt ! <br />
L'équipe de l'Observatoire Des Saisons <br />
</b>
</strong>
<p class="liens-autres">
Rejoignez-nous sur <a target="_blank" href="https://www.facebook.com/pages/Observatoire-des-Saisons/167300616656493">Facebook</a> ou <a target="_blank" href="https://twitter.com/ObservSaisons">Twitter</a> et envoyez nous vos actualités, <br />
initiatives régionales en rapport avec les saisons ou l'ODS par mail: contact@obs-saisons.fr
<br />
Si vous souhaitez vous désabonner de la lettre d'actualité, <br />
rendez vous sur le site de l'<a href="http://www.obs-saisons.fr">ODS</a>, allez dans votre profil et décochez « abonnement à la lettre d'actualité ».
<br />
</p>
<div id="bandeau-footer">
<img src="http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-bas.png" />
</div>
</div>
</td>
</tr>
</table>
</div>
<a target="_blank" title="Aller sur le site de tela botanica" href="http://www.tela-botanica.org"><img src="http://www.obs-saisons.fr/themes/ods/logo_tela.png" alt="logo tela botanica" title="Tela Botanica" class="petit_logo_tela"></a>
<a target="_blank" title="Aller sur le site du gdr" href="http://www.gdr2968.cnrs.fr/"><img src="http://www.obs-saisons.fr/themes/ods/logo_cnrs.png" alt="logo cnrs" title="cnrs" class="petit_logo_cnrs"></a>
</div>
 
<div id="contenu">
<h1> Lettre d'actualité du mois de septembre </h1>
<p> Le texte commence ici </p>
</div>
 
<div id="footer">
<strong>
<b>
Toute l'&eacute;quipe de l'ODS vous remercie pour vos
observations&nbsp;!<br />
A bientôt ! <br />
L'équipe de l'Observatoire Des Saisons <br />
</b>
</strong>
<p class="liens-autres">
Rejoignez-nous sur <a target="_blank" href="https://www.facebook.com/pages/Observatoire-des-Saisons/167300616656493">Facebook</a> ou <a target="_blank" href="https://twitter.com/ObservSaisons">Twitter</a> et envoyez nous vos actualités, <br />
initiatives régionales en rapport avec les saisons ou l'ODS par mail: contact@obs-saisons.fr
<br />
Si vous souhaitez vous désabonner de la lettre d'actualité, <br />
rendez vous sur le site de l'<a href="http://www.obs-saisons.fr">ODS</a>, allez dans votre profil et décochez « abonnement à la lettre d'actualité ».
<br />
</p>
</div>
</body>
</html>
/trunk/documents/mails/lettre_actu_modele.tpl.html
New file
0,0 → 1,118
<html>
<head>
 
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
#header {
height: 175px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-color: #FFFFFF;
}
 
.automne {
background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-automne.png") no-repeat scroll transparent;
}
 
.printemps {
background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-printemps.png") no-repeat scroll transparent;
}
.ete {
background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-ete.png") no-repeat scroll transparent;
}
.hiver {
background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-hiver.png") no-repeat scroll transparent;
}
 
body {
width: 955px;
margin: auto;
background-color: #C6B895;
}
 
#contenu {
padding: 5px;
background-color: #FFFFFF;
min-height: 250px;
}
 
.petit_logo_tela {
margin-left: 62px;
position: relative;
top: -35px;
width: 43px;
}
 
.petit_logo_cnrs {
margin-left: 5px;
position: relative;
top: -28px;
width: 35px;
}
 
#logo-floater {
padding-left: 20px;
padding-top: 1px;
}
#footer {
background: url("http://www.obs-saisons.fr/themes/ods/images/bandeaux/bandeau-bas.png") no-repeat scroll 50% 135px #ffffff;
clear: both;
height: 240px;
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align: bottom;
width: 955px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
 
.liens-autres {
font-size: 0.8em;
color: #888;
}
</style>
</head>
<body>
 
<div class="automne" id="header">
<div id="logo-floater">
<h1>
<a target="_blank" title="Aller sur le site d'observatoire des saisons" href="http://www.obs-saisons.fr">
<img id="logo" alt="logo observatoire des saisons" src="http://www.obs-saisons.fr/themes/ods/logo.png">
</a>
</h1>
</div>
<a target="_blank" title="Aller sur le site de tela botanica" href="http://www.tela-botanica.org"><img src="http://www.obs-saisons.fr/themes/ods/logo_tela.png" alt="logo tela botanica" title="Tela Botanica" class="petit_logo_tela"></a>
<a target="_blank" title="Aller sur le site du gdr" href="http://www.gdr2968.cnrs.fr/"><img src="http://www.obs-saisons.fr/themes/ods/logo_cnrs.png" alt="logo cnrs" title="cnrs" class="petit_logo_cnrs"></a>
</div>
 
<div id="contenu">
<h1> Lettre d'actualité du mois de septembre </h1>
<p> Le texte commence ici </p>
</div>
 
<div id="footer">
<strong>
<b>
Toute l'&eacute;quipe de l'ODS vous remercie pour vos
observations&nbsp;!<br />
A bientôt ! <br />
L'équipe de l'Observatoire Des Saisons <br />
</b>
</strong>
<p class="liens-autres">
Rejoignez-nous sur <a target="_blank" href="https://www.facebook.com/pages/Observatoire-des-Saisons/167300616656493">Facebook</a> ou <a target="_blank" href="https://twitter.com/ObservSaisons">Twitter</a> et envoyez nous vos actualités, <br />
initiatives régionales en rapport avec les saisons ou l'ODS par mail: contact@obs-saisons.fr
<br />
Si vous souhaitez vous désabonner de la lettre d'actualité, <br />
rendez vous sur le site de l'<a href="http://www.obs-saisons.fr">ODS</a>, allez dans votre profil et décochez « abonnement à la lettre d'actualité ».
<br />
</p>
</div>
</body>
</html>