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

LockInfo is 3.0 Ready.

nubbythebear said:
How did you get all of the subsections to be expanded by default in lockinfofull. I downloaded the theme from the french site and the config file looks to be exactly the same as the gruppled one.
Click to expand...

Config.js -----> Last section of Expand/Collapse Settings

Code: 
// Hide empty sections?
var hideEmptySections = false;
 
pasipple said:
I have both the LockInfoFull theme and the Gruppled LockInfo theme. I'd be happy with either...but I get nothing right now.

Seems to be intermittent. I'll make some tweeks to the config.js then the LockInfo will work for a short time then it goes away completely.

Thanks...
Click to expand...

Do you want me to send you the complete LockInfoFull setup including all the modified files. It would give you a starting point.

If so, drop me a PM with an E-mail.
 
dhlizard said:
Do you want me to send you the complete LockInfoFull setup including all the modified files. It would give you a starting point.

If so, drop me a PM with an E-mail.
Click to expand...

That would be awesome....I just need to figure out how to send a PM. Give me a minute.

Thanks...
 
burns3 said:
Have you tried changing the structure.css?

#Clock #time {
float:left;
padding-left:10px;
}

#Clock #date {
float:right;
padding-right:10px;
font-weight:normal;
}


changing "float:left" and "float:right' to "float:center" might do it, but I'm not sure
Click to expand...

This is css, there is no float:center. Instead try replacing float with "text-align:center"

Tested - that will get the time centered but the date is left justified. hmmm
My css:
#Clock #time {
/*float:left;*/
padding-left:10px;
text-align: center;
}

#Clock #date {
/*float:right;*/
padding-right:10px;
font-weight:normal;
text-align: center;
}
 
nickels said:
This is css, there is no float:center. Instead try replacing float with "text-align:center"

Tested - that will get the time centered but the date is left justified. hmmm
My css:
#Clock #time {
/*float:left;*/
padding-left:10px;
text-align: center;
}

#Clock #date {
/*float:right;*/
padding-right:10px;
font-weight:normal;
text-align: center;
}
Click to expand...

Yea my Style.css uses text-align: center also
 
nickels said:
Can you post that section of your css please? With both centered on mine I still get the date left justified. I removed the floats. Still didn't work.
Click to expand...

Style.css

Code: 
/* General */
div {
font-family:Helvetica;
}

div.alt {
background-color:rgba(50, 50, 50, 0.25);
}

.sub1, #Month {
font-size:15px;
font-weight:bold;
color:rgba(255, 255, 255, 0.85);
text-shadow:#000000 0px 1px 2px;
}

.sub2 {
font-size:14px;
font-weight:bold;
color:rgba(200, 200, 200, 0.85);
text-shadow:#000000 0px 1px 2px;
}

.loadMore {
font-size:14px;
line-height:18px;
text-align:center;
color:rgba(200, 200, 200, 0.85);
background-image:url(../images/bar3s.png);
}

.loadMore:after {
content:"...";
}

/* Clock */
#Clock.big #time {
font-size:28px;
line-height:38px;
color:66FFFF;
}

#Clock.big #date {
font-size:18px;
line-height:38px;
}

/* Monthly Calendar */
#Month {
width:90%;
}

#Month td {
font-size:15px;
color:#FFFF00;}

#Month .today, #Month th {
background-color:rgba(150, 150, 150, 0.5);
-webkit-border-radius:4px;
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.25);
text-shadow:rgba(0, 0, 0, 0.6) 0px -1px 1px !important;
}

.otherMonth {
font-weight:normal;
color:rgba(200, 200, 200, 0.65);
}

/* Weather */
#weather_timestamp {
font-size:10px;
line-height:18px;
color:#FFFF00;
}

#weather_title {
background-image:url(../images/weatherh.png);
padding-left:20px;
}

#Weather .temp {
font-weight:bold;
color:#2aed01;}

#Weather .city {
text-transform:capitalize;
padding-left:2px;
color:#FF3366;}

#Weather .desc {
}

#Weather .weatherIcon {
width:18px;
height:18px;
}

#Weather .forecast td {
font-weight:bold;
}

#Weather .forecast img {
width:30px;
height:30px;
}

#Weather .forecast span {
font-size:15px !important;
}

/* Calendar */
#Calendar .sub1.header.cal span {
background-image:url(../images/calendarh.png);
padding-left:20px;
}

#Calendar .sub {
background-image:url(../images/calendar.png);
background-position:5px 0px;
color:#FF6666;}

#Calendar .sub.allDay {
background-image:url(../images/paper.png);
}

#Calendar .sub.birthday {
background-image:url(../images/birthday.png);
}

/* Example calendar-specific customization:

#cal_My_Schedule .sub1.header span {
color:yellow;
}

#Calendar .sub.cal_Your_Schedule {
background-image:url(../images/your_schedule.png);
}

#Calendar .sub.cal_Your_Schedule span {
color:white;
}

*/

#cal_Holidays .sub1.header span {
background-image:url(../images/star.png) !important;
}

#Calendar .sub.cal_Holidays {
background-image:url(../images/star.png) !important;
}

#cal_Birthdays .sub1.header span {
background-image:url(../images/birthday.png) !important;
}

#cal_Birthdays .sub {
background-image:url(../images/birthday.png) !important;
}


/* Mail */
#Mail .sub {
background-image:url(../images/mail.png);
background-position:5px 0px;
}

/* Example mail account-specific customization:

#mail_your_main_account_gmail_com .sub1.header span {
color:yellow;
}

#Mail .sub.mail_your_work_account_gmail_com {
background-image:url(../images/workmail.png);
}

#Mail .sub.mail_your_work_account_gmail_com span {
background-image:url(../images/workmail.png);
}

*/

/* Voicemail */
#Voicemail .sub {
background-image:url(../images/voicemail.png);
background-position:5px 0px;
}

/* Calls */
#Calls .sub {
background-image:url(../images/calls.png);
background-position:5px 0px;
}

/* SMS */
#SMS .sub1.header span {
background-image:url(../images/person.png);
padding-left:20px;
}

#SMS .sub {
background-image:url(../images/sms.png);
background-position:5px 0px;
}

/* Example SMS sender-specific customization:

#SMS .sms_Your_Mom .sub1.header span {
background-image:url(../images/mommy.png);
}

#SMS .sms_Your_Mom .sub {
color:pink;
}

*/

Structure.css

Code: 
body {
margin:0;
padding:0;
}

div#background {
width:320px;
min-height:480px;
padding:0px;
}

.header img, .sub img {
width:18px;
height:18px;
vertical-align:top;
}

.sub img {
margin-left:-22px;
padding-right:4px;
vertical-align:middle;
}

.arrow {
float:right;
width:15px;
height:15px;
margin-right:5px;
background-repeat:no-repeat;
}

.container.empty .arrow {
visibility:hidden;
}

.header.sub1 .arrow {
margin-right:-3px;
-webkit-opacity:0.8;
}

.header.sub2 .arrow {
margin-right:3px;
-webkit-opacity:0.6;
}

.header {
height:18px;
line-height:18px;
font-size:14px;
color:white;
padding-top:2px;
font-weight:bold;
text-align:center;
background-image:url(../images/bar.png);
background-repeat:no-repeat;
clear:both;
text-shadow: rgba(0, 0, 0, 0.75) 0px -1px 1px !important;
}

.header.sub1, .header.sub2 {
font-weight:normal;
text-align:left;
padding-left:5px;
padding-right:15px;
background-image:url(../images/bar2.png);
}

.header.sub2 {
background-image:url(../images/bar3.png);
padding-left:15px;
}

.header.expanded .arrow {
background-image:url(../images/arrow_e.png);
}

.header.collapsed .arrow {
background-image:url(../images/arrow_c.png);
}

.header span, .sub {
background-repeat:no-repeat;
background-position:left center;
}

.container {
color:white;
overflow:hidden;
}

.header + div, #bottom {
background-image:url(../images/shadow.png);
background-repeat:no-repeat;
}

.header + div div:first-child .header.sub1 {
background-image:url(../images/bar2s.png);
}

.header.sub1 + div div div:first-child .header.sub2 {
background-image:url(../images/bar3s.png);
}

#bottom {
height:17px;
}

div.sub {
padding:1px 27px;
border-bottom:1px solid rgba(50, 50, 50, 0.35);
background-color:rgba(0, 0, 0, 0.25);
min-height:18px;
}

#Clock #time {
float:left;
padding-left:10px;
}

#Clock #date {
float:right;
padding-right:10px;
font-weight:normal;
}

#Clock.big .header {
background-image:url(../images/bigbar.png);
height:38px;
}

#Clock.big .arrow {
margin-top:11px;
}

#Month {
text-align:center;
margin-top:5px;
}

#weather_timestamp {
font-weight:normal;
}

#weather_timestamp.refresh {
padding-right:20px !important;
background-image:url(../images/refresh.png);
background-position:right center;
}

.weather #weather_timestamp {
float:right;
padding-right:8px;
}

#Weather .header.weather {
padding-top:1px;
text-align:left;
padding-left:10px;
color:#87CEFF;
}

#Weather .temp {
padding-left:5px;
margin-top: -3px;

}

#Weather .city {
padding-left:2px;
}

#Weather .forecast {
padding:0 15px;
}

#Weather .forecast table {
width:100%;
}

#Weather .forecast td {
vertical-align:top;
text-align:center;
}

#Weather .forecast img {
padding:0;
margin:0;
float:none;
}

.capitalize{
text-transform:capitalize;
}
 
dhlizard said:
Yes, but alot of the settings to make it look like that are in config.js, lockinfo.html and lockinfo.js

If you want the whole theme, plus files, just PM me an E-mail, I'll send it.

If I get it in the next 10 mins, I can send it tonnite (if you want it).
Click to expand...

Thats okay. I might sometime later. For now I think I can live with what I currently have. :p

I was just wondering because you never know when the 'tinker' bug will hit ya! lol
 
Originally Posted by dhlizard View Post
According to the poster (anis0315) this is his entire theme

------> theme
img0287.png


You will probably have to go into the images file and extract the icons
Click to expand...
i'm a noob at theming,... the mediafire link has 4 folders in it...
does this require a theme to be put over the whole phone? or will the only changes i see be on the lockscreen? I'm already using the theme of ashman.com. could anyone help me with this? I'd love that lockscreen, it looks great!
 
deenybird said:
i'm a noob at theming,... the mediafire link has 4 folders in it...
does this require a theme to be put over the whole phone? or will the only changes i see be on the lockscreen? I'm already using the theme of ashman.com. could anyone help me with this? I'd love that lockscreen, it looks great!
Click to expand...

Here's a good place to start...a tutorial that explains all the files you will need...how to configure LockInfo...the settings...etc.

http://www.hackthatphone.com/3x/themes_with_winterboard_section27.html


I used DiskAid to transfer the files from the PC to the iPhone.

LockInfo is a theme for your lockscreen...so you can keep using whatever iPhone theme you like.
 
dhlizard said:
Config.js -----> Last section of Expand/Collapse Settings

Code: 
// Hide empty sections?
var hideEmptySections = false;
Click to expand...

I think you are talking about something else. I am talking about how in the calendar, if you have events showing for today and tomorrow. Today's events are automatically expanded by default. But tomorrows events do not show unless you tap on the day to expand it. I'm trying to find a way to have todays tomorrows and the next days events all shown without me having to tap on the days.
 
Found a setup ive actullay kept for over 24hrs :D quite impressed with myself, have to laugh at the screenie of my weather info on the lock screen compared to all you lucky gits living in the states. 5 day forecast of rain for us here in wales - uk :D:D

 
just notice i'm using gruppled lockscreen info them.

i have extend to bottom turn on and scrolling turn on.

however when there is too much stuff showing ont he lockscreen and i attempt to scroll once i remove my finger it will spring back to the beginning. anyways to stop this?
 
nickels said:
This is css, there is no float:center. Instead try replacing float with "text-align:center"

Tested - that will get the time centered but the date is left justified. hmmm
My css:
#Clock #time {
/*float:left;*/
padding-left:10px;
text-align: center;
}

#Clock #date {
/*float:right;*/
padding-right:10px;
font-weight:normal;
text-align: center;
}
Click to expand...

I tried adding "text-align:center" to both and all it did was siwtch the time and date...would I have to make the time font smaller to make this happen? I dunno..I've asked over at macthemes a few times and no one seems to know..guess I'll move on
 
dhlizard said:
Yea my Style.css uses text-align: center also
Click to expand...

Other than here

.loadMore {
font-size:14px;
line-height:18px;
text-align:center;
color:rgba(200, 200, 200, 0.85);
background-image:url(../images/bar3s.png);
}


no, it doesn't. What nickels is asking about is from structure.css.
 
This is what we are trying to achieve:
lock-screen-centered.jpg


The Time and Date both centered on the lockscreen, not as easy as it seems!
 
Dakotafan said:
correct....I guess not! Not a big deal...I just like the look better
Click to expand...

We can't give up now!

I think the height of that bar is a factor. My bar, for instance, is too short to fit those on top of each other without shrinking the pixel size to an unreadable level.
 
deenybird said:
i'm a noob at theming,... the mediafire link has 4 folders in it...
does this require a theme to be put over the whole phone? or will the only changes i see be on the lockscreen? I'm already using the theme of ashman.com. could anyone help me with this? I'd love that lockscreen, it looks great!
Click to expand...

Here is what my winterboard list looks like to get lockinfo to show.

You don't need all 4 files in order to have lock info. You must have Gruppled lock info and lock info. These contain .css files, html files, and .js files that are critical.
 
burns3 said:
We can't give up now!

I think the height of that bar is a factor. My bar, for instance, is too short to fit those on top of each other without shrinking the pixel size to an unreadable level.
Click to expand...

Here is what controls the height of the header bar (structure.css)

#Clock.big .header {
background-image:url(../images/bigbar.png);
height:38px;
}


-EDIT-
I think we can give up on this. The centered version is not using LockInfo clock because it has no arrow or calendar under it. I have tried everything, and I can only get the time centered. If you mess with the date it throws off the calendar.
 
I changed mine again lol. But this time I think I'm really satisfied! I used the Gruppled theme with the Fulltheme's icons. I increased the size of the font for everything because it was way too small. And added in a background I like :D Pic attached.
 

Attachments

  • photo.jpg
    photo.jpg
    74.5 KB · Views: 75
I like everything except for the tap lock. I really like that I got the slider back in place on my lockscreen, as I just hated that tap lock method.
 
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