[RELEASE] OSX LEOPARD ADD-ONs

[jabbawalkee]

I love it...but you know I always like your work!

[Ice9812]

It didn't look exactly like that at first...the temp was covering the weather icon. I increased the padding for temp to 78px and now it looks much better (almost identical to yours). Any idea how to make the temp size bigger (like in bearhunter's screenie)?

option 1:
you can add a font size to the temp section:
#temp{
font-weight:bold;
padding-left:65px;
color:white;

option 2:
or just make the font size bigger in the textcontainer:
#TextContainer{
font-size:17px;
font-family: Helvetica;
text-shadow: rgba(0,0,0,0.7) 0 0 2px;
margin:none;
width:160px;
z-index:1;

but than you have to add a font size in city to make it smaller:
#city{
text-transform:capitalize;
font-variant: small-caps;
font-size: 0.8em;
padding-left:0px;
}

let me know post a screen shot

[Bear Hunter]

Looks great bear, and with the new code we get weather description (partly cloudy, etc.) and it solves the shifting down problem?

Yes the new code that Ice9812 wrote combines the weather to all in one and solves all shifting problems.

Ice...You're the man bro!

[jwart11]

How do i get it so the icons stay on the right of the screen and don't cover up the widgets?

[ju5t1n28]

How do i get it so the icons stay on the right of the screen and don't cover up the widgets?

blank apps

[Bernie-Mac]

Yes the new code that Ice9812 wrote combines the weather to all in one and solves all shifting problems.

Ice...You're the man bro!

Yay! he hasnt released the code yet right or has he?

[jwart11]

whats the best way to get blank apps? any links for download?

[jabbawalkee]

whats the best way to get blank apps? any links for download?

Download Steffwiz repository on Cydia and then look under the category "blank apps" and you can download as many as you want.

[Bear Hunter]

Alright guys...here it is: Courtesy of Ice9812's hard work:

Combo Widget Download

Includes the following: See README File

1. Calendar.theme: SSH to "/Library/Themes" and activate in Winterboard

***YOU MUST PUT THE "Info.plist" INSIDE YOUR LEOPARD THEME FOLDER NOT THE "CALENDAR THEME" FOLDER*******

2. Clock Widget: SSH to "/Library/Themes" and activate in Winterboard.

3. WX & Calendar Combo: Used if you want to run the weather and calendar simultaneously on one HTML file. SSH to "/Library/Themes" and activate in Winterboard.

***YOU MUST PUT THE "Info.plist" INSIDE YOUR LEOPARD THEME FOLDER NOT THE "WX & CALENDAR COMBO" FOLDER*******

4. WX Forecast.theme: SSH to "/Library/Themes" and activate in Winterboard

The combination of the current and 6 Day forecast into one widget fixes any issues you may have had with the old version "dropping" the 6 day forecast by 10px"

Here is what it looks like... I am running the Weather and Calendar as a Combination, and the Clock separately in Winterboard. No need to run current weather embedded in your Leopard Theme Folder.



These Widgets are All-In-One, Stand alone versions activated in Winterboard


DOWNLOAD

Send big files the easy way. Files too large for email attachments? No problem!

[Ice9812]

Yay! he hasnt released the code yet right or has he?

yes i did a few posts back..check bears above post

here it is currently in the pic below....one theme folder one widget.html running the weather, the 6 day weather, the calendar and the basic clock

[Ice9812]

Alright guys...here it is: Courtesy of Ice9812's hard work:

Combo Widget Download

Includes the following: See README File

1. Calendar.theme: SSH to "/Library/Themes" and activate in Winterboard

***YOU MUST PUT THE "Info.plist" INSIDE YOUR LEOPARD THEME FOLDER NOT THE "CALENDAR THEME" FOLDER*******

2. Clock Widget: SSH to "/Library/Themes" and activate in Winterboard.

3. WX & Calendar Combo: Used if you want to run the weather and calendar simultaneously on one HTML file. SSH to "/Library/Themes" and activate in Winterboard.

***YOU MUST PUT THE "Info.plist" INSIDE YOUR LEOPARD THEME FOLDER NOT THE "WX & CALENDAR COMBO" FOLDER*******

4. WX Forecast.theme: SSH to "/Library/Themes" and activate in Winterboard

The combination of the current and 6 Day forecast into one widget fixes any issues you may have had with the old version "dropping" the 6 day forecast by 10px"

Here is what it looks like... I am running the Weather and Calendar as a Combination, and the Clock separately in Winterboard. No need to run current weather embedded in your Leopard Theme Folder.



These Widgets are All-In-One, Stand alone versions activated in Winterboard


DOWNLOAD

Send big files the easy way. Files too large for email attachments? No problem!

Bear Nice work on the twoLine.css...it Looks nice....i like how you modified it.....thanks for the dl link

[Bernie-Mac]

Sweet! Does this have an auto-updating calendar too or you havent figured that it out yet?

:edit: Looking at mine, the weather seems a bit off from Bear's, hold on ill post a pic soon.

:edit: Ok here is the pic, the actual degrees is to the right a bit and the weather and description are shifted down a lil bit. A plus tho is that apparently from adding those two widgets into one my iPhone is faster than it was before

[Ice9812]

Sweet! Does this have an auto-updating calendar too or you havent figured that it out yet?

:edit: Looking at mine, the weather seems a bit off from Bear's, hold on ill post a pic soon.

:edit: Ok here is the pic, the actual degrees is to the right a bit and the weather and description are shifted down a lil bit. A plus tho is that apparently from adding those two widgets into one my iPhone is faster than it was before

Bernie-mac..you can try adjusting the padding left...
#temp{
font-weight:normal;
padding-left:65px;
color:white;

}
depending on how long your city name is it would shift the temp left or right..bears city has 8 letters and your is 6...go to 67 or 68 see what happens...but only go a couple at a time b/c if you go up too high youll push the temp down under the city....let me know if you need a hand

i noticed the same thing by running everything from one html it does run better.......ive noticed that the less "theme folders" you have in winterboard the better....ive deleted all the theme folders that are in winterboard that i have turned off...and i loaded the custom keyboard using ssh in the artwork files the old way..that helped some too..

as for the calendar we are still working on it....

theres alot you can do with the twoLine.css if you play with the numbers..im running mine like this...one widget running the weather/6 day, calendar and the clock on top

[Bernie-Mac]

Bernie-mac..you can try adjusting the padding left...
#temp{
font-weight:normal;
padding-left:65px;
color:white;

}
depending on how long your city name is it would shift the temp left or right..bears city has 8 letters and your is 6...go to 67 or 68 see what happens...but only go a couple at a time b/c if you go up too high youll push the temp down under the city....let me know if you need a hand

What file do i edit for that? And can i do the same for the 6 day forecast and the description that says "sunny" or whatever since its shifted down for me?

[Ice9812]

What file do i edit for that? And can i do the same for the 6 day forecast and the description that says "sunny" or whatever?

the twoLine.css...look at my above pic...you can change it around alot....just have to play with the numbers...i like my city bigger and the weather icon smaller
also i dont think its shifted down for you...Bear has made an updated weatherwidget background....its in the updated dl for the addons...you have to paste it on you wallpaper using photoshop if you want it just like his...

[Bernie-Mac]

the twoLine.css...look at my above pic...you can change it around alot....just have to play with the numbers...i like my city bigger and the weather icon smaller
also i dont think its shifted down for you...Bear has made an updated weatherwidget background....its in the updated dl for the addons...you have to paste it on you wallpaper using photoshop if you want it just like his...

Oh, i changed the background and its all fine but i adjusted the line from 65px to 69 px like you said but it hasnt shifted to the right one bit

Hmm...After installing the new weather widget my battery was 100% when i went to sleep and i just woke up and its 40% with 50 minutes of usage and 7 hours and 30 minutes of standby. In the WX combo thingy i have the interval set to 60 minutes, is there something i missed?

[Bear Hunter]

Add more

Original distance from .css

#temp{
    font-weight:normal;
    padding-left:65px;
    color:white;

Looks like you need to add at least 15px...Doesn't make any sense though..it lines up perfectly on my phone?

Don't know what's up with your battery. It doesn't make any sense that your usage would increase dut to the combo widget HTML your using (calendar, weather). The weather is the only thing that self updates (meaning the calendar is not using any resources), and if you have it set at 60 min..... It should be no different than running them separately.

Is anyone else's temp too close to the weather icon? I had so many backups and working copies last night...it is entirely possible that I might have uploaded the second to last .css file before final tweaks. I don't think I did though...because the Temp is set for "padding-left:65px" on both copies I just pulled off my phone.

THE CODE IN "TWOLINE.CSS" FILE IS DIFFERENT IN THE WEATHER COMBO THAN IT IS IF YOU THE WEATHER WIDGET SEPARATELY. I HAD TO MAKE SOME ADJUSTMENTS THAT WERE DIFFERENT WHEN I TESTED IT IN THE "WEATHER/CALENDAR COMBO PROVIDED BY ICE

WEATHER WIDGET ONLY "TWOLINE.CSS"

#WeatherContainer{
    margin-top:85px;
    margin-left:25px;
    width:100%;
    color:white;
    background-color: transparent;
    height:27px;
    
}

#TextContainer{
    font-size:24px;
    font-family:  Helvetica;
    text-shadow: rgba(0,0,0,0.7) 0 0 2px;
    margin-left:5px;
    width:160px;
    z-index:1;
}

#city{
    text-transform:capitalize;
    font-variant: small-caps; 
    font-size: 10px;
    font-weight:bold;
    padding-left:0px;
}

#TextContainer p{
    margin:0;
    display:inline;
}

#city, #temp{
}

#temp{
    font-weight:normal;
    padding-left:65px;
    color:white;

}

#desc{
       text-transform:capitalize;
	display:none;
       font-size: 8px;
       color:white;
       z-index:0;
}

#weatherIcon{
    height:63px;
    width:65px;
    position:inline;
    margin-top:-55px;
    margin-left: 55px;
    
}

#middle {
	overflow:hidden;
       margin-top:-10px;

}
#Forecast {
    font-size:11px;
    font-family: Helvetica;
    text-shadow: rgba(0,0,0,0.7) 0 0 2px;
    background-color: transparent;
    margin:none;
    text-align: center;
    width:160px;
    color:white;
    z-index:1;
}

#day1, #day2, #day3, #day4, #day5, #day0 {
	vertical-align:top;
	width:30em!important;width:13.3px;
	display:table-cell!important;display:inline;
	font-weight:bold;
       padding-top:6px;
       padding-left:0px;
}

#icon1, #icon2, #icon3, #icon4, #icon5, #icon0 {
    height:24px;
    width:24px;
    padding-top:0px;
	vertical-align:top;
	width:5em!important;width:13.3px;
	display:table-cell!important;display:inline;
}

#hi1, #hi2, #hi3, #hi4, #hi5, #hi0 {
	vertical-align:top;
	width:15em!important;width:33.3px;
	display:table-cell!important;display:inline;
    	font-color:#eeeeee;
}

#low1, #low2, #low3, #low4, #low5, #low0 {
	vertical-align:top;
	width:15em!important;width:13.3px;
	display:table-cell!important;display:inline;
    	font-color:#999999;
       padding-bottom:3px;
}

WEATHER & CALENDAR COMBO "TWOLINE.CSS

#WeatherContainer{
    margin-top:-214px;
    margin-left:25px;
    width:100%;
    color:white;
    background-color: transparent;
    height:27px;
    
}

#TextContainer{
    font-size:24px;
    font-family:  Helvetica;
    text-shadow: rgba(0,0,0,0.7) 0 0 2px;
    margin-left:5px;
    width:160px;
    z-index:1;
}

#city{
    text-transform:capitalize;
    font-variant: small-caps; 
    font-size: 10px;
    font-weight:bold;
    padding-left:0px;
}

#TextContainer p{
    margin:0;
    display:inline;
}

#city, #temp{
}

#temp{
    font-weight:normal;
    padding-left:65px;
    color:white;

}

#desc{
       text-transform:capitalize;
	display:none;
       font-size: 8px;
       color:white;
       z-index:0;
}

#weatherIcon{
    height:63px;
    width:65px;
    position:inline;
    margin-top:-55px;
    margin-left: 55px;
    
}

#middle {
	overflow:hidden;
       margin-top:-10px;

}
#Forecast {
    font-size:11px;
    font-family: Helvetica;
    text-shadow: rgba(0,0,0,0.7) 0 0 2px;
    background-color: transparent;
    margin:none;
    text-align: center;
    width:160px;
    color:white;
    z-index:1;
}

#day1, #day2, #day3, #day4, #day5, #day0 {
	vertical-align:top;
	width:30em!important;width:13.3px;
	display:table-cell!important;display:inline;
	font-weight:bold;
       padding-top:6px;
       padding-left:0px;
}

#icon1, #icon2, #icon3, #icon4, #icon5, #icon0 {
    height:24px;
    width:24px;
    padding-top:0px;
	vertical-align:top;
	width:5em!important;width:13.3px;
	display:table-cell!important;display:inline;
}

#hi1, #hi2, #hi3, #hi4, #hi5, #hi0 {
	vertical-align:top;
	width:15em!important;width:33.3px;
	display:table-cell!important;display:inline;
    	font-color:#eeeeee;
}

#low1, #low2, #low3, #low4, #low5, #low0 {
	vertical-align:top;
	width:15em!important;width:13.3px;
	display:table-cell!important;display:inline;
    	font-color:#999999;
       padding-bottom:3px;
}

[Bernie-Mac]

Ok, ill try that. And as far as my battery goes i did enable a mobile me thing last night so i had 2 push accounts going..maybe that was it although idk why push would kill my battery

[Bear Hunter]

Ok, ill try that. And as far as my battery goes i did enable a mobile me thing last night so i had 2 push accounts going..maybe that was it although idk why push would kill my battery

Well...I think that is a key piece of information that people need to know. The impression you gave is that the widgets drained the heck out of your battery. People have had tons of battery issues with Push enabled.

Another note....if you replace the weather icons (ie...don't use the ones provided), it is entirely possible that they are different in size which would shift things around also.

...Just add 15 to 20px to the line identified above and you should be good to go.

Just trying something a little different... Not sure about it yet. I added some shading to where the condition description goes to try and tie it together. Here is what it looks like.. If you like it the adjusted backgrounds are below...just drag into your PSD file:

[jabbawalkee]

Mine is very misaligned ughh...