Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
TJone, can you help guide me as to how to change the clock format to 12 hour? In the LockBackground.html I see this line:

// Convert the hours component to 12-hour format if needed



currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

But I'm unsure as to how to change it so the clock is in the 12 hour format as opposed to 24 hour.

Also, if you could direct me to where I can change the position of the clock, I'd appreciate it. Right now it's a bit too high (too close to the status bar) and there's a bit of an odd spacing between it and the date. I'd like to move the clock down and try and make the spacing equal.

I just checked and it looks like you have it set correctly for 12 hour format. I am not sure why it is not displaying in 12 hour format if that is how you have it. I guess you can try copying that section where it refers to 12 hour format from the LockBackground.html file I just posted and paste it into your original file after deleting that section from your file.

I am not sure how to move the clock down. I think some code may need to be added but I am not sure where. I will see if I can figure this out later and let you know what I find.
 
Hi
Love what you have done great look.:)
It is great to see folks helping each other out and sharing
Thanks
Thank you. It is easy when someone else has done 99% of the work for me. :) Thanks for posting all these great themes.
 
I don't know if you fixed this but I had this issue too. I'm assuming it's the icon for the calendar info. Check to see if the calendarh.png file is lowercased. If the C is upper case, change it and it should fix the icon problem.

correct my mistake the cal icon in images should be with small c
Thanks
 
I tried playing around with this LS widget of yours. Managed to change size and color of the clock, but can't seem to move the clock down a bit, and also can't change it to 12 hr. instead of 24 hr. format. Can you please help.

Thank you for sharing all your work btw.

I just checked and it looks like you have it set correctly for 12 hour format. I am not sure why it is not displaying in 12 hour format if that is how you have it. I guess you can try copying that section where it refers to 12 hour format from the LockBackground.html file I just posted and paste it into your original file after deleting that section from your file.

I am not sure how to move the clock down. I think some code may need to be added but I am not sure where. I will see if I can figure this out later and let you know what I find.

To lower the clock you need to Edit the LockBackground.html

Scroll Down to
<table style="position: absolute;top: 13px; left: 0px; width: 320px; height: 461px;z-index: 12">



<tr align="center" valign="top" border="0" cellpadding="0">

<td height="12" valign="top" margin-left="20" >

<span id="clock">

Where it says
absolute;top: 13px; change 13 to a HIGHER number Example 30

save and replace file back into Theme and respring if the clock is to high or still to low change it untill you get it how you want it

Here id the 12hr Download http://www.box.net/shared/68xlk6l250
 
Thanks Lexs- I just tried those changes too for moving the clock and it worked perfectly.
 
A few of you have PM''d me asking for vertical notifications

This Download will give you that http://www.box.net/shared/6eaqsbzbg0
Put this file into Bundles
this gives you the white/original images shown in the shot above
if you want to use other icons just replace them with yours in images

I have named the file com.ashman.Lockinfo Vert

Remove the vert from name

Hi,

I only need call and messaging notifications so I've tried editing your files but I can't get it to work exactly as I want/need. At best I've managed to disable the others but I can't work out how to centre the ones i want - they keep their alignment just left of centre >.<. Any shortcuts or tips?

Thanks,

B
 
Last edited:
Hi,

I only need call and messaging notifications so I've tried editing your files but I can't get it to work exactly as I want/need. At best I've managed to disable the others but I can't work out how to centre the ones i want - they keep their alignment just left of centre >.<. Any shortcuts or tips?

Thanks,

B

What you need to do is go to Bundles/css/and Edit structure .css

margin:0;

padding:16;

padding-top:100;


padding moves them to the right so increase the 16

padding-top moves them up and down (INCREASE or Decrease the 100)

Also remember if you have scrolling on in Lockinfo this will move them up
and down
When you have it sorted turn scrolling off
 
A very quick Example

I have moved to


margin:0;

padding:86;

padding-top:300;

And the Notifications are further right and down the bottom

I hope this helps you

fzbseo.png
 
Thanks Lexs- I just tried those changes too for moving the clock and it worked perfectly.

glad it is sorted :)

Thank you. It is easy when someone else has done 99% of the work for me. :) Thanks for posting all these great themes.

You are very welcome


Thank you so much for the help, LEXS and TJone! I love this thread, haha. So many amazing lockscreens that I'm constantly changing, but man is it fun!

Glad we can help Yep that is what it's all about

Having Fun/sharing and learning:D
 
Love the LockInfo notifications Lexs! How do I adjust spacing between the lines? Using the original one you posted, not the vert one. Also, any chance this can work with the Todo plugin? Thanks!
 
LEXS, I had another question I'm hoping you can help me with.

I've been tinkering with both your original version of 4Day and TJone's modified version (they're both GREAT!) One thing I've noticed, however, is the "slashes" between the hi/lo temps on the forecast days is slightly off. It's moved over toward the low temp a bit too much.

I was thinking, I don't mind just removing them so there's no slash between the hi/lo but I'm not sure where to do this. Can you point me in the right direction?

Original (with some weather icon mods by another member):

ec7449f5.jpg


TJone's modified version (and TJone...it seems the 12-hour clock IS working now, so I'm very happy about that!):

bc595c6d.jpg


Thanks for your help and the wonderful lockscreens!
 
Winter/Christmas Themed

Season and Holiday change to my G.O.C. HD themed iPhone 4. Just keeping it fresh and showing my current winter themed and soon to be Christmas themed using G.O.C. HD.

The Wallpaper and others are posted HERE
 

Attachments

  • 007.PNG
    007.PNG
    1,015.8 KB · Views: 71
  • 002.jpg
    002.jpg
    120.7 KB · Views: 61
LEXS, I had another question I'm hoping you can help me with.

I've been tinkering with both your original version of 4Day and TJone's modified version (they're both GREAT!) One thing I've noticed, however, is the "slashes" between the hi/lo temps on the forecast days is slightly off. It's moved over toward the low temp a bit too much.

I was thinking, I don't mind just removing them so there's no slash between the hi/lo but I'm not sure where to do this. Can you point me in the right direction?

Original (with some weather icon mods by another member):

ec7449f5.jpg


TJone's modified version (and TJone...it seems the 12-hour clock IS working now, so I'm very happy about that!):

bc595c6d.jpg


Thanks for your help and the wonderful lockscreens!

You are Welcome Looking good :)

The slash / between the Hi/Lo to move over Edit LockBackground.html

These lines

<p style="display:block;position: absolute; top: 141px;left:125px;width: 30px;color: white;font-size:12px;" id="jour1" >/</p>



<p style="display:block;position: absolute; top: 141px;left:195px;width: 30px;color: white;font-size:12px;" id="jour2" >/</p>



<p style="display:block;position: absolute; top: 141px;left:268px;width: 30px;color: white;font-size:12px;" id="jour2" >/</p>

On each line you will need to move left px

Example
left:125px may be 126 or 127px
Do the same with each line moving it 1 or 2px
 
You are Welcome Looking good :)

The slash / between the Hi/Lo to move over Edit LockBackground.html

These lines

<p style="display:block;position: absolute; top: 141px;left:125px;width: 30px;color: white;font-size:12px;" id="jour1" >/</p>



<p style="display:block;position: absolute; top: 141px;left:195px;width: 30px;color: white;font-size:12px;" id="jour2" >/</p>



<p style="display:block;position: absolute; top: 141px;left:268px;width: 30px;color: white;font-size:12px;" id="jour2" >/</p>

On each line you will need to move left px

Example
left:125px may be 126 or 127px
Do the same with each line moving it 1 or 2px

Thanks, LEXS. I was looking through LockBackground.html today and THOUGHT that might be it, but I wasn't sure so I thought it best to wait for your advice before I screwed something up royally...lol.

Thanks! :D
 
Lockscreen Elephants + Notifications and Slider

264gqk5.png


This Download is for the Lockscreen only

http://www.box.net/shared/r65mq105n6

This Download is for the Notifications Calls,Sms,Cal,Mail

http://www.box.net/shared/9hce11388b

If you want the Notifications just place the ABOVE file into Bundles in the first
Download and respring

I have done it separate so you can decide with or without Notifications

You will find the wallpaper in the first file (If you want it):)

To select wallpaper go to Photo's on iPhone

Enjoy :)

Lexs, how do I change the time to 12 hr. format. I tried messing with the LockBackground.html file using another LS widget as an example but can't get it to work. Please help.
 
7f9a6b4b.jpg



Where did you get the bottom lock screen???? i would lyk this lockscreen. i downloaded the wallpaper but i need the rest. thnx.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.