Lockscreen: LockMS - Rough Draft Release

[dgstan]

Where is Claude's weather add on? I cannot find it in this thread.

Thanks!

Look a little further up the thread. It's at post #470.

 

[i11i1i]

I know things have gotten a bit crazy in here (I've loaded like 9 different versions of this on my phone).

Wondering if anyone has the zip file for the following customization:

-original white text/black background
-elements on top
-day of the week fits on the screen
-tap to unlock (visible)


Anyone have this? I can no longer find it in this massive thread and I accidentally deleted it from my macbook.

 

[Claude626]

BTW - When using Claude's weather, I found the default source to be completely inaccurate. For example: this morning around 9am, it still said it was night, not to mention, it's been consistently reporting about 5 degrees cooler than reality. If you find you're having the same type of problems, simply change the source of the weather info to his alternate source of Yahoo Weather.

var source = 'yahooWeather'; //'appleAccuweatherStolen'|'yahooWeather'

Then for the locale, simply enter your zipcode.

var locale = "92679"; //e.g. 'Defiance, Ohio'|'Moscow, Russia'|'Ledyard, AT'|'London, UK'|"USNY0996"|"Wurzburg, DE"

I have found this source to be much more accurate.

I just want to say that the weather is not mine, so I should take no credit in it. I simply take what was posted earlier in the thread and deploy it into my text-only version of the HTML file.

With that said, I find the weather script a bit too unreliable, so I have removed it from the theme I'm using.

 

[t4citurn]

My latest effort, the weather is a bit of a miss and go:

 

[Zord]

so i'm finding this in Cydia but when i try to download, it won't install.

Any idea why not?

 

[NocturnalEVO]

I don't know which version of the code you're using, but it looks like the old one that uses png files to define the time/date, then you will need to edit each png to add the dropshadow.

However, if you are using Claude's updated text-based version, it's easy to modify the style of the text. For example:

	div#hourbox {
		position:absolute;
		left:5px; 
		top:0px; 
		font-size:170px;
		line-height:170px;
		color:#fff;
		[B]text-shadow: 3px 3px 3px #000000;[/B]
	}

The "3px" entries define the size of the shadow and the "#000000" is the color (black in this case).

why does "3px" show up 3 times?

also if you don't mind, can you tell me which post # has this theme so I can use the text-based version and not .png's?

 

[dgstan]

why does "3px" show up 3 times?

also if you don't mind, can you tell me which post # has this theme so I can use the text-based version and not .png's?

I don't know why it's there three times. I just saw it on the internet and it seemed to work. Another way I see it being done is:

		text-shadow: rgba(0,0,0,0.7) 0 0 2px;

Also, Claude's latest version can be found in post #470.

 

[RetiredInFl]

Settings>lockinfo>lockscreen>layout

There's a slider bar at the bottom for the position, slide it to the right to move the info downwards.

Thanks! I knew it was there. Must have missed it 12 times.

 

[Claude626]

why does "3px" show up 3 times?

also if you don't mind, can you tell me which post # has this theme so I can use the text-based version and not .png's?

First 3px: shifts shadow right by 3 pixels.
Second 3px: shifts shadow down by 3 pixels.
Third 3px: defines how blurry the shadow is.
The hex color value defines the color of the shadow.

You can also use negative values to define the shadows shifting direction.

 

[Ctt713]

I am getting everything set up fine with the normal clock but when I add the weather add on I am getting a weird background different from the one with lockms. It is neither my lockscreen or background but it is in my picture collection. Any way to change the wallpaper in the weather add on because it is fine with just the lockms

 

[theNEOone]

Thanks again for all the contributions to this thread!!!

Can someone help identify which settings in the stylesheets.css file I need to change to move the position of the weather icon? I changed the px size to 100px (instead of 128), but now the alignment is a little screwy. I'd like to move the weather icon down and to the left.

Thanks!

=|

Edit: Found it. It turns out I was manipulating the wrong margins.

Now using:

#weatherIcon{
height: 128px;
width: 128px;
float: right;
border: none;
padding: 15px 15px 5px 10px; [top right bottom left]
margin: 0 0px 0 10px;

Old:

New:

 

[xcel360]

Need some help. I moved everything up right under the weather and now i cant find how tomove the time part to under the month any help would be greatly appreciated!

 

[t4citurn]

Need some help. I moved everything up right under the weather and now i cant find how tomove the time part to under the month any help would be greatly appreciated!

You need to do it in the stylesheets for the TimeContainer!

 

[xcel360]

You need to do it in the stylesheets for the TimeContainer!

Thanks! That did it!

 

[usedbert]

I got it working. I wasn't doing anything wrong, that image just didn't want to work for some reason. Every other background I tried worked like a charm.

 

[kre62]

Any luck on modifying that weather widget, claude? If not can you post your new theme sans weather?

 

[ROCKERDAN]

I want to thank dgstan for letting me use his re-designed theme of this awesome lockscreen!

i got it all working....looks great.

If anyone else has the issue of a CLOUDY day showing up as sunny with one cloud,you need to go into weatherwidget/yahooweather.js and change where it says cloudy on right,to the coinsiding left part to say cloudy5. currently it says cloudy1 which is not correct.

also if you choose Tango like me for icon set...you will want to add cloudy3,cloudy3_night,cloudy4,cloudy4_night and cloudy 5.

for some reason in my iconsets,the klear had all icons but tango was missing many....so i just copied them out of the TICK icons.


one more request from DGSTAN,anychance you can make the SECONDS in small text near clock somehow?...id love to have a second hand/ticking seconds live on lockscreen,too cool!

here are some screenshots,i have lockinfo working to popup missed calls,notifiys,Vms,SMS and emails only when they come in,so they are colapsed by default.

Love how my weathericon is shooting Lightning out of it!!!!...its the perfect wallpaper IMO! love it!

 

[scirica]

Here's what I've currently got. I modified the text colors to match my new background, but you can change it back easily enough.


http://hotfile.com/dl/63863171/f0dc887/LockMS.zip.html

dgstan:

I loaded your theme (it's perfect for me) but for the life of me I cannot change the weather setting to my locale. I've tried switching to yahooWeather and using my local code (USTX0461), and I've also tried using the default and typing Flower Mound, Texas. Neither is getting me past the "Loading..." on the weather section. Any help?

Just as an FYI, my zip is 75028. Is there one config that should work?

 

[dgstan]

dgstan:

I loaded your theme (it's perfect for me) but for the life of me I cannot change the weather setting to my locale. I've tried switching to yahooWeather and using my local code (USTX0461), and I've also tried using the default and typing Flower Mound, Texas. Neither is getting me past the "Loading..." on the weather section. Any help?

Just as an FYI, my zip is 75028. Is there one config that should work?

Have you tried using your zip code for the locale? I think you have to surround it with double quotes too (").

The two lines should look like these.

var locale = "92679";

var source = 'yahooWeather';

 

[scirica]

Have you tried using your zip code for the locale? I think you have to surround it with double quotes too (").

The two lines should look like these.

var locale = "92679";

var source = 'yahooWeather';

I thought I had tried every combination, but to no avail. I tried one more time and it worked!

Thanks!

 

[Claude626]

Any luck on modifying that weather widget, claude? If not can you post your new theme sans weather?

Okay folks! As promised. I did a fair amount of testing and playing around with the weather script and its code... I think the code is fine as is, but I'm not sure why it kept crapping out... I can only venture a guess that it's doing too much for the iPhone or that its doing two AJAX calls too close to each other are hanging and timing out at some point...

With that, I did an almost complete rewrite of the weather script. Stripping out all the fat and unnecessary code--optimizing anywhere I can. I've also merged ALL scripts into a single js file, consolidated all CSS into a single CSS file. You can still set the desired CSS file in the script for possible personal tweaking(I'm looking at you, dgstan. ). Given we're on a limited resource device, we can use any corner cutting as possible. I've rebuilt the script entirely around the appleAccuweatherStolen source, so don't expect to just stick any source in there and expect to have it work. You may also disable the weather widget entirely. I've written it so it will pad your clock down properly after the weather is removed.

I'm not getting any crapping out, yet.(knocks on wood) Unlocking the phone and then locking it right away still works! I just realized that I've mangled the original LockMS to death... Entire clock was rewritten, weather has been rewritten... Not even sure if the original author still want this to be under his name... LOL

The layout is still this:

WITHOUT weather

WITH weather enabled EDIT: added text shadow.

And here's the download link!
LockMS_Claude_v2.zip

 

[Benji222]

^^^
I'd love to check it out and possibly use it but your pictures wont load so I cannot see it ???

 

[nguyenvn]

 

[ROCKERDAN]

resized things alittle on lockscreen...

still would love to add "seconds" to the clock somehow,anyone know how?

 

[scirica]

Like the description overlay. How did you do that?