Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
Here ya go: http://www.mediafire.com/?fg67lmsm85mxc7w

Also, I'm not sure why people aren't seeing caller ID. I still see name/number whenever someone calls me.


If you are using my version of the code, then it's already using the default background--the one that is in Settings, the official apple setting one.

hey man Good Job!!, do you always need to respring in order to update the background after setting it in Settings>Wallpaper !?
 
thanks claude for your awesome tweaked version

im using it and i changed some of the script to my liking

i also changed the weather icons to the htc set

thanks again!

How can i change the icons!?!?!

THANKS!
 
crap everytime i come into this thread i end up changing my lockscreen again....Claude you came up with something so unique i love it!

i tweaked some things for my liking but i got it all going nicely....

i noticed a few probs with icons where you have snow pointing to cloudy,so i changed up some of the code for a few of the weather descriptions...maybe you dont get snow where you are so you dont worry..lol

here is my latest thanks to this thread!
 

Attachments

  • Slanted_custom.PNG
    Slanted_custom.PNG
    1 MB · Views: 78
Here ya go: http://www.mediafire.com/?fg67lmsm85mxc7w

Also, I'm not sure why people aren't seeing caller ID. I still see name/number whenever someone calls me.


If you are using my version of the code, then it's already using the default background--the one that is in Settings, the official apple setting one.

hey claude,

I just downloaded ur slanted theme and uploaded to it my iphone4, but it doesnt look the same as your screen shot. I was wondering if you could help me out.
 

Attachments

  • IMG_0751.PNG
    IMG_0751.PNG
    447.4 KB · Views: 94
Claude,got a question.....


when i respring,the weather reverts back to about 2 hours ago....giving me the sunny icon and higher temp....while its now dark,and clear....

it was updated fine,then when i resprung it went back to sunny...

then it seems to take the full 35 mins to update as that is what is set in interval.

any ideas?

thanks
 
hey claude,

I just downloaded ur slanted theme and uploaded to it my iphone4, but it doesnt look the same as your screen shot. I was wondering if you could help me out.


I went into the JS file,and i edited each day to 3 or 4 letters...IE: mon,tues,wed,thurs,fri,sat,sun. this helps with day running off page

i did same with months....jan,feb,march,apr,may,june,july,aug,sept,oct,nov,dec.

like this below:

/**********************
TIME + DATE
***********************/
armonth = new Array("Jan", "Feb", "Mar", "Apr", "May", "June", "July", "Aug", "Sept", "Oct", "Nov", "Dec");
arday = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");


this helps with month running off,im sure you can move things over to left to make the entire day or month fit but IMO I like the look better of abbreviated days,months.

I also made things less opaque too.....love this slanted theme,very very unique claude!

I love how Claude made the clock not show the ZERO when its a single digit hour...and when it went to 10pm i was happy to see it was able to use 2 digits and moved clock over to right enough to center it!.....great job Claude!

screenshot with 2 digit hour now!
 

Attachments

  • slantedhour.PNG
    slantedhour.PNG
    1 MB · Views: 100
I went into the JS file,and i edited each day to 3 or 4 letters...IE: mon,tues,wed,thurs,fri,sat,sun. this helps with day running off page

i did same with months....jan,feb,march,apr,may,june,july,aug,sept,oct,nov,dec.

like this below:

/**********************
TIME + DATE
***********************/
armonth = new Array("Jan", "Feb", "Mar", "Apr", "May", "June", "July", "Aug", "Sept", "Oct", "Nov", "Dec");
arday = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");


this helps with month running off,im sure you can move things over to left to make the entire day or month fit but IMO I like the look better of abbreviated days,months.

I also made things less opaque too.....love this slanted theme,very very unique claude!

I love how Claude made the clock not show the ZERO when its a single digit hour...and when it went to 10pm i was happy to see it was able to use 2 digits and moved clock over to right enough to center it!.....great job Claude!

screenshot with 2 digit hour now!

can you upload this somewhere?
 
I went into the JS file,and i edited each day to 3 or 4 letters...IE: mon,tues,wed,thurs,fri,sat,sun. this helps with day running off page

i did same with months....jan,feb,march,apr,may,june,july,aug,sept,oct,nov,dec.

like this below:

/**********************
TIME + DATE
***********************/
armonth = new Array("Jan", "Feb", "Mar", "Apr", "May", "June", "July", "Aug", "Sept", "Oct", "Nov", "Dec");
arday = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");


this helps with month running off,im sure you can move things over to left to make the entire day or month fit but IMO I like the look better of abbreviated days,months.

I also made things less opaque too.....love this slanted theme,very very unique claude!

I love how Claude made the clock not show the ZERO when its a single digit hour...and when it went to 10pm i was happy to see it was able to use 2 digits and moved clock over to right enough to center it!.....great job Claude!

screenshot with 2 digit hour now!

awsome! thanks
 
hey man Good Job!!, do you always need to respring in order to update the background after setting it in Settings>Wallpaper !?

Yeah.. It's kinda inconvenient, but at least u don't have to SSH into the phone. ^^;;

hey claude,

I just downloaded ur slanted theme and uploaded to it my iphone4, but it doesnt look the same as your screen shot. I was wondering if you could help me out.

What you have is, in fact, my latest version. I'm running that exact layout... minus the background. I had purposely made the time text bolded and digit spacing closer, so it won't fall off screen. The month and day are meant to be full words so it can run off the screen. You still get the important 3 leading letters always as if I had trim them down to just 3 letters.

Claude,got a question.....


when i respring,the weather reverts back to about 2 hours ago....giving me the sunny icon and higher temp....while its now dark,and clear....

it was updated fine,then when i resprung it went back to sunny...

then it seems to take the full 35 mins to update as that is what is set in interval.

any ideas?

thanks

Hmm, I'm not entirely sure of the cause. It could be how the iphone runs the script, or how the weather feeds the data to the phone... I'm pretty confident the weather script is retrieving data properly, though... I may give the yahoo weather the same treatment as the accuweather... Just a bit lazy right now. lol

Also, thanks for all the good words. You know, you don't have to use my theme... it was meant as an example. Go make some nice themes so I can ninja off you! :D:D
 
Yeah.. It's kinda inconvenient, but at least u don't have to SSH into the phone. ^^;;


ok Great it doesnt matter im just lazzy sometimes hehehehe

can you please tell me how to:
-eliminate the seconds
-put the "AM-PM" in the middle of the 2 dots > ( 12>:<00 ) like it was on the previous versions
-add the zero "0" to the hours 1-2-3-4....

and also those 2 dots doesnt have shadows like the rest of the letters, any reason for that?, any way to add it?

heres your setup , tweaked a little bit...
photof.png

THANKS!!
 
oh and if anyone knows how to change the color of the things in the status bar (hour-battery % and icon, at&t letters and signal strength) let me know
 
Could someone tell me how to simply change the color of the >> Icons from green to another color? I went into edit them myself to black and it worked but for some reason there's a big white box around them now. Any help ?
 
Added seconds...what do yall think?

68c1e3a9.jpg

Anybody have the slider for 3gs. I deleted @2x from file name and resized the images by 1/2, but the slider seems to be off in alignment.

Also, any chance at a version without the seconds?

Absolutely awesome lockscreen. Not sure how it will treat the battery :)
 
Ok folks. You asked for it, so here it is... yahooweather and accuweather in one package.

Heh, the yahooWeather script is A LOT simpler and cleaner than the accuWeather script... I think that's why it was more reliable for you guys. But not anymore! Both scripts should perform nearly the identical amount of computation, so if it's not accurate... it's the source's fault!!! lol In fact, I've consolidated and make them share similar functions that used to exist in both scripts.

The configuration is either "yahooWeather" or "accuWeather" for the source.

Here's the full package including the theme I'm currently using:
LockMS_Claude_YAW
(Yahoo-Accu-Weather) <-- so creative naming right? lol ^^
 
Only problem I'm having is when the day extends over the Day#, it seems to appear behind it, rather than on top but its nothing too big of a deal.
 

Attachments

  • IMG_0386.jpg
    IMG_0386.jpg
    216.9 KB · Views: 850
Only problem I'm having is when the day extends over the Day#, it seems to appear behind it, rather than on top but its nothing too big of a deal.

Use z-index to order their layering.

example:
Code:
div#datebox {
z-index:1;
}

div#daybox {
z-index:2;
}

That would display daybox on top of datebox.
 
Use z-index to order their layering.

example:
Code:
div#datebox {
z-index:1;
}

div#daybox {
z-index:2;
}
That would display daybox on top of datebox.
It is like that.
PHP:
/* FRIDAY*/
#DaySContainer{
  position: absolute;
  top: 300px;
  left: 15px;
  font-size: 15px;
  width: 100;
  z-index: 2;
}
#DaySTextContainer{
  position: absolute;
  top: 250px;
  left: 130px;
  font-family: Helvetica Neue;
  margin: auto;
  color:#ffdc92;
  font-size: 25px;
  font-weight:400;
  width: 100;
  z-index: 2;
}

/* 20 */
#DayNContainer{
  position: absolute;
  top: 260px;
  left: 150px;
  font-size: 40px;
  width: 100;
  z-index: 3;
}
 
It is like that.
PHP:
/* FRIDAY*/
#DaySContainer{
  position: absolute;
  top: 300px;
  left: 15px;
  font-size: 15px;
  width: 100;
  z-index: 2;
}
#DaySTextContainer{
  position: absolute;
  top: 250px;
  left: 130px;
  font-family: Helvetica Neue;
  margin: auto;
  color:#ffdc92;
  font-size: 25px;
  font-weight:400;
  width: 100;
  z-index: 2;
}

/* 20 */
#DayNContainer{
  position: absolute;
  top: 260px;
  left: 150px;
  font-size: 40px;
  width: 100;
  z-index: 3;
}

It sounds to me like you want the word "Wednesday" to go ON TOP of the number "25". If that is the case, then you need to switch the z-index values 2 to 3 and 3 to 2. The higher number goes on top.
 
ok Great it doesnt matter im just lazzy sometimes hehehehe

can you please tell me how to:
-eliminate the seconds
-put the "AM-PM" in the middle of the 2 dots > ( 12>:<00 ) like it was on the previous versions
-add the zero "0" to the hours 1-2-3-4....

and also those 2 dots doesnt have shadows like the rest of the letters, any reason for that?, any way to add it?

THANKS!!

To eliminate the seconds, just go into the javascript file and put "//" in front of this line:
document.getElementById('secondsbox').innerHTML = se;

As for AM-PM in the middle of the dots... that's going to take some CSS positioning.

To add zero to hours... find this chunk of code:
Code:
if(hr<12){
	am_pm='AM';
	if(hr==0){hr=12;}
}
else {
	am_pm='PM';
	if(hr>21){hr=hr-12;}
	else if(hr>12){hr=(hr-12);}
}

and replace it with this chunk of code:

Code:
if(hr<12){
	am_pm='AM';
	if(hr==0){hr=12;}
        else if(hr<10){hr='0'+hr;}
}
else {
	am_pm='PM';
	if(hr>21){hr=hr-12;}
	else if(hr>12){hr='0'+(hr-12);}
}

Lastly... the two dots you see are not actual texts, but are html elements... The hour and minutes are generated separately as I intend to give maximum flexibility in positioning them individually. It would take some javascripting, html, and css to convert it back to just spitting out "hr:mn". With that said, it also takes a bit of CSS to fake the shadows on the dots. :)
 

Attachments

  • IMG_0199.PNG
    IMG_0199.PNG
    863.6 KB · Views: 88
It sounds to me like you want the word "Wednesday" to go ON TOP of the number "25". If that is the case, then you need to switch the z-index values 2 to 3 and 3 to 2. The higher number goes on top.
I want your babies.
 

Attachments

  • IMG_0403.PNG
    IMG_0403.PNG
    1.1 MB · Views: 95
ok Great it doesnt matter im just lazzy sometimes hehehehe

can you please tell me how to:
-eliminate the seconds
-put the "AM-PM" in the middle of the 2 dots > ( 12>:<00 ) like it was on the previous versions
-add the zero "0" to the hours 1-2-3-4....

and also those 2 dots doesnt have shadows like the rest of the letters, any reason for that?, any way to add it?

heres your setup , tweaked a little bit...
photof.png

THANKS!!

I'm digging the larger font size and how the weather icons stand out more. Is it possible for you to post up your files?
 
I'm digging the larger font size and how the weather icons stand out more. Is it possible for you to post up your files?

Eeehh i guess I can upload it, but it haves to be later on the afternoon/night cause I'm at work right now...
 
Ok folks. You asked for it, so here it is... yahooweather and accuweather in one package.

Heh, the yahooWeather script is A LOT simpler and cleaner than the accuWeather script... I think that's why it was more reliable for you guys. But not anymore! Both scripts should perform nearly the identical amount of computation, so if it's not accurate... it's the source's fault!!! lol In fact, I've consolidated and make them share similar functions that used to exist in both scripts.

The configuration is either "yahooWeather" or "accuWeather" for the source.

Here's the full package including the theme I'm currently using:
LockMS_Claude_YAW
(Yahoo-Accu-Weather) <-- so creative naming right? lol ^^

Thanks! Yahoo script was huge for me!
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.