Theme your lockscreen with LockMS

Updated: September 8, 2010





I ran across this lockscreen theme called LockMS over at the MacRumors forums in this thread. I really like the look of this theme, and there are several ways you can customize it too. The time and date can go at the bottom of the screen, you can either have a slider or not, or have different colored sliders, you can have a tap to unlock button instead of sliding, wallpapers can be changed, LockInfo elements can be incorporated (like mail, phone, SMS, weather and voicemail messages), you can even have a 24 hour clock.


You can download many variations of this theme from the link I posted or from Cydia. The problem is the original version has issues that I didn't care for: the clock and day of the week bleed off the screen, and the default wallpaper is black. So I've bundled up the original theme, made some code changes to it, and compiled many of the wallpapers posted in that theme so you can be ready to go right out of the box, so to speak. You will still need SSH to upload this, and make any changes. In fact, changing the wallpaper requires SSH due to the way iOS handles html on the iPhone.

Here's what my default theme, which I call Large Date LockScreen, looks like. You can download it here.





iPhone



Here are just a couple of other variations you could configure. These use the LockInfo program to add additional bars of information.

iPhone       iPhone



Attention

If you have not read the two prerequisite tutorials: Using YummyFTP and OpenSSH to create themes, and Understanding a theme's directory structure, then you should prior to performing any of the instructions in the following tutorial.



Step 1.

Using Cydia, install WinterBoard. Then reboot the phone when prompted.

iPhone       iPhone



Install Lockscreen Clock Hide. Press Install, then press the Cancel/Queue button.

iPhone       iPhone



Press the Continue Queuing button. Press the Search button and enter lockms. I chose the one at the top of the list.

iPhone       iPhone



Press Install, then press Confirm.

iPhone       iPhone



Restart the springboard and you'll have a modified lockscreen.

iPhone       iPhone



Launch Settings, and press Clock Hide. This is the settings panel for this program. When you've made your changes press the Settings button to back up one level.

iPhone       iPhone



Press Winterboard, then press Select Themes.

iPhone       iPhone



You'll see four versions of this theme to pick: LockMS (with information at the bottom), LockMS-TTU (with tap to unlock buttons), LockMS-InvisiTTU (with invisible tap to unlock buttons), and LockMS-24hr (uses a 24 hour clock). Here's what my lockscreen looks like.

iPhone       iPhone





Step 2.

I'm now going to customize this theme to my liking. There are many ways you can customize it however. It's best to read the thread I linked to above to learn what you can do with this theme. Navigate to your iPhone's Themes folder. I installed the LockMS.theme so I double clicked that.

iPhone



Drag the LockBackground.html file to your desktop.

iPhone



I edited the file with a program called BBEdit. You can download a trial version here. I've highlighted two lines that you should change if you have an iPhone 4. Set the height to 960 and the width to 640. If you don't you'll have to resize your wallpapers or they will appear zoomed in greatly.

iPhone



The next line can also be changed. You can change the .png extension to .jpg if that's the format your wallpapers are in. I then made numerous changes to the size of all the text elements displayed and changed their alignment on the screen. You can download my customized version of the LockBackground.html file here. I then saved the changes to the html file and reuploaded it to my iPhone's Themes/LockMS.theme folder.

iPhone



I then uploaded my wallpaper .jpg file to the Private folder.

iPhone



After respringing the iPhone my lockscreen looked like this. I don't like the sliders. To change them go to the Bundles/com.apple.TelephonyUI folder and change whichever slider's graphic you want. You can learn more about changing sliders in my WinterBoard tutorials here, and here. I made mine transparent. Here is what my lockscreen looks like now.

iPhone       iPhone






Since changing wallpapers by logging into the iPhone with SSH is a pain, you could incorporate a script that rotates wallpaper images. Read post 896 on page 36 of the thread at MacForums I linked to earlier.


Return to top of page