I used your code but have three issues.
1- the weather images overlap
2- details in forecast missing
3. changed by dot black to red and the config tool wont change it back
any ideas?
Oh I missed it. For point 1 you need to include the following in body style:
margin-top: -40px;
Not sure about the points 2 & 3
Sorry for my ignorance, but exactly where do I insert this?
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..
Stang thanks for the steps but I guess I am missing something? When I respring my forecast boxes show undefined. Any ideas on what I need to adjust?
Same issue here...I can't get it to work. I can't get any data, only undefined
I have an issue...when I go to the config file it shows everything but I can't select any options. Like there aren't any options to select under all the drop down menus...any ideas?
- Go to WinterBoard and disable AnalockHD or Analock HD, allow re-spring upon exiting WinterBoard
- Go to Settings > Safari > Databases and delete any AnalockHD database you find
- Go to Cydia -> Manage Packages -> Analock HD -> Modify -> Remove
- Go to Cydia -> Search -> 'Analock' -> Install Analock HD
- Enable AnalockHD via WinterBoard, re-spring
Andy, any chance of a white seconds hand please?
I'll do some updates on my themes in the coming weeks - I've got a lot of work to do with other freelance projects at the moment.
Andy, any chance of a white seconds hand please?
A little reminder for the above
Any chance of an all black version of Analock too Andy?
I'll do some updates on my themes in the coming weeks - I've got a lot of work to do with other freelance projects at the moment.
Andy,
I got a new iPhone and I'm trying to set the new background for the lock screen and it's not working. It remains solid black.
Any ideas?
No 'own wallpapers' in Winterboard from 4.1 onwards I'm afraid pal. It's the end of an era for Lockscreens!
To use your own wallpaper;
- Go to /Library/Themes/AnalockHD.theme and open up Analock.css
- At the top of that file, there is a background rule commented out, remove the /* and */ from the line
- Change 'LockBackground~inactive.png to 'Background.png' on the same line
- Now add your wallpaper to /AnalockHD.theme folder and call it 'Background.png'
The 3rd step is important, do not call it LockBackground.png.
Andy: "own" wallpapers works fine in 4.1. Perhaps from 4.2 on?
No 'own wallpapers' in Winterboard from 4.1 onwards I'm afraid pal. It's the end of an era for Lockscreens!
To use your own wallpaper;
- Go to /Library/Themes/AnalockHD.theme and open up Analock.css
- At the top of that file, there is a background rule commented out, remove the /* and */ from the line
- Change 'LockBackground~inactive.png to 'Background.png' on the same line
- Now add your wallpaper to /AnalockHD.theme folder and call it 'Background.png'
The 3rd step is important, do not call it LockBackground.png.
No 'own wallpapers' in Winterboard from 4.1 onwards I'm afraid pal. It's the end of an era for Lockscreens!
To use your own wallpaper;
- Go to /Library/Themes/AnalockHD.theme and open up Analock.css
- At the top of that file, there is a background rule commented out, remove the /* and */ from the line
- Change 'LockBackground~inactive.png to 'Background.png' on the same line
- Now add your wallpaper to /AnalockHD.theme folder and call it 'Background.png'
The 3rd step is important, do not call it LockBackground.png.
Serves me right for changing my wording and not re-reading. I meant AFTER 4.1 - so yes, 4.2 onwards. Thanks for picking that up.Andy: "own" wallpapers works fine in 4.1. Perhaps from 4.2 on?
Indeed, 4.1 is "where it's at".I think you're right because when Andy just launched the lockscreen, I was on 4.1 (look at the beginning of the thread) and you'll notice I posted plenty of pics with different backgrounds.
No problemThank you Andy! It's an added step but it works perfectly!
The exact same instructions worked for the guy above you - logic tells me you did something wrong or missed a step.I did these steps and still have the black lockscreen.. Any ideas?
No 'own wallpapers' in Winterboard from 4.1 onwards I'm afraid pal. It's the end of an era for Lockscreens!
To use your own wallpaper;
- Go to /Library/Themes/AnalockHD.theme and open up Analock.css
- At the top of that file, there is a background rule commented out, remove the /* and */ from the line
- Change 'LockBackground~inactive.png to 'Background.png' on the same line
- Now add your wallpaper to /AnalockHD.theme folder and call it 'Background.png'
The 3rd step is important, do not call it LockBackground.png.