Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Lockscreen: LockMS - Rough Draft Release

I used the 24HR TOP version linked in this thread because I preferred the time/day fitting on the screen rather than bleeding off just a bit.

My only problem is now my time is stuck at 24 hours and I cannot get it to revert back to 12. I have used the above suggestion of replacing HTML lines 50 through 65 with the information given but that doesn't seem to do anything. Even after respringing, I'm still stuck at a 24 hour clock. Any suggestions?
 
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.
 
what am i doing wrong?

i changed the Background.png file in the private folder to the pic i want and i even went into ifile and opened the png and it previewed the pic i put into it. but it will not show in the lockscreen, just the back screen? i have repring, unchecked in winterboard and everything. what am i missing?
 
It has to be named Background.png as well, did you make sure it's named like that? The B has to be capitalized as well.
 
Thanks very much for all of your efforts on this mschindelh. It's fan-frickin-tastic!

Out of curiosity, if I wanted to mess with the sizing/height of the month, date, year and weekday (basically, everything but the time), how would I do it? I'm not sure if it'll look as good, but I'd love a version with your theme on top but a bit shorter and thus leaving a bit more room for lockinfo on the bottom. I like having my calendar on the screen and right now, having it limited to the lower 40% of the screen isn't quite enough space, ideally.


evanavevan said:
sticking with this
Click to expand...

Care to share a png of your background? I like it.
 
i11i1i said:
Hey, so there's a minor issue here...there are so many combinations of elements that the one I wanted was bound not to work = )

SO: I loaded the LockMS-TTU theme with the 12 hour clock from the above zip file (used Cyberduck for SSH). The theme has everything I want: 12 hour clock, elements at top, non-invisible tap to unlock.

The thing it doesn't have is the fix to make the day fit on the screen. But you had the LockBackground.html to fix that. So I loaded that into the theme folder and now the day fits. **Here's the issue: once the theme and the LockBackground fix is loaded, the clock gets thrown out of whack. It shows the AM/PM between the colon, but it shows the time in 24-hour mode.

I'm sure just a small tweak is needed.
Click to expand...

Bawstun said:
I used the 24HR TOP version linked in this thread because I preferred the time/day fitting on the screen rather than bleeding off just a bit.

My only problem is now my time is stuck at 24 hours and I cannot get it to revert back to 12. I have used the above suggestion of replacing HTML lines 50 through 65 with the information given but that doesn't seem to do anything. Even after respringing, I'm still stuck at a 24 hour clock. Any suggestions?
Click to expand...

Bawstun said:
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.
Click to expand...

Clearly, I'm experiencing the exact same problem. We have virtually the same set-up (I have a tap to unlock)
 
singhy44 said:
Thanks very much mschindelh for this awesome mod :) Also thanks to gripzel for the 24-hour version.
This is mine, I'm sure there are quite a few exactly the same :p
This thoroughly deserves to be in Cydia as well.
Click to expand...

How did you keep the old slider?
 
Thank you so much for this theme. It is amazing.

The iPhone 4 is my first iPhone, so when I jailbroke last night I was pretty nervous. After installing this theme from Cydia, I was in love. I ended up having to learn how to ssh, and changed the background to my liking. Thanks again for the hard work!
 
swiftbmx said:
Hey Guys,

Looking for some opinions on which Background you guys think looks best. I'm so torn. If you guys could reference the picture you like based on the time, that'd be great. Also, please don't hesitate to request any of these backgrounds, thanks!
Click to expand...

Could you post the grey unlock slider images?
 
i11i1i said:
Clearly, I'm experiencing the exact same problem. We have virtually the same set-up (I have a tap to unlock)
Click to expand...

Try this, it works for me. Also I modified it so it uses less images and more text. The original creator should switch the entire lockscreen theme to use all text instead of the images.
Code: 
<?xml version="1.0" encoding="utf-8"?>
<html><head>
    <base href="Private"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<style>
        body {
        	background-color: #000000;
			margin: 0;
			padding: 265px 0 0 0;
			height: 480px;
			width: 320px;
			background-image: url(Private/Background.png);
			background-size: 61%;}
	</style>
</head>
<body>
<base href="Private"/>
<div style="position:relative; font-size:50px; z-index:2;">

<table style="position: absolute; top: -411px; left: 6px; width: 320px; height: 461px;" cellspacing="" cellpadding="" align="center">
<td height="40" border="0">
<img src="Private/dg8.gif" name="hr1" width="67" height="105" heigth="69" /><img 
src="Private/dgb.gif" name="b1" width="2" heigth="69" /><img 
src="Private/.png" name="hr2" width="67" height="105" heigth="69" /><img 
src="Private/dgc.gif" name="c" width="30" height="85" heigth="69" /><img 
src="Private/8.png" name="mn1" width="67" height="105" heigth="69" /><img 
src="Private/dgb.gif" name="b2" width="2" heigth="69" /><img 
src="Private/8.png" name="mn2" width="67" height="105" heigth="69" /></td>
</table>

<script type="text/javascript">

dg0 = new Image();dg0.src="Private/0.png";
dg1 = new Image();dg1.src="Private/1.png";
dg2 = new Image();dg2.src="Private/2.png";
dg3 = new Image();dg3.src="Private/3.png";
dg4 = new Image();dg4.src="Private/4.png";
dg5 = new Image();dg5.src="Private/5.png";
dg6 = new Image();dg6.src="Private/6.png";
dg7 = new Image();dg7.src="Private/7.png";
dg8 = new Image();dg8.src="Private/8.png";
dg9 = new Image();dg9.src="Private/9.png";
dgc = new Image();dgc.src="Private/dgc.gif";
dgz = new Image();dgz.src="Private/dgz.gif";
dgb = new Image();dgb.src="Private/dgb.gif";


function dotime(){ 
theTime=setTimeout('dotime()',1000);
d = new Date();
hr = d.getHours()+100;
mn = d.getMinutes()+100;
se = d.getSeconds()+100;
if(hr==100){hr=112;am_pm='am';}
else if(hr<112){am_pm='am';}
else if(hr==112){am_pm='pm';}
else if(hr>112){am_pm='pm';hr=(hr-12);}
tot=''+hr+mn+se;

if (am_pm=='am'){document.c.src = 'Private/AM.png';}
else if(am_pm=='pm'){document.c.src = 'Private/PM.png';}
document.hr1.src = 'Private/'+tot.substring(1,2)+'.png';
document.hr2.src = 'Private/'+tot.substring(2,3)+'.png';
document.mn1.src = 'Private/'+tot.substring(4,5)+'.png';
document.mn2.src = 'Private/'+tot.substring(5,6)+'.png';
}

dotime();
</script>
</div>
<div style="position:absolute; top:126px; left:6px; font-family: Verdana; margin:auto; color:#61bee5; font-size:50px; z-index:1;">
  <script language="JavaScript" type="text/javascript">
mymonth=new Date();
mymonth=mymonth.getMonth()+1;
if (mymonth==1){document.write("JANUARY");}
else if (mymonth==2){document.write("FEBRUARY");}
else if (mymonth==3){document.write("MARCH");}
else if (mymonth==4){document.write("APRIL");}
else if (mymonth==5){document.write("MAY");}
else if (mymonth==6){document.write("JUNE");}
else if (mymonth==7){document.write("JULY");}
else if (mymonth==8){document.write("AUGUST");}
else if (mymonth==9){document.write("SEPTEMBER");}
else if (mymonth==10){document.write("OCTOBER");}
else if (mymonth==11){document.write("NOVEMBER");}
else if (mymonth==12){document.write("DECEMBER");}
</script>
</div>

<div style="position:absolute; top:181px; left:128px; color:#ffdc92; font-family: Verdana; font-weight:lighter; font-size:25px; z-index:3; width:100;">
<script>
day = new Date();
day = day.getDay();
arday = new Array("SUNDAY", "MONDAY", "TUESDAY", "WEDNESSDAY", "THURSDAY", "FRIDAY", "SATURDAY");
document.write("" + arday[day] + "");
</SCRIPT>
</div>

<div style="position:absolute; top:158px; left:3px; font-family: Helvetica Neue; color:#FFFFFF; font-size:115px; font-weight:lighter; z-index:4; width:100;">
<script language="javascript"> 

myday=new Date(); 
myday=myday.getDate(); 
if (myday==01){document.write("01");}
else if (myday==02){document.write("02");}
else if (myday==03){document.write("03");}
else if (myday==04){document.write("04");}
else if (myday==05){document.write("05");}
else if (myday==06){document.write("06");}
else if (myday==07){document.write("07");}
else if (myday==08){document.write("08");}
else if (myday==09){document.write("09");}
else if (myday==10){document.write("10");}
else if (myday==11){document.write("11");}
else if (myday==12){document.write("12");}
else if (myday==13){document.write("13");}
else if (myday==14){document.write("14");}
else if (myday==15){document.write("15");}
else if (myday==16){document.write("16");}
else if (myday==17){document.write("17");}
else if (myday==18){document.write("18");}
else if (myday==19){document.write("19");}
else if (myday==20){document.write("20");}
else if (myday==21){document.write("21");}
else if (myday==22){document.write("22");}
else if (myday==23){document.write("23");}
else if (myday==24){document.write("24");}
else if (myday==25){document.write("25");}
else if (myday==26){document.write("26");}
else if (myday==27){document.write("27");}
else if (myday==28){document.write("28");}
else if (myday==29){document.write("29");}
else if (myday==30){document.write("30");}
else if (myday==31){document.write("31");}
document.close()

</script>
</div>

<div style="position:absolute; top:197px; left:143px; color:#9dfa99; font-family: Helvetica Neue; font-size:68px; font-weight:lighter; z-index:10; width:100;">
<script language="JavaScript" type="text/javascript">
<!-- date
myDate=new Date(); 
myDate=myDate.getFullYear(); 
if (myDate==2010){document.write("2010");}
else if (myDate==2011){document.write("2011");}
else if (myDate==2012){document.write("2012");}
else if (myDate==2013){document.write("2013");}
else if (myDate==2014){document.write("2014");}
else if (myDate==2015){document.write("2015");}
document.close()
</script> 
</div>

</body></html>
 
weemanpow3 said:
Try this, it works for me. Also I modified it so it uses less images and more text. The original creator should switch the entire lockscreen theme to use all text instead of the images.
Code: 
<?xml version="1.0" encoding="utf-8"?>
<html><head>
    <base href="Private"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<style>
        body {
        	background-color: #000000;
			margin: 0;
			padding: 265px 0 0 0;
			height: 480px;
			width: 320px;
			background-image: url(Private/Background.png);
			background-size: 61%;}
	</style>
</head>
<body>
<base href="Private"/>
<div style="position:relative; font-size:50px; z-index:2;">

<table style="position: absolute; top: -411px; left: 6px; width: 320px; height: 461px;" cellspacing="" cellpadding="" align="center">
<td height="40" border="0">
<img src="Private/dg8.gif" name="hr1" width="67" height="105" heigth="69" /><img 
src="Private/dgb.gif" name="b1" width="2" heigth="69" /><img 
src="Private/.png" name="hr2" width="67" height="105" heigth="69" /><img 
src="Private/dgc.gif" name="c" width="30" height="85" heigth="69" /><img 
src="Private/8.png" name="mn1" width="67" height="105" heigth="69" /><img 
src="Private/dgb.gif" name="b2" width="2" heigth="69" /><img 
src="Private/8.png" name="mn2" width="67" height="105" heigth="69" /></td>
</table>

<script type="text/javascript"><!-- start

dg0 = new Image();dg0.src="Private/0.png";
dg1 = new Image();dg1.src="Private/1.png";
dg2 = new Image();dg2.src="Private/2.png";
dg3 = new Image();dg3.src="Private/3.png";
dg4 = new Image();dg4.src="Private/4.png";
dg5 = new Image();dg5.src="Private/5.png";
dg6 = new Image();dg6.src="Private/6.png";
dg7 = new Image();dg7.src="Private/7.png";
dg8 = new Image();dg8.src="Private/8.png";
dg9 = new Image();dg9.src="Private/9.png";
dgc = new Image();dgc.src="Private/dgc.gif";
dgz = new Image();dgz.src="Private/dgz.gif";
dgb = new Image();dgb.src="Private/dgb.gif";


function dotime(){ 
theTime=setTimeout('dotime()',1000);
d = new Date();
hr = d.getHours()+100;
mn = d.getMinutes()+100;
se = d.getSeconds()+100;
if(hr==100){hr=112;am_pm='am';}
else if(hr<112){am_pm='am';}
else if(hr==112){am_pm='pm';}
else if(hr>112){am_pm='pm';hr=(hr-12);}
tot=''+hr+mn+se;

if (am_pm=='am'){document.c.src = 'Private/AM.png';}
else if(am_pm=='pm'){document.c.src = 'Private/PM.png';}
document.hr1.src = 'Private/'+tot.substring(1,2)+'.png';
document.hr2.src = 'Private/'+tot.substring(2,3)+'.png';
document.mn1.src = 'Private/'+tot.substring(4,5)+'.png';
document.mn2.src = 'Private/'+tot.substring(5,6)+'.png';
}

dotime();
//end -->
</script>
</div>
<div style="position:absolute; top:126px; left:6px; font-family: Verdana; margin:auto; color:#61bee5; font-size:50px; z-index:1;">
  <script language="JavaScript" type="text/javascript">
<!--
mymonth=new Date();
mymonth=mymonth.getMonth()+1;
if (mymonth==1){document.write("JANUARY");}
else if (mymonth==2){document.write("FEBRUARY");}
else if (mymonth==3){document.write("MARCH");}
else if (mymonth==4){document.write("APRIL");}
else if (mymonth==5){document.write("MAY");}
else if (mymonth==6){document.write("JUNE");}
else if (mymonth==7){document.write("JULY");}
else if (mymonth==8){document.write("AUGUST");}
else if (mymonth==9){document.write("SEPTEMBER");}
else if (mymonth==10){document.write("OCTOBER");}
else if (mymonth==11){document.write("NOVEMBER");}
else if (mymonth==12){document.write("DECEMBER");}
if (mymonth==10 && mydate==31){document.write("<img width=auto src=holiday/hallowen.bmp>");}


//-->
</script>
</div>

<div style="position:absolute; top:181px; left:128px; color:#ffdc92; font-family: Verdana; font-weight:lighter; font-size:25px; z-index:3; width:100;">
<script>
day = new Date();
day = day.getDay();
arday = new Array("SUNDAY", "MONDAY", "TUESDAY", "WEDNESSDAY", "THURSDAY", "FRIDAY", "SATURDAY");
document.write("" + arday[day] + "");
// End -->
</SCRIPT>
</div>

<div style="position:absolute; top:156px; left:3px; color:red; font-size:80px;  z-index:4; width:100;">
<script language="javascript"> 

var picture='';
myday=new Date(); 
myday=myday.getDate(); 
picture="<span style='font-family: Helvetica Neue; font-size: 88pt; color: #FFFFFF;'>"+myday+"</span>"
document.write(picture); 

</script>
</div>

<div style="position:absolute; top:197px; left:143px; color:#9dfa99; font-family: Helvetica Neue; font-size:68px; font-weight:lighter; z-index:10; width:100;">
<script language="JavaScript" type="text/javascript">
<!-- date
myDate=new Date(); 
myDate=myDate.getFullYear(); 
if (myDate==2010){document.write("2010");}
else if (myDate==2011){document.write("2011");}
else if (myDate==2012){document.write("2012");}
else if (myDate==2013){document.write("2013");}
else if (myDate==2014){document.write("2014");}
else if (myDate==2015){document.write("2015");}
document.close()
//--> 
</script> 
</div>

</body></html>
Click to expand...

Questions:

1) Will this alter my set-up (ie: elements on top, tap to unlock, background image)?

2) How do I get this into the phone? SSH? Please explain a bit, I've never put code directly in (only copy/pasted zip and theme files).

Thanks
 
i11i1i said:
Questions:

1) Will this alter my set-up (ie: elements on top, tap to unlock, background image)?

2) How do I get this into the phone? SSH? Please explain a bit, I've never put code directly in (only copy/pasted zip and theme files).

Thanks
Click to expand...

yeah you'd open up the html file and put that in through ssh
 
+1 on gray slide to unlock >> please. I saved the red one posted earlier in this thread and sometimes I switch that out with the green, but I'd really like to have gray or white to use for backgrounds where the green just doesn't fit or stand out.
 
For people asking basic background and instalation questions, everything is in this thread already, a couple of times. Just take a few minutes and read the whole thread and you will know everything about this theme.

To change your background go to var/stash/themes/lockMS.theme/private/

Place it there labeled as Background.png (caps count)
 
chakraj said:
For people asking basic background and instalation questions, everything is in this thread already, a couple of times. Just take a few minutes and read the whole thread and you will know everything about this theme.

To change your background go to var/stash/themes/lockMS.theme/private/

Place it there labeled as Background.png (caps count)
Click to expand...

I'll put a bill down on the fact that my question about inserting html code directly into the phone has not yet been answered. I've read every post in the thread twice.
 
I have read this thread multiple times and I DID try (at least 3 times) the suggestion a page or two back about finding line 50 of the LockBackground.html and highlighting lines 50-65 and replacing with what the poster said to (in order to fix the 24 hour time to 12 hours) and it didn't work. I resprung, rebooted, it just doesn't work for me and I've tried so many times I know I'm replacing what I should be.
 
I think I'll just wait for the developers fix. I'm sure it's simple and will be done tomorrow.
 
I don't care that the wed is too big I think it fits with the oversized clock and month an it'll only be too big two days out if the week wed and mayb sat. I think it's cool jus how it is.
 
i11i1i said:
I'll put a bill down on the fact that my question about inserting html code directly into the phone has not yet been answered. I've read every post in the thread twice.
Click to expand...

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.
 
HelperMonkey said:
Thanks very much for all of your efforts on this mschindelh. It's fan-frickin-tastic!

Care to share a png of your background? I like it.
Click to expand...

Sure, found it on macthemes.net forums here:

http://niklask.deviantart.com/#/d2qo62q

Can download multiple sizes (I use same wallpaper for my Macbook, Cinema Display, and iPad). I just resized one to iPhone 4 resolution (forget exactly which one). For some reason it gave me an error when uploading as .png, so I uploaded as .jpg. Just change to .png if you download it.
 

Attachments

  • Background.jpg
    Background.jpg
    155.6 KB · Views: 119
UCLAKoolman said:
Could you post the grey unlock slider images?
Click to expand...

Bawstun said:
+1 on gray slide to unlock >> please. I saved the red one posted earlier in this thread and sometimes I switch that out with the green, but I'd really like to have gray or white to use for backgrounds where the green just doesn't fit or stand out.
Click to expand...
gray slider
 

Attachments

  • bottombarknobgray@2x.png
    bottombarknobgray@2x.png
    3.1 KB · Views: 1,080
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back