Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
here's my current

bd3d0680.jpg
 
You edit the LockBackground.html file with either notepad(Win) or textedit(OSX). Just copy and paste what I had in the file and save it.

I just tried doing exactly this ^^

...and my lockscreen still looks like exactly this (noting that the only problem i'm trying to solve is having the AM/PM that belongs to the 12 hour clock come up on the 24-hour clock):

Here is a screenshot of my problem, I'm not sure I explained it well.

50d3eb5c.jpg


I have everything how I want it (in regards to the day/time fitting on the screen), except no matter how I try to edit LockBackground.html I cannot get it to back to a 12 hour clock.
 
Thank you for the gray slider! I now have everything exactly as I like. Love this lockscreen...thanks for the great group effort of this community. :D

c1874636.jpg
 
Alrighty, here's what I came up with this afternoon. The original AM/PM bug is fixed, updated the images for Retina Display, handled some of the text rendering more natively, and added a splash of color.

I'll keep an eye on this thread for bugs/questions/suggestions, so post away!

Download Here

24-hour Clock Edit Download Here: LockMS-24hr.theme.zip
Tap to Unlock Edit: Download Here: LockMS-TTU.theme.zip [Preview]
Invisible Tap to Unlock Edit: Download Here: LockMS-InvisiTTU.theme.zip

In the screenshot below I'm using LockInfo at the top, and also to hide Lock Clock and Lock Slider:
lYSsT.png


And here's the requested version with everything moved to the top. I tweaked a few of the heights and sizes to allow those of you using LockInfo the ability to still have it on the bottom, and not cover much up:

Top Edit (As Shown Below): Download Here: LockMS-TOP.theme.zip

Top Edit with 24-hour Clock Edit: Download Here: LockMS-TOP-24hr.theme.zip
Top Edit with Tap to Unlock Edit: Download Here: LockMS-TOP-TTU.theme.zip
Top Edit with Invisible Tap to Unlock Edit:Download Here: LockMS-TOP-InvisiTTU.theme.zipp

ZvIbe.png


Thanks everyone! I hope y'all enjoy this!


Is there any version elements moved down but a customised top slide to unlock ?
 
There are a number of people looking for the 12hour top clock with everything centered properly. I have done the necessary changes and zipped them into this folder. Enjoy! I've also posted how mine looks like. Ps. how do I change the look of my slidelock? aka change colors or what not?

Note: This
 

Attachments

  • LockMS-TOP12hourPropersize.theme.zip
    961.5 KB · Views: 233
There are a number of people looking for the 12hour top clock with everything centered properly. I have done the necessary changes and zipped them into this folder. Enjoy! I've also posted how mine looks like. Ps. how do I change the look of my slidelock? aka change colors or what not?

Note: This

Thanks for this!!!
 
hi guys,

i asked this before but i think the post got lost in all the excitement of this awesome lockscreen...

but does your clock/date/ still show when you slide to input the password? Mine does and since i have them at the bottom, the password key pad will overlap with it, which makes it kinda ugly! :) Does it happen to you guys too or is there a way for me to disable it when i am typing the passcode?

Also, do you know how to remove the passcode dots when you are entering the passcode?

thanx in advance good people!
 
There are a number of people looking for the 12hour top clock with everything centered properly. I have done the necessary changes and zipped them into this folder. Enjoy! I've also posted how mine looks like. Ps. how do I change the look of my slidelock? aka change colors or what not?

Note: This

Hey thanks man! Looks great on my iPhone 4 =)
 
@i11i1i - I made a small mistake and just left the time code in the 24hr format. I've now updated the link so it should have the correct time format now for you.

Download link: http://dl.dropbox.com/u/10270782/Loc...12HR TOP.zip

For everyone else this folder will have a Lockbackground.html file which will make everything fit on the screen, so simply replace your html file with the one in the folder.

For those of you who want the 24hr version the link is:

http://dl.dropbox.com/u/10270782/Loc...24HR TOP.zip
 
OP,

Everything are working now. But it seems to me some people are looking to change Background.png or their own picture. In order to take it to next level, perhaps you can start a pay version with import the picture to background using camera roll picture.
 
For those that want the background of the lockscreen to be defined on the phone through the Wallpaper Menu, and to able to change it without having to ssh in new backgrounds and rename things and what not, change your LockBackground.html to this under the <style> section (obviously properly indented and all:

Code:
background-image: url(/private/var/mobile/Library/SpringBoard/LockBackground.jpg);

Now when you change your lockscreen background in Settings -> General -> Wallpaper, the lockscreen background will change. (Note: Requires a respring for the wallpaper to change, i'm trying to find a way to get it to refresh when you wake the phone, don't know if its possible.

My next thing is to work out how to display new SMS/Missed Calls/New Email on the lockscreen using HTML/css/js.... anyone want to point me in the right direction?
 
slowly, but surely... I'm getting there.
 

Attachments

  • IMG_0048.PNG
    IMG_0048.PNG
    911.3 KB · Views: 137
how can i edit the HTML file so that the time and day fit in my screen? after reading through the thread I gathered that you have to edit the sizes in the Lockbackground.html file but when i open that file all i see is a black screen:confused: I'm using an iphone 4 with tap to unlock file.

Open it with Smultron or a html editor. (free download @macupdate)
 
Ok I downloaded and unzipped this, saved it to my desktop, yet when I was about to drop it into my themes folder in my phone I realized instead of having one folder to drag and drop, there are several different folders now on my desktop.

I've got this..

_MACOSX
Bundles
Private
UIImages

Is there something I'm missing in one of them that I'm supposed to install? Or did I do something wrong?
 
Hey, I'd just really like to thank mschindelh and Marco for posting exactly the background I'd love to see. It will be my lock screen for a very long time, I can tell you that. Let's put it this way, Mr. Jones by the Counting Crows has been my ringtone for (roughly) the past nine years, since I got a cell phone (because it's a great song and I love ring tones that have a repeating beat like a normal phone like the guitar structure).

You guys made what is clearly the best lockscreen and shared it (rather than hoarding it) and are awesome! Thanks again!
 
is tat possible to add this code to the background html code to enable "auto switch" background every min.

<style>
body {
background-color: #000000;
margin: 0;
padding: 620px 0 0 0;
height: 480px;
width: 320px;
<script type="text/javascript">
if(mn%2==0)
{
background-image: url(Private/Background.png)
}
else
{
background-image: url(Private/Background2.png)
}
background-size: 61%;
}
</style>

i m not good in html =D pros pls advise.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.