How to add weather widget to homescreen

[km54291]

So f'ing sexy!




CSS style: oneLine

#WeatherContainer{
	margin-top:340px;
	width:100%;
	color:white;
	background-color: transparent;
	height:27px;
	padding-top:7px;
}

Now to see if the weather changes since its actually 79 degrees.

Make sure you disabled RealFeel. I am in NYC and mine is showing up as 81 degrees which is correct now. I used New York, NY for my local setting.

[trevorrawson]

Is anyone else's iPhone running extremely slow after installing this widget? I've tried soft respring, hard respring, turning it off then back on and even a full reboot. But it just bogs down my phone to where it's not even worth having. It looks great and nobody else seems to be having any problems. Any reason on why this might be happening and what to do about it?

[Ale_lock]

Make sure you disabled RealFeel. I am in NYC and mine is showing up as 81 degrees which is correct now. I used New York, NY for my local setting. I want my stuff on one line though.. where does the above go? Can you upload your NYC custom file?

// Supplied styles are 'originalBubble', 'myopia', 'iconOnly' and 'split'.
// (Add your own to the CSS folder!)
var stylesheetWall = 'oneLine' //'originalBubble'|'myopia'|'iconOnly'|'split'|'oneLine'|'taskbar'|'taskbar_city'
var stylesheetLock = 'iconOnly' //See above.

This area of the file "configureMe.js" is where you dictate how you want the weather displayed, also thanks for reminding me about real feal weather (its displaying proper figures now).

As for getting it just about in between your forth line and the dock, edit the oneLine.css file in the "\WeatherWidget.theme\Private\Stylesheets" folder and just modify the margin-top.

#WeatherContainer{
	margin-top:340px;
	width:100%;
	color:white;
	background-color: transparent;
	height:27px;
	padding-top:7px;
}

[km54291]

// Supplied styles are 'originalBubble', 'myopia', 'iconOnly' and 'split'.
// (Add your own to the CSS folder!)
var stylesheetWall = 'oneLine' //'originalBubble'|'myopia'|'iconOnly'|'split'|'oneLine'|'taskbar'|'taskbar_city'
var stylesheetLock = 'iconOnly' //See above.

This area of the file "configureMe.js" is where you dictate how you want the weather displayed, also thanks for reminding me about real feal weather (its displaying proper figures now).

As for getting it just about in between your forth line and the dock, edit the oneLine.css file in the "WeatherWidget.themePrivateStylesheets" folder and just modify the margin-top.

#WeatherContainer{
	margin-top:340px;
	width:100%;
	color:white;
	background-color: transparent;
	height:27px;
	padding-top:7px;
}

Thank you! After I posted my question to you, I finally found where to modify this and successfully did so. I deleted the question from my original post, but I guess you already saw it! haha.

Glad to hear your temperature is working properly now!

Is anyone else's iPhone running extremely slow after installing this widget? I've tried soft respring, hard respring, turning it off then back on and even a full reboot. But it just bogs down my phone to where it's not even worth having. It looks great and nobody else seems to be having any problems. Any reason on why this might be happening and what to do about it?

Just FYI that I personally am not seeing a slow down in anything so far, but if I do, I will come back and post.

[dmighty]

Anyone know how i can move the weather icon to the center of the temp and state? It shows as below. The Weather Icon is located on the bottom left



Here is my oneline.css file as well
Thanks

/* Inspired by Rainmanbk */

#WeatherContainer{
margin-top:340px;
width:100%;
color:white;
background-color: transparent;
height:27px;
padding-top:7px;
}

#TextContainer{
font-size:14px;
font-family: Helvetica;
text-shadow: rgba(0,0,0,0.7) 0 0 2px;
margin:none;
width:320px;
}

#city{
text-transform:capitalize;
padding-left:10px;
}

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

#city, #temp{
}

#temp{
font-weight:bold;
padding-left:5px;
}

#desc{
text-transform:capitalize;
text-align: right;
padding-right:10px;
float:right;
}

#weatherIcon{
height:28px;
width:28px;
position:relative;
margin-top:-21px;
margin-left:100px;

[aqd84]

hey thas what im trying to do .. to get the ONELINE down like urs so that it wont look like its behind all the icons..

so for that code do i put that in the configureme.Js??

[dmighty]

hey thas what im trying to do .. to get the ONELINE down like urs so that it wont look like its behind all the icons..

so for that code do i put that in the configureme.Js??

Not quite sure. I thought it was the weathericon within the oneline.css file but apparently not. Im hoping someone can assist

PS> i notice a few posted images with 5 dock icons.. Is that a winterboard add in? or is that images from an older firmware?

Thanks

[km54291]

hey thas what im trying to do .. to get the ONELINE down like urs so that it wont look like its behind all the icons..

so for that code do i put that in the configureme.Js??

inside the configureMe.js file, you need to change the following:

// Supplied styles are 'originalBubble', 'myopia', 'iconOnly' and 'split'.
// (Add your own to the CSS folder!)
var stylesheetWall = 'oneLine' //'originalBubble'|'myopia'|'iconOnly'|'split'|'oneL ine'|'taskbar'|'taskbar_city'
var stylesheetLock = 'oneLine' //See above.

[aqd84]

thanks bro i think i got it.. cheers

it looks great now.. thanks guys..

[gafu]

try this for oneline.css,except change the color(where yellow is on mine)to whatever you like

#WeatherContainer{
margin-top:433px; <--------all the way at the bottom,if not,try 355
width:100%;
color:yellow; <--------white,red,black(wont show)orange,etc
background-color: rgba(0,0,0,0.00); <----all zeros for clear background
height:27px;
padding-top:7px;
}



Good Luck!

[noi80]

try this for oneline.css,except change the color(where yellow is on mine)to whatever you like

#WeatherContainer{
margin-top:433px; <--------all the way at the bottom,if not,try 355
width:100%;
color:yellow; <--------white,red,black(wont show)orange,etc
background-color: rgba(0,0,0,0.00); <----all zeros for clear background
height:27px;
padding-top:7px;
}



Good Luck!

Thanks. I this is exactly what I wanted to know about oneLine.css file.
Now I think I can assume the same attributes to other css files.

[dmighty]

try this for oneline.css,except change the color(where yellow is on mine)to whatever you like

#WeatherContainer{
margin-top:433px; <--------all the way at the bottom,if not,try 355
width:100%;
color:yellow; <--------white,red,black(wont show)orange,etc
background-color: rgba(0,0,0,0.00); <----all zeros for clear background
height:27px;
padding-top:7px;
}



Good Luck!

Thats going to move it completely to the bottom.. I am trying to just move the weather icon, which is currently at the bottom left (behind the phone). I want it to be in the middle of temperature and the weather description (most sunny, etc..) like i have seen others

Thansk

[noi80]

I read somewhere in the post that you need WIFI in order to update the temperatures.
Is this true? If it is, as wonderful as this widget is, it is useless to me.

EDIT:
Nevermind. I confirmed it updates through 3G/Edge. Nice Widget!

[aonavy]

Here you go, let me know if it needs tweaks.

Thanks Buddy. Ill check it tonight when I get home from work. Just over write what i go threw ssh?

[gafu]

Thats going to move it completely to the bottom.. I am trying to just move the weather icon, which is currently at the bottom left (behind the phone). I want it to be in the middle of temperature and the weather description (most sunny, etc..) like i have seen others

Thansk

#TextContainer{
font-size:15
px;
font-family: Helvetica;
text-shadow: rgba(0,0,0,0.7) 0 0 2px;
margin:none;
width:320px;
}

#city{
text-transform:capitalize;
padding-left:10px;
}

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

#city, #temp{
}

#temp{
font-weight:bold;
padding-left:5px;
}

#desc{
text-transform:capitalize;
text-align: right;
padding-right:10px;
float:right;
}

#weatherIcon{**********<--------------make sure that is what yours says
height:32px;
width:32px;
position:relative;
margin-top:-23px;
margin-left:144px;
}

[JRML970]

Anybody know how I can get the temperature up in between the icon and city?
EDIT: Fixed

[ProjectGSX]

I was able to integrate the weather widget with the Time of Day wallpaper changing theme. If anyone wants to try to do that and is comfortable editing .css files, send me a PM and Ill let you know how I did it.

[dmighty]

#weatherIcon{**********<--------------make sure that is what yours says
height:32px;
width:32px;
position:relative;
margin-top:-23px;
margin-left:144px;
}

Thank you gafu, that did it

[renegaderon]

Ahh

[gafu]

youre quite welcomed!