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

TB07-NJ said:
Not really a big deal but I figured I'd mention it anyway.

Using either yahoo weather or accuweather I notice the "weather picture" doesn't match the correct weather picture as displayed on the Yahoo or Accu websites. Temperature and city match what the Yahoo or accuweather show exactly but the pictures are way off.

Example: "Mostly Clear" description shows a "mostly cloudy" Moon. I'm not sure if the description itself is wrong or the picture is wrong. :)
Click to expand...

I said this about a week ago too.....i went into the icons,looked at each one,then went into the yahoo js file and changed things so all icons coinside with actual weather description....its pretty easy.

i also added some other icons that werent included in the icon sets....so mine looks real good now,i even got a tornado icon!
 
ROCKERDAN said:
I said this about a week ago too.....i went into the icons,looked at each one,then went into the yahoo js file and changed things so all icons coinside with actual weather description....its pretty easy.

i also added some other icons that werent included in the icon sets....so mine looks real good now,i even got a tornado icon!
Click to expand...

Yea, I was just about to delete the message because I figured it out. It is actually displaying what it is SUPPOSED TO but it isn't "accurate" because there aren't enough variations of the images Where did you find the additional weather icons?
 
TB07-NJ said:
Yea, I was just about to delete the message because I figured it out. It is actually displaying what it is SUPPOSED TO but it isn't "accurate" because there aren't enough variations of the images Where did you find the additional weather icons?
Click to expand...

most the icons are fine.....its the yahoo.js file that needs to be edited ....take this below,and paste it into your yahoo file. you can compare this to yours to see where i changed things.

i only changed a few icons but let me see if i can upload my icons,i found that the HTC ones someone uploaded were very lacking to say the least.

here is the yahoo js code you want to paste in...

/*****************
WEATHER: yahooWeather
******************/
var MiniIcons =
[
"tornado", //0 tornado
"tstorm3", //1 tropical storm
"tornado", //2 hurricane
"tstorm3", //3 severe thunderstorms
"tstorm2", //4 thunderstorms
"sleet", //5 mixed rain and snow
"sleet", //6 mixed rain and sleet
"sleet", //7 mixed snow and sleet
"sleet", //8 freezing drizzle
"light_rain", //9 drizzle
"sleet", //10 freezing rain
"shower2", //11 showers
"shower3", //12 showers
"snow1", //13 snow flurries
"snow2", //14 light snow showers
"snow4", //15 blowing snow
"snow4", //16 snow
"hail", //17 hail
"sleet", //18 sleet
"mist", //19 dust
"fog", //20 foggy
"mist", //21 haze
"mist", //22 smoky
"windy", //23 blustery
"windy", //24 windy
"cold", //25 cold
"cloudy5", //26 cloudy
"cloudy4_night", //27 mostly cloudy (night)
"cloudy4", //28 mostly cloudy (day)
"cloudy2_night", //29 partly cloudy (night)
"cloudy2", //30 partly cloudy (day)
"sunny_night", //31 clear (night)
"sunny", //32 sunny
"mist_night", //33 fair (night)
"mist", //34 fair (day)
"hail", //35 mixed rain and hail
"hot", //36 hot
"tstorm1", //37 isolated thunderstorms
"tstorm2", //38 scattered thunderstorms
"tstorm2", //39 scattered thunderstorms
"tstorm2", //40 scattered showers
"snow5", //41 heavy snow
"snow3", //42 scattered snow showers
"snow5", //43 heavy snow
"cloudy1", //44 partly cloudy
"storm1", //45 thundershowers
"snow2", //46 snow showers
"tstorm1", //47 isolated thundershowers
"dunno", //3200 not available
]
 
and here are the icons,just be sure to replace your klear icon set with these...and be sure your using "klear" icon set in the claude.JS file,should point to klear like this.

/******************************
GLOBAL CONFIGURATIONS
*******************************/

// Set your weather source
var enableweather = true;

var zipcode = "USNY1280";
var source = "yahooWeather"; //either "yahooWeather" or "accuWeather"

// Set to 'false' if you'd prefer Farenheit
var isCelsius = false; //true|false

// Stylesheet name under the css folder
var stylesheet = 'claude626'; //See above.

// iconSet is the folder name under images.
var iconSet = 'klear'; //See above.
var iconExt = '.png'; //See above.

var updateInterval = 15; //Minutes
 
Could someone PLEASE tell me how to change the color of the two arrows (>>) for my slide to unlock in my lock screen theme? Thanks!
 
Marco44 said:
Could someone PLEASE tell me how to change the color of the two arrows (>>) for my slide to unlock in my lock screen theme? Thanks!
Click to expand...
Look here: /private/var/stash/Themes/LockMS.theme/Bundles/com.apple.TelephonyUI

I forget which one's are which, but you'll have to use a PNG editor to change the color. I used Paint.net (freeware) to change the arrows to red.
 
I'm stuck in the same place

Ryan1524 said:
I've done this before with my iPhone 2G, but right now, I can't drop anything into my Themes folder. It's saying I don't have the right permissions.

I'm logged in under root. wtf. Any advice?


edit: got it.

photo-1.png



Amazing execution of community creativity. Thanks to all involved. [:)]
Click to expand...

I don't got it. I'm logged into root and I can't copy anything onto my phone at all, not by ssh or disk aid. In fact diskaid won't even show the root directory in the menu on the left.

I'm a bit noob so please excuse my density but anyone who can help me get this awesome theme on my phone will receive a thousand thanks.

Tim

Edit. Problem solved, I installed 'afc2add' and we're golden.
 
Please can someone explain how to get the Time to Fit on the screen please?

Which setting in Lock Background.html do I change? What do I change it to?

Ideally, I would like the time to be this size:

50d3eb5c.jpg


Please can someone help?

Thanks
 
Please can someone advise on the right setting in LockBackground.html to make the time fit perfectly in the screen?
 
Does anyone know if there are more detailed HTC icons available. They aren't very accurate. For example, I noticed my weather here is fair (sunny), but the weather js references the "mist" icon which looks like it is overcast. I changed the js to make the fair description reference the cloudy day icon for now, but I'm going to search for more detailed icons or maybe look for larger yahoo icons which are similar to HTC. I have the small set of yahoo icons and they are more accurate, but they are too blurry when enlarged for this theme.
 
bchamble said:
Does anyone know if there are more detailed HTC icons available. They aren't very accurate. For example, I noticed my weather here is fair (sunny), but the weather js references the "mist" icon which looks like it is overcast. I changed the js to make the fair description reference the cloudy day icon for now, but I'm going to search for more detailed icons or maybe look for larger yahoo icons which are similar to HTC. I have the small set of yahoo icons and they are more accurate, but they are too blurry when enlarged for this theme.
Click to expand...

download my icon set a few posts back that i attached(read posts #803,804 and 805).....they are more complete then originals.
 
you can do this to remove seconds and am/pm text from boxes

add this to end of secondsbox AND am/pmbox...... color:clear;

div#secondsbox {
position:relative;
font-size:13px;
text-align:center;
width:15px;
height:15px;
line-height:15px;
background-color:#0CC6E7;
text-shadow:none;
z-index:2;
color:clear;


div#ampmbox {
position:relative;
font-size:10px;
text-align:center;
width:15px;
height:15px;
line-height:15px;
background-color:#0CC6E7;
color:#0101DF;
text-shadow:none;
z-index:2;
color:clear;
 
I am using ifile and my weather city & temp r over lapping
Do I need to edit CSS or how can I solve this?
 
ROCKERDAN said:
you can do this to remove seconds and am/pm text from boxes

add this to end of secondsbox AND am/pmbox...... color:clear;

div#secondsbox {
position:relative;
font-size:13px;
text-align:center;
width:15px;
height:15px;
line-height:15px;
background-color:#0CC6E7;
text-shadow:none;
z-index:2;
color:clear;


div#ampmbox {
position:relative;
font-size:10px;
text-align:center;
width:15px;
height:15px;
line-height:15px;
background-color:#0CC6E7;
color:#0101DF;
text-shadow:none;
z-index:2;
color:clear;
Click to expand...


Actually you still see it, just lighter. :)
 
Search for it and you will find out how. He has explained a couple times.
Instructions from Claude for his version. All credit to him.

"If you open up the html file, you will notice that i've grouped the components together into different div elements. They are named in "clusters". These clusters are named like "timecluster", "datecluster", etc... In the CSS file, you will find the handles for these clusters.(div#timecluster, etc) Those CSS chunks contain positioning code: top, left. top defines how many pixels to move from the top. and like wise for left. Note that the entire theme has been rotated at an angle, so top is not the statusbar anymore, but it's actually directly above the text.(which would be the upper left corner in this theme.) Mess with top and left values and you will shift the entire clusters around the screen. Similarly, each cluster has smaller components in it. You can also use the same logic on them... except... their top is relative to the border of the cluster region--not the entire screen. Just play with it and u will pick it up. I've made it very easy to move things.

To remove the seconds, just put "//" in front of this line in the claudeScript.js file: document.getElementById('secondsbox').innerHTML = se;

To set your zipcode for the weather, you just set this in the same claudeScript.js file at the top under the GLOBAL CONFIGURATIONS section: var zipcode = "92843";

When I say it's simplified and optimized, I'm refering to the fact that this theme only does 3 things. time, date, and weather. nothing fancy. just display them. I have rewritten the entire script and kept only what is necessary, so it's optimized."
 
Went back to the original with some tweaks. Got the spacing the way I like it and the colors to match the Pulp Fiction wallpaper.
 

Attachments

  • photo.PNG
    photo.PNG
    210.1 KB · Views: 117
ROCKERDAN said:
you can do this to remove seconds and am/pm text from boxes

add this to end of secondsbox AND am/pmbox...... color:clear;

div#secondsbox {
position:relative;
font-size:13px;
text-align:center;
width:15px;
height:15px;
line-height:15px;
background-color:#0CC6E7;
text-shadow:none;
z-index:2;
color:clear;


div#ampmbox {
position:relative;
font-size:10px;
text-align:center;
width:15px;
height:15px;
line-height:15px;
background-color:#0CC6E7;
color:#0101DF;
text-shadow:none;
z-index:2;
color:clear;
Click to expand...

Doesnt work for me, and youre script is different to mine :confused:

This is mine (with your bit added)

div#secondsbox {
margin:20px 0 20px 0;
font-size:13px;
text-align:center;
width:15px;
height:15px;
line-height:15px;
background-color:#FFF;
color:#000;
text-shadow:none;
color:clear;
}
div#ampmbox {
margin:0;
font-size:10px;
text-align:center;
width:15px;
height:15px;
line-height:15px;
background-color:#FFF;
color:#000;
text-shadow:none;
color:clear;
 
Benji222 said:
Search for it and you will find out how. He has explained a couple times.
Instructions from Claude for his version. All credit to him.

"If you open up the html file, you will notice that i've grouped the components together into different div elements. They are named in "clusters". These clusters are named like "timecluster", "datecluster", etc... In the CSS file, you will find the handles for these clusters.(div#timecluster, etc) Those CSS chunks contain positioning code: top, left. top defines how many pixels to move from the top. and like wise for left. Note that the entire theme has been rotated at an angle, so top is not the statusbar anymore, but it's actually directly above the text.(which would be the upper left corner in this theme.) Mess with top and left values and you will shift the entire clusters around the screen. Similarly, each cluster has smaller components in it. You can also use the same logic on them... except... their top is relative to the border of the cluster region--not the entire screen. Just play with it and u will pick it up. I've made it very easy to move things.

To remove the seconds, just put "//" in front of this line in the claudeScript.js file: document.getElementById('secondsbox').innerHTML = se;

To set your zipcode for the weather, you just set this in the same claudeScript.js file at the top under the GLOBAL CONFIGURATIONS section: var zipcode = "92843";

When I say it's simplified and optimized, I'm refering to the fact that this theme only does 3 things. time, date, and weather. nothing fancy. just display them. I have rewritten the entire script and kept only what is necessary, so it's optimized."
Click to expand...

I have no "claudescript.js" file. I think he changed it around on the last version he posted on here last night. I'll have to look through the other js files.

Edit: Found it in the "js" folder. It's in file: SlantedLock.theme\private\js\SlantedLock.js

Thanks for the tip. Worked great.
 
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