Awesome addition Stang! Mind sharing how you did that?
Please share, this is exactly what I have been tring to do
Instructions:
##################################################
Add the following inside the updateWeather method "else" condition in the Analock.js file:
##################################################
document.getElementById("fctodayday").innerHTML=wtrObj.todayDay;
document.getElementById("fctodhi").innerHTML=wtrObj.todayHigh+'°';
document.getElementById("fctodlo").innerHTML=wtrObj.todayLow+'°';
document.getElementById("fctodtext").innerHTML=wtrObj.todayText;
document.getElementById("fctodimage").setAttribute('src','images/weather/'+wtrImages[wtrObj.todayCode]+'.png');
document.getElementById("fctomorrowday").innerHTML=wtrObj.tomorrowDay;
document.getElementById("fctomhi").innerHTML=wtrObj.tomorrowHigh+'°';
document.getElementById("fctomlo").innerHTML=wtrObj.tomorrowLow+'°';
document.getElementById("fctomtext").innerHTML=wtrObj.tomorrowText;
document.getElementById("fctomimage").setAttribute('src','images/weather/'+wtrImages[wtrObj.tomorrowCode]+'.png');
#################################################
Add the following in LockBackground.html file in the last before closing the body tag:
#################################################
<div id="todayfc" style="width:150px;height:60px;position:absolute;
left:5px;top:360px;">
<table cellspacing="1" width="100%" cellpadding="0" border="0"
height="100%">
<tr height="1%"><td style="font:8pt Verdana;
font-weight:bold; overflow:hidden;" align="center" id="fctodayday">
</td></tr>
<tr height="99%"><td>
<table cellspacing="0" width="100%"
cellpadding="0" border="0" height="100%">
<tr>
<td width="40"><img
id="fctodimage" height="38" width="38" src="images/weather/dunno.png"
/></td>
<td>
<table cellspacing="0"
width="100%" cellpadding="0" border="0" height="100%">
<tr height="50%">
<td
style="font: 6pt Verdana;" align="center">HI: <span id="fctodhi"
style="font: 8pt verdana; font-weight:bold;"> </span> | LO: <span
id="fctodlo" style="font: 8pt verdana; font-weight:bold;">
</span></td>
</tr>
<tr height="50%">
<td
style="font: 6pt Verdana;" align="center"><span id="fctodtext">
</span></td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr>
</table>
</div>
<div id="tomorrowfc" style="width:150px;height:60px;position:absolute;
left:165px;top:360px;">
<table cellspacing="1" width="100%" cellpadding="0" border="0"
height="100%">
<tr height="1%"><td style="font:8pt Verdana;
font-weight:bold;" align="center" id="fctomorrowday"> </td></tr>
<tr height="99%"><td>
<table cellspacing="0" width="100%"
cellpadding="0" border="0" height="100%">
<tr>
<td width="40"><img
id="fctomimage" height="38" width="38" src="images/weather/dunno.png"
/></td>
<td>
<table cellspacing="0"
width="100%" cellpadding="0" border="0" height="100%">
<tr height="50%">
<td
style="font: 6pt Verdana;" align="center">HI: <span id="fctomhi"
style="font: 8pt verdana; font-weight:bold;"> </span> | LO: <span
id="fctomlo" style="font: 8pt verdana; font-weight:bold;">
</span></td>
</tr>
<tr height="50%">
<td
style="font: 6pt Verdana;" align="center"><span id="fctomtext">
</span></td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr>
</table>
</div>
##################################################
Add the following in Analock.css file in the last:
##################################################
#todayfc{
opacity:0.75;
color: #BBBBBB;
background-color: #333333;
-webkit-border-radius:10px;
}
#tomorrowfc{
opacity:0.75;
color: #BBBBBB;
background-color: #333333;
-webkit-border-radius:10px;
}
--------------------------------------------------------------
Respring once done... you are all set for it...
Thanks a ton for Andy L for this beautiful theme..