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

Ok, I have a problem. I tried duplicating Krafty's design (couldn't find his slider), but my status bar is see through somehow from the Glaskart HD theme. I need it to be a black status bar so it looks better. How can I fix this?

Also, how can I make the date transparent?

Also, the status bar stays see through even with songs playing?? (second picture)

4952935477_1b1e26e758_z.jpg


4952936245_184f120e92_z.jpg


Here is the 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-image: url(/private/var/mobile/Library/SpringBoard/LockBackground.jpg);
margin: 0;
padding: 620px 0 0 0;
height: 480px;
width: 320px;
background-image: url(/private/var/mobile/Library/SpringBoard/LockBackground.jpg); background-size: 61%;
}
</style>
</head>
<body>
<base href="Private"/>
<div style="position:relative; font-size:50px; z-index:2;">

<table style="position: absolute; top: -430px; left: -27px; width: 320px; height: 461px;" cellspacing="" cellpadding="" align="center">
<td height="40" border="0">
<img src="Private/dg8.gif" name="hr1" width="80" height="105" heigth="69"><img
src="Private/dgb.gif" name="b1" width="2" heigth="69"><img
src="Private/8.png" name="hr2" width="80" height="105" heigth="69"><img
src="Private/dgc.gif" name="c" width="40" height="85" heigth="69"><img
src="Private/8.png" name="mn1" width="80" height="105" heigth="69"><img
src="Private/dgb.gif" name="b2" width="2" heigth="69"><img
src="Private/8.png" name="mn2" width="80" 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:315px; left:10px; color:red; font-size:80px; z-index:4; width:100;">
<script>
day = new Date();
day = day.getDay();
arday = new Array("Private/Sunday.png", "Private/Monday.png", "Private/Tuesday.png",
"Private/Wednesday.png", "Private/Thursday.png", "Private/Friday.png", "Private/Saturday.png");

document.write("<img width=230 src='" + arday[day] + "'>");
// End -->
</SCRIPT>
</div>

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

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

</script>


</div>


</div>


</div>

</body></html>
 
There is an error in LockBackground.html:

HTML: 
      document.write('<div id="MonthContainer">');
      arMonth = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec");
      document.write("<img width=420 src=Private/" + language + "/images/month/" + arMonth[numMonth] + ".png>");
    }
    document.write('</div>');
    /* month --------- END --------- */
  </script>

It should be "Oct" no "Okt" because image does not load. After the correction everything is OK.

Someone has an idea how to change the wallpaper without respring ?

Sorry for my english !
 
I know this may be a stupid question, but can somebody please explain where I go to change my location for the weather to show up? I'm not AS experienced with coding and things like that, and I couldn't find it. Thanks a lot.
 
I just downloaded the SlantedLock update via Cydia. It is much easier to configure now, but I do have a couple of questions:

Would it be possibly to have it look more like the old SlantedLock? On my screen, it is all shifted down and more spaced apart than it was before. I really liked the old look.

How should I go about editing the .js file to get rid of the seconds and the AM/PM? I was able to do it myself in the old version, but the code in this version looks completely different. I feel like the seconds and the AM/PM on the colon ruin the sleek look of the theme. I have very little coding experience and just got lucky in finding it in the old version.
 
Quick coding question...

I just want to made it so the month is centered. I don't care if the sides get cut off on the longed months....

Here is my code for the month section:

iv style="position:absolute; top:320px; left:6px; color:red; font-size:80px; z-index:1; width:100;
**<script language="JavaScript" type="text/javascript">
<!--
mymonth=new Date();
mymonth=mymonth.getMonth()+1;
if (mymonth==1){document.write("<img width=420 src=Private/January.png>");
}
else if (mymonth==2){document.write("<img width=420 src=Private/February.png>");
}
else if (mymonth==3){document.write("<img width=420 src=Private/March.png>");
}
else if (mymonth==4){document.write("<img width=420 src=Private/April.png>");
}
else if (mymonth==5){document.write("<img width=420 src=Private/May.png>");
}
else if (mymonth==6){document.write("<img width=420 src=Private/June.png>");
}
else if (mymonth==7){document.write("<img width=420 src=Private/July.png>");
}
else if (mymonth==8){document.write("<img width=420 src=Private/August.png>");
}
else if (mymonth==9){document.write("<img width=420 src=Private/September.png>");
}
else if (mymonth==10){document.write("<img width=420 src=Private/October.png>");
}
else if (mymonth==11){document.write("<img width=420 src=Private/November.png>");
}
else if (mymonth==12){document.write("<img width=420 src=Private/December.png>");
}
if (mymonth==10 && mydate==31){document.write("<img width=auto src=holiday/hallowen.bmp>");
}


//-->
</script>
</div>
 
Hi.

I successfully installed everything from Cydia, set up everything correctly, it all works perfectly just like I want it too.

The only problem, however, is when I get a text. I used biteSMS, so I don't know if this is maybe causing it, but when I receive a text or notification for example and my lockscreen lights up, I get an annoying "Slide to view" text. Is there any way to get rid of this?

If not, it doesn't matter. I love my lockscreen too much to change it.
 
How do I get the date to always have two digits. Like right now, it just has a 4, how do I get 04.

I'm talking about the first version that was posted here.


NEVER MIND: Found a thread somewhere else explaining how to do it.
 
oswaldini said:
Someone has an idea how to change the wallpaper without respring ?

Sorry for my english !
Click to expand...

No need for respring to view changes, open the lockbacground.html file in IFILE and view in web viewer. You should be able to see the changes after doing this.
 
Can someone help me? im trying to change weemanpow3's html versions picture clock into claud's html time.
helpi.png
 
Change wallpaper background

I was able to insert some code in the HTML file, that will change the background depending on the time of day ie sunrise, day, sunset, night etc. Let me know if you guys are interested.
 
hidefguy said:
I was able to insert some code in the HTML file, that will change the background depending on the time of day ie sunrise, day, sunset, night etc. Let me know if you guys are interested.
Click to expand...

Yeah, I think we'd all be interested to see it. Are you talking about the lockscreen background changing?
 
Rotating Background Wallpaper

Okay, so like I said I was able to get a rotating wallpaper going on this theme, I originally used this in a theme I had for my 3GS. It's main purpose was for showing the time of day (different wallpapers of the same picture showing the difference in daylight) ie sunrise, sunset, day, morning, night etc... I take no credit for writing the code, just implementing it in this theme. So anyways here we go, open LockBackground.html and edit the following:

delete the line in purple, and add the code in red.

style>
body {
font-family:"Helvetica Neue";
background-color: #000000;
margin: 0;
padding: 265px 0 0 0;
height: 480px;
width: 320px;
background-image: url(Private/Background.png);
background-size: 61%;
}
</style>

<!-- change background script-->
<script language="JavaScript">

day=new Date() //..get the date
x=day.getHours() //..get the hour

if(x>=0 && x<6) {
document.write('<style type="text/css">body{background: white url(night.png); color: black}</style>')
} else

if(x>=6 && x<9) {
document.write('<style type="text/css">body{background: white url(sunrise.png); color: black}</style>')
} else

if(x>=9 && x<11) {
document.write('<style type="text/css">body{background: white url(morning.png); color: black}</style>')
} else

if(x>=11 && x<15) {
document.write('<style type="text/css">body{background: white url(day.png); color: black}</style>')
} else

if(x>=15 && x<18) {
document.write('<style type="text/css">body{background: white url(afternoon.png); color: black}</style>')
} else

if(x>=18 && x<20) {
document.write('<style type="text/css">body{background: white url(sunset.png); color: black}</style>')
} else

if (x>=20 && x<24) {
document.write('<style type="text/css">body{background: white url(night.png); color: black}</style>')
}
</script>


</head><body style="color: black" onload="doLoad()">


</body></html>


Then add your wallpapers in the LockMS theme folder (same folder as the html file). The wallpaper name must match the name in green. (you can edit this to any name you want but must match the wallpaper name.) So for example you only have 2 wallpapers you want to use ie "night" and "day", then you will edit to show alternatingt night and day in the code.

The numbers in blue is the time in 24hrs, this is the code that tells when to change the wallpaper and for how long.

Anyways hope this makes sense, have fun.:)
 
maconlysource said:
Can you please post your table info so that all the data fits on the screen?

Thanks in advance.
Or simply upload your html file.

I am assuming this is on a NON iphone 4.:)
Click to expand...

If you read the what I said in what you quoted, you'll see this is for an iphone 4. I believe this is the code that controls this:

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

I changed all the width="80" to 60, I think.
 
hidefguy said:
Okay, so like I said I was able to get a rotating wallpaper going on this theme, I originally used this in a theme I had for my 3GS. It's main purpose was for showing the time of day (different wallpapers of the same picture showing the difference in daylight) ie sunrise, sunset, day, morning, night etc... I take no credit for writing the code, just implementing it in this theme. So anyways here we go, open LockBackground.html and edit the following:
<chop>
Anyways hope this makes sense, have fun.:)
Click to expand...
Thanks. This worked great. The only changes I made was to create a separate directory for the wallpapers and to create an "evening" mode because I had a couple of nice twilight pictures. BTW - JPG images work fine. They don't have to be PNG format.

In addition, I created a second wallpaper directory with different pictures in it, so if I get tired of the original ones, I can do a simple rename and cycle in a new set.

Also, you can see a minor bug in your times at this transition (15 vs. 13):

Code: 
if(x>=11 && x<[B]15[/B]) {
document.write('<style type="text/css">body{background: white url(day.png); color: black}</style>')
} else

if(x>=[B]13[/B] && x<18) {
document.write('<style type="text/css">body{background: white url(afternoon.png); color: black}</style>')
} else

Thanks Again.
 
dgstan said:
Thanks. This worked great. The only changes I made was to create a separate directory for the wallpapers and to create an "evening" mode because I had a couple of nice twilight pictures. BTW - JPG images work fine. They don't have to be PNG format.

In addition, I created a second wallpaper directory with different pictures in it, so if I get tired of the original ones, I can do a simple rename and cycle in a new set.

Also, you can see a minor bug in your times at this transition (15 vs. 13):

Code: 
if(x>=11 && x<[B]15[/B]) {
document.write('<style type="text/css">body{background: white url(day.png); color: black}</style>')
} else

if(x>=[B]13[/B] && x<18) {
document.write('<style type="text/css">body{background: white url(afternoon.png); color: black}</style>')
} else

Thanks Again.
Click to expand...

Cool glad you got it working, and thanks for the update/tip! Like I said I didn't write it, I can just try and figure out the code and make it work.
 
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