En regardant de plus près le plug-in « Éphéméride » pour SARA je constate qu’il renvoi sur cette page PHP :
http://www.frenchiphone.com/sara/ephemeride/ephemeride.php
En affichant le code source de la page, il y a pas mal d’ionfo qui peuvent nous servir de point départ toujours dans l’optique de faire ça via le site WEB :
[code]
Test
body
{
color:#FFFFFF;
font-family:Verdana;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 0;
background-color:#000000;
width: 320px;
background-image:url(bg6.jpg);
background-repeat:no-repeat;
margin : 0 0 0 0;
}
a {
text-decoration:none;
}
#refresh
{
position:absolute;
margin-left:280px;
margin-top:-60px;
}
#heure_dyna
{
margin-top:22px;
margin-left:30px;
width:114px;
height:135px;
float:left;
}
#min_dyna
{
margin-top:22px;
width:114px;
height:135px;
margin-left:180px;
}
#city {
margin-left:5px;
margin-top:13px;
opacity:0.8;
max-width:320px;
position:absolute;
font-size:14px;
font-weight:bold;
color: #fff;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 0;
}
#forecast_header
{
margin-top:45px;
width:320px;
}
#gallery {
width:100%;
}
#slider li div {
margin-left:-40px;
}
#weather_timestamp {
visibility:hidden;
font-size:0px;
line-height:18px;
}
#weather_icon {
margin-left:0px;
}
#weather_temp {
margin-left:5px;
margin-top:-147px;
padding-left:5px;
padding-top:5px;
opacity:0.8;
position:absolute;
font-size:40px;
font-weight:bold;
color: #fff;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 0;
}
#weather_desc {
margin-left:5px;
padding-left:5px;
padding-top:5px;
margin-top:-98px;
opacity:0.8;
max-width:320px;
position:absolute;
font-size:16px;
font-weight:bold;
color: #fff;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 0;
}
#weather_temp1 {
padding-left:5px;
padding-top:5px;
margin-left:5px;
margin-top:-145px;
opacity:0.8;
position:absolute;
font-size:40px;
font-weight:bold;
color: #fff;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 0;
}
#weather_desc1 {
padding-left:5px;
padding-top:5px;
margin-left:5px;
margin-top:-98px;
opacity:0.8;
max-width:320px;
position:absolute;
font-size:16px;
font-weight:bold;
color: #fff;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 0;
}
#weather_temp2 {
padding-left:5px;
padding-top:5px;
margin-left:5px;
margin-top:-145px;
opacity:0.8;
position:absolute;
font-size:40px;
font-weight:bold;
color: #fff;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 0;
}
#weather_desc2 {
padding-left:5px;
padding-top:5px;
margin-left:5px;
margin-top:-98px;
opacity:0.8;
max-width:320px;
position:absolute;
font-size:16px;
font-weight:bold;
color: #fff;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 0;
}
#weather_temp3 {
padding-left:5px;
padding-top:5px;
margin-left:5px;
margin-top:-145px;
opacity:0.8;
position:absolute;
font-size:40px;
font-weight:bold;
color: #fff;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 0;
}
#weather_desc3 {
padding-left:5px;
padding-top:5px;
margin-left:5px;
margin-top:-98px;
opacity:0.8;
max-width:320px;
position:absolute;
font-size:16px;
font-weight:bold;
color: #fff;
text-shadow: rgba(0, 0, 0, 1) 1px 1px 0;
}
#position {
text-align:center;
font-size:27px;
color:#697279;
display:block;
position:absolute;
top:0;
left:50%;
margin-left:-75px;
width:150px;
}
#position em {
display:inline-block;
padding:0 3px;
font-style:bold;
text-shadow: 0 -1px 0 rgba(0,0,0,.35);
font-family:sans-serif;
}
#position em.on {
color:#fff;
}
#nav {
margin-top:-176px;
height:20px;
width:320px;
margin-left:auto;
matgin-right:auto;
position:absolute;
}
<script type="text/javascript">
<!--
function heurefc()
{
aujourdhui = new Date();
h = aujourdhui.getHours();
m = aujourdhui.getMinutes();
s = aujourdhui.getSeconds();
if(h<10)
{ h = '0'+h; }
if(m<10)
{ m = '0'+m; }
if(s<10)
{ s = '0'+s; }
heure = ‹ ›+h+‹ h ›+m+‹ ›;
if(document.getElementById)
{
var heure1 = h.toString();
heurediz = heure1.substr(0,1);
heureuni = heure1.substr(1,1);
var minute1 = m.toString();
minutediz = minute1.substr(0,1);
minuteuni = minute1.substr(1,1);
heuredizaine=« ![]()
»;
minutedizaine=« ![]()
»;
document.getElementById(« heure_dyna »).innerHTML = heuredizaine;
document.getElementById(« min_dyna »).innerHTML = minutedizaine;
}
else if(document.all)
{
document.all[« heure_dyna »].innerHTML = heure;
}
}
window.setInterval(« heurefc() »,1000);
//–>
Aujourd’hui :
Semaine
<script>
//Déclaration des deux dates nécessaires.
var dateCourante = new Date();
var dateDebutAnnee = new Date();
//On affecte à la date du début de l'année, le mois 1, le jour 1 et l'année courante
dateDebutAnnee.setDate(1);
dateDebutAnnee.setMonth(0);
dateDebutAnnee.setFullYear(dateCourante.getFullYear());
//On calcule la différence entre les deux dates. Le résultat étant en millisecondes, il faut convertir les millisecondes en jours
var quantieme = (dateCourante.getTime() - dateDebutAnnee.getTime()) / (24 * 3600 * 1000)+1;
num= Math.round(quantieme);
document.write(num);
document.write("ème jour de l'année</font>");
</script>
Chargement en cours...
Chargement en cours...
<li style='display:none'>
<div id="now1"></div>
<div id="weather_temp1">
</div>
<div id="weather_desc1"></div>
</li>
<li style='display:none'>
<div id="now2"></div>
<div id="weather_temp2">
</div>
<div id="weather_desc2"></div>
</li>
<li style='display:none'>
<div id="now3"></div>
<div id="weather_temp3">
</div>
<div id="weather_desc3"></div>
</li>
</ul>
••••
[/code]
Qu’en pense tu ?