J'ai un petit soucie. Comme j'ai en plus de la date, la météo, cela me décalle la météo vers le bas
<html>
<head>
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="Refresh" content="800; URL=Wallpaper.html"/>
<meta name="viewport" content="width=320" />
<base href="Private/"/>
<style type="text/css">
SPAN#clock
{
font-family: Helvetica;
color: orangered;
font-size: 35px;
font-style: bold;
text-shadow: 1px 1px 3px white;
}
SPAN#ampm
{
font-family: Helvetica;
color: #ffffff;
font-size: 15px;
font-style: bold;
}
TD#date
{
font-family: Helvetica;
text-align: center;
// color: orangered;
color: white;
font-style: bold;
text-shadow: 1px 1px 3px red;
}
.jour{
text-width: 85%;
}
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}
.labelfield{ /*CSS for label field in general*/
color: white;
font-size: 85%;
}
.textBlack2 {
font-size: 19px;
color: yellow;
font-style: italic;
font-style: bold;
text-shadow: 1px 1px 3px red;
}
</style>
<script type="text/javascript" src="configureMe.js"/>
<script type="text/javascript" src="Wallpaper.js"/>
<script type="text/javascript">
<!--
var this_weekday_name_array = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi")
var this_month_name_array = new Array("Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Decembre")
//predefine month names
var this_date_timestamp = new Date()
var this_weekday = this_date_timestamp.getDay()
var this_date = this_date_timestamp.getDate()
var this_month = this_date_timestamp.getMonth()
var this_year = this_date_timestamp.getYear()
if (this_year < 1000)
this_year+= 1900;
if (this_year==101)
this_year=2001;
var this_date_string = this_weekday_name_array[this_weekday] + " " + this_date + " " + this_month_name_array[this_month] //concat long date string
// -->
function init ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("clock").appendChild ( timeDisplay );
}
function updateClock ( )
{
var currentTime = new Date ( );
var currentHours = currentTime.getHours ( );
var currentMinutes = currentTime.getMinutes ( );
var currentSeconds = currentTime.getSeconds ( );
// Pad the minutes and seconds with leading zeros, if required
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
// Choose either "AM" or "PM" as appropriate
//var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
// Convert the hours component to 12-hour format if needed
//currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
// Convert an hours component of "0" to "12"
currentHours = ( currentHours == 0 ) ? 0 : currentHours;
// Compose the string for display
var currentTimeString = currentHours + ":" + currentMinutes;
// Update the time display
document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}
function init2 ( )
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("ampm").appendChild ( timeDisplay );
}
function amPm ( )
{
var currentTime = new Date ( );
var currentHours = currentTime.getHours ( );
// Choose either "AM" or "PM" as appropriate
//var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
// Convert the hours component to 12-hour format if needed
//currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
// Convert an hours component of "0" to "12"
currentHours = ( currentHours == 0 ) ? 0 : currentHours;
// Compose the string for display
var currentTimeString = timeOfDay;
// Update the time display
document.getElementById("ampm").firstChild.nodeValue = currentTimeString;
}
// -->
</script>
</head>
<body>
<table style="position:absolute; margin-top:73px; margin-left:23px"><td align="center"><span class="textBlack2"></span><span class="textBlack2"><script type="text/javascript" src="fetes.js"></script>
</span></td></table>
<body onload="onLoad()">
<table style="position: absolute; top: 25px; left: 23px;" cellspacing="0" cellpadding="0" align="left">
<tr align="center" valign="top" border="0" cellpadding="0">
<td height="10" valign="top">
<span id="clock">
<script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script></span><span id="ampm">
<script language="JavaScript">amPm(); setInterval('amPm()', 1000 )</script>
</span>
</td>
</tr>
<tr>
<td id="date" valign="top">
<script language="JavaScript">document.write(this_date_string)</script>
</td>
</tr>
</table>
<?xml version="1.0" encoding="UTF-16"?>
<html><head>
<base href="Private/"/>
<!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: transparent;
padding: 0;
margin: 232;
margin-top:10px;
margin-left:100px;
}
img.fade-out {
opacity: 0;
}
img.fade-in {
opacity: 1;
}
</style>
</head><body style="color: transparent">
<img id="one"/>
<script>
var images = ['ordi.gif'];
var index = 0;
var fade_in = one;
var fade_out = one;
fade_in.src = images[0];
fade_out.src = images[images.length - 1];
var fade = function () {
fade_in.src = images[index];
index = (index + 1) % images.length;
fade_in.className = 'fade-out';
fade_out.className = 'fade-in';
};
fade();
</script>
</body></html>
<div id="WeatherContainer">
<div id="TextContainer">
<p id="city">Recherche...</p>
<p id="temp">-º</p>
<p id="desc">-</p>
</div>
<img id="weatherIcon" src=""/>
</div>
</body></html>
