1. signori's Avatar
    Hey there. So everything seems great now with the iwidget. One thing I need to change. I like the full screen clouds. But since I change the body top to 0 and moved the iwidget up the full page clouds doesn't cover the full page just a little more then half. So I guess I have to lower the clouds body. Can someone tell me where it would be located. Is it in the main CSS or clouds CSS. Thanks.

    Edit
    Ok I think I found it in the main UniAW6_iph5.css. Not sure what to set it at.

    Edit
    Sorry for editing this again. I went in the clouds js file and saw something about full screen clouds.

    cloudDiv.style.top = pixelValue(randomInteger(-90, 400));

    So if I change the -90 to something else would the full page clouds become lower on my screen.
    Last edited by signori; 2013-08-23 at 12:59 PM.
    2013-08-23 12:41 PM
  2. King_O_Hill's Avatar
    Change the 400 to something higher like 570.

    Check out WW3 for iOS 9/10 - Widget-Weather 3.0
    2013-08-23 01:04 PM
  3. <Ian Nicoll/>'s Avatar
    And don't forget the code is completely random, so sometimes it might not completely fill your screen, try a few re-springs and you should see what I mean.

    The cloud.js file will only effect the "Cloudy" condition, so if your going to adjust things you need to adjust all weather conditions that have clouds, to be honest I wouldn't think changing the body top setting from -20 to zero would make much noticeable difference!

    Iphone 5 screen height is 568px minus the -90 setting, so to be sure you cover all the screen you would need -90 (because cloud images are smaller than their canvas size) to 658 (568 + 90).

    Iphone 4 would be -90, 510.

    Now I know you are completely confused LOL....

    Remember... all .js files that have clouds.
    Last edited by <Ian Nicoll/>; 2013-08-23 at 02:17 PM.
    2013-08-23 02:11 PM
  4. NewD's Avatar
    Ian, now that you're not in a major update mode with UniAW, though I know you're still crazy busy at work, is there a way I might get you to make some darker cloud images just as an alternate for some of us that would want it? My thought is that the static cloud for the mostly cloudy weather condition should be a good deal grayer as it is what we see on mostly cloudy days. But then the gray set that you would make would be for the cloudy and all rain weather conditions. In those conditions the clouds are almost never pure white. They're very gray to very dark. Then I could simply call for them from their appropriate weather.JS file. All I would be asking from you is your wonderful artwork. I would want to static cloud image that's gray. And then several cloud images that are medium gray to dark gray.

    Only if you get bored, of course. And not asking for any specific time. Just one of those things you can do when you're simply in the mood. Thanks for even considering this very personal request. I just love your artwork.

    Hope you're having a great day.
    Grant
    2013-08-23 04:42 PM
  5. A11AST3R's Avatar
    I'm done Ferlop mod with Uniaw 6.4 mod with timedwalls working....i can post it if someone want...


    So I have been trying to find this for the iphone 4, I have attempted to make it fit, but my coding skills are not up to par as everyone on here is, is there any chance that someone here can help and fix this for the iphone 4 ? I have scoured the forums for the past few hours looking for it and havent been able to find this one in particular. Any help is greatly appreciated. Amazing work as always all!!!
    2013-08-23 10:30 PM
  6. King_O_Hill's Avatar
    So I have been trying to find this for the iphone 4, I have attempted to make it fit, but my coding skills are not up to par as everyone on here is, is there any chance that someone here can help and fix this for the iphone 4 ? I have scoured the forums for the past few hours looking for it and havent been able to find this one in particular. Any help is greatly appreciated. Amazing work as always all!!!
    You mean this:

    http://modmyi.com/showpost.php?p=6923713

    Check out WW3 for iOS 9/10 - Widget-Weather 3.0
    2013-08-23 10:47 PM
  7. A11AST3R's Avatar
    Right. But when i download that file this is what I get. Attachment 646563
    I'd prefer the other to take advantage of the scrolling weather walls.
    2013-08-23 11:11 PM
  8. dannyk1984's Avatar
    i like it can you upload it Tia

    So I have been trying to find this for the iphone 4, I have attempted to make it fit, but my coding skills are not up to par as everyone on here is, is there any chance that someone here can help and fix this for the iphone 4 ? I have scoured the forums for the past few hours looking for it and havent been able to find this one in particular. Any help is greatly appreciated. Amazing work as always all!!!
    2013-08-23 11:39 PM
  9. <Ian Nicoll/>'s Avatar
    Ian, now that you're not in a major update mode with UniAW, though I know you're still crazy busy at work, is there a way I might get you to make some darker cloud images just as an alternate for some of us that would want it? My thought is that the static cloud for the mostly cloudy weather condition should be a good deal grayer as it is what we see on mostly cloudy days. But then the gray set that you would make would be for the cloudy and all rain weather conditions. In those conditions the clouds are almost never pure white. They're very gray to very dark. Then I could simply call for them from their appropriate weather.JS file. All I would be asking from you is your wonderful artwork. I would want to static cloud image that's gray. And then several cloud images that are medium gray to dark gray.

    Only if you get bored, of course. And not asking for any specific time. Just one of those things you can do when you're simply in the mood. Thanks for even considering this very personal request. I just love your artwork.

    Hope you're having a great day.
    Grant
    Hi Grant,

    Example: Thunderstorms.

    Go to "Javascript/Weather/iph5" and open the "thunderstorm.js" file.
    In the "createACloud" function, change this line:
    Code:
    image.src = "Images/Weather/cloud/" + where + "/cloud" + randomInteger(1, NUMBER_OF_CLOUD_IMAGES) + ".png";
    To this:
    Code:
    image.src = "Images/Weather/cloud/night" + "/cloud" + randomInteger(1, NUMBER_OF_CLOUD_IMAGES) + ".png";
    This now means that the thunderstorms condition will always use the darker clouds.

    You can also use this link in rain,js, cloud.js, whatever you want.

    If the night clouds are too dark for you I guess I could make a new "inbetween" set.
    2013-08-24 07:58 AM
  10. Bacardi85's Avatar
    Hi Ian, can you please tell me how to change the color for the weather icon on Weather.js? i tried to change the color but cant put the outer Glow.. any idea?

    document.getElementById("weatherImg").setAttribute ('style', "-webkit-mask-image: url('./weather/pic/" + newSymbol + ".png');-webkit-mask-size:cover;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center; background-color: #e7e7e7;");


    Last edited by Bacardi85; 2013-08-24 at 08:14 AM.
    2013-08-24 08:12 AM
  11. Bulldog5278's Avatar
    Loving this,Thanks "Dexy/Ferlop"I'm not sure about my choice of dock tho?ImageUploadedByModMyi1377326055.003157.jpg

    ImageUploadedByModMyi1377326392.747923.jpg this ones better I think,
    Last edited by Bulldog5278; 2013-08-24 at 08:40 AM.
    2013-08-24 08:34 AM
  12. <Ian Nicoll/>'s Avatar
    Hi Ian, can you please tell me how to change the color for the weather icon on Weather.js? i tried to change the color but cant put the outer Glow.. any idea?

    document.getElementById("weatherImg").setAttribute ('style', "-webkit-mask-image: url('./weather/pic/" + newSymbol + ".png');-webkit-mask-size:cover;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center; background-color: #e7e7e7;");
    Add this and play with the numbers, the last one is the blur amount so for a glow effect this needs to be quite high.

    text-shadow: #0893be 3px 3px 8px;
    2013-08-24 08:46 AM
  13. Bacardi85's Avatar
    Add this and play with the numbers, the last one is the blur amount so for a glow effect this needs to be quite high.

    text-shadow: #0893be 3px 3px 8px;
    i tried to add but didn't work, even i went on photoshop to put the glow on the weather icons lol

    This is now.. what i just did

    document.getElementById("weatherImg").setAttribute ('style', "-webkit-mask-image: url('./weather/pic/" + newSymbol + ".png');-webkit-mask-size:cover;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center; background-color: #e7e7e7; text-shadow: #0893be 3px 3px 8px");
    document.getElementById("weatherImg").style.width = 52*ratio;
    Last edited by Bacardi85; 2013-08-24 at 09:19 AM.
    2013-08-24 08:52 AM
  14. <Ian Nicoll/>'s Avatar
    i tried to add but didn't work, even i went on photoshop to put the glow on the weather icons lol

    This is now.. what i just did

    document.getElementById("weatherImg").setAttribute ('style', "-webkit-mask-image: url('./weather/pic/" + newSymbol + ".png');-webkit-mask-size:cover;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center; background-color: #e7e7e7; text-shadow: #0893be 3px 3px 8px");
    document.getElementById("weatherImg").style.width = 52*ratio;
    Ah, ok, so I believe it's an image? Then text-shadow won't work, can you send me a link to it so I can look? Is the weather icon that tiny little thing before the temperature?

    To be clear, you want the black weather icons to be white with the blue glow?
    Last edited by <Ian Nicoll/>; 2013-08-24 at 09:34 AM.
    2013-08-24 09:27 AM
  15. Bacardi85's Avatar
    Ah, ok, so I believe it's an image? Then text-shadow won't work, can you send me a link to it so I can look? Is the weather icon that tiny little thing before the temperature?

    To be clear, you want the black weather icons to be white with the blue glow?
    do you have a mac? will work with Libe wallpaper.. the format is in lwpp or you want me to zip everything?

    EDIT : the white icon between the location and the temperature

    Just Send the links on your inbox, thank you
    Last edited by Bacardi85; 2013-08-24 at 09:44 AM.
    2013-08-24 09:35 AM
  16. <Ian Nicoll/>'s Avatar
    do you have a mac? will work with Libe wallpaper.. the format is in lwpp or you want me to zip everything?

    EDIT : the white icon between the location and the temperature

    Just Send the links on your inbox, thank you
    I'm not sure what the mask is for, please try one of these icon sets (attached).
    Attached Files
    2013-08-24 09:48 AM
  17. Bacardi85's Avatar
    I'm not sure what the mask is for, please try one of these icon sets (attached).
    thats what i did on PS.. but nothing changed.. im able to change the color with the codes.. but the problem its only can't add the outer Glow.. and i tried your icons and replace them.. but still the same
    2013-08-24 09:54 AM
  18. <Ian Nicoll/>'s Avatar
    thats what i did on PS.. but nothing changed.. im able to change the color with the codes.. but the problem its only can't add the outer Glow.. and i tried your icons and replace them.. but still the same
    Yeah M8, it's because it is using the image as a mask, I don't know why it does it this way.

    I can't get it working on my Mac & don't want to spent too long on it but you could try changing it to a direct link instead of using a mask, something like this but not tested!

    Replace all this:
    Code:
    document.getElementById("weatherImg").setAttribute('style', "-webkit-mask-image: url('./weather/pic/" + newSymbol + ".png');-webkit-mask-size:cover;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center; background-color: #e7e7e7; text-shadow: #0893be 3px 3px 8px");
    with something like this:
    Code:
    document.getElementById("weatherImg").style.backgroundImage = "url('./weather/pic/" + newSymbol + ".png')";
    Sorry can't be of more help bro.
    2013-08-24 10:07 AM
  19. Bacardi85's Avatar
    Yeah M8, it's because it is using the image as a mask, I don't know why it does it this way.

    I can't get it working on my Mac & don't want to spent too long on it but you could try changing it to a direct link instead of using a mask, something like this but not tested!

    Replace all this:
    Code:
    document.getElementById("weatherImg").setAttribute('style', "-webkit-mask-image: url('./weather/pic/" + newSymbol + ".png');-webkit-mask-size:cover;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center; background-color: #e7e7e7; text-shadow: #0893be 3px 3px 8px");
    with something like this:
    Code:
    document.getElementById("weatherImg").style.backgroundImage = "url('./weather/pic/" + newSymbol + ".png')";
    Sorry can't be of more help bro.
    okey thanks pal, ill try this out my last chance lol

    EDIT : didnt work.. but thanks for your time
    Last edited by Bacardi85; 2013-08-24 at 10:14 AM.
    2013-08-24 10:09 AM
  20. <Ian Nicoll/>'s Avatar
    okey thanks pal, ill try this out my last chance lol

    EDIT : didnt work.. but thanks for your time
    Sorry pal, it will work if you get it right, I think the above didn't work because we have no css style for it, maybe you need to add the style too.

    On;y example:
    Code:
    document.getElementById("weatherImg").setAttribute('style', "url('./weather/pic/" + newSymbol + ".png'); width:20px; height: 20px; no-repeat; position: center center; background-color: transparent;");
    2013-08-24 10:31 AM
LINK TO POST COPIED TO CLIPBOARD