[RELEASE] OSX LEOPARD ADD-ONs

[Bear Hunter]

That looks great man... I may have to use some of those....nice work. Sometimes I stay away from pre cropped images (320x480)...and download the full wallpaper then reduce by 45-60 % depending on how large it is, followed by setting a fixed sized crop tool and move it around to eliminate objects that I may not like.

[Troy_Hatton]

I thought so too but when i open it in notepad for mac a blank page opens

Download Dashboard for Mac and use that as your default application to open .html files. It comes with leopard I believe but just google it and you find plenty of download sites. Hope this helps.

[jabbawalkee]

That looks great man... I may have to use some of those....nice work. Sometimes I stay away from pre cropped images (320x480)...and download the full wallpaper then reduce by 45-60 % depending on how large it is, followed by setting a fixed sized crop tool and move it around to eliminate objects that I may not like.

Yeah those are certainly the best from InterfaceLIFT, in my opinion...I can still find the full-sized version if you want

[bacman]

here's finally mine
SB settings is fantastic
my dock is reflective
I use "smultron" to edit .html on my mac

[Bear Hunter]

Lookin good guys....here comes some of the wallpapers I have collected. Haven't had a chance to tweak them yet: See attached below

Here are a couple screenshots just messing around testing the Night Clock Face: The Winter Wallpaper I was running before is still my fav right now:

Night Clock faces: Pre-Sized and Enlarged

[Bear Hunter]

More Walls

[jabbawalkee]

....here comes some of the wallpapers I have collected. Haven't had a chance to tweak them yet: See attached below

Ah those look beautiful...especially the first one of the screenshots!

[Bear Hunter]

Thanks....Other tweaks you could consider if you find a wallpaper that you like, but don't think it looks good with your current setup is standard colored dock icons, use photo filter on the weather widget, same for the dock...try different transparencies for the white dock, and stuff like that.

Creativity is the key...think about what you are currently running on your computer and how you have it setup. Walls don't have to be limited to:



I think I had that on my computer for a grand total of 10 minutes after I installed Leopard on my iMac and MBP

[Troy_Hatton]

Thanks....Other tweaks you could consider if you find a wallpaper that you like, but don't think it looks good with your current setup is standard colored dock icons, use photo filter on the weather widget, same for the dock...try different transparencies for the white dock, and stuff like that.

Creativity is the key...think about what you are currently running on your computer and how you have it setup. Walls don't have to be limited to:



I think I had that on my computer for a grand total of 10 minutes after I installed Leopard on my iMac and MBP

Can you please post a .psd with the dark grey weather widget that you have above. I have tried changing it with photoshop but haven't had any luck... I also like that black clock you recently posted. I know how to add that, my only issue is the weather widget and I can't seem to find it in the layers to the right with the "eyes"... I have been messing with photoshop a lot but there definitely is a learning curve!!! I really would like to be able to add my own wallpapers but the one that I like most doesn't look right with the white or blue weather widget background. Thanks in advance!

[Bear Hunter]

Just in case anyone is using the Night Clock....these are the adjustments I made (highlighted). Obviously you would also change the hour and minute hands to white and keep the seconds red.

[Bear Hunter]

Can you please post a .psd with the dark grey weather widget that you have above. I have tried changing it with photoshop but haven't had any luck... I also like that black clock you recently posted. I know how to add that, my only issue is the weather widget and I can't seem to find it in the layers to the right with the "eyes"... I have been messing with photoshop a lot but there definitely is a learning curve!!! I really would like to be able to add my own wallpapers but the one that I like most doesn't look right with the white or blue weather widget background. Thanks in advance!

Here you go man...just drag it into your master PSD file. (see attached below)

[Namikaze4]

can someone put the step by step tut on how to install this

[jabbawalkee]

can someone put the step by step tut on how to install this

Check the first post of this thread...download "Plug and Play" and read the README where Bear Hunter has provided very detailed instructions.

[Tokyo]

Well I need some help I've got it started but I need some more things to add but am not sure what to add. I don't have mobile wifi on my iPhone yet I have to wait 2 weeks so I need a big handy widget that I can replace the weather area with. So any ideas would be good.

And I know I need 5 icon dock and maybe new wallpaper (Thats the style of my current one) but anything else I could add to my home screen or any icons I could mod? Id like some ideas my homescreen feels boring and empty after all this .

[Ice9812]

bear,

im sure youve seen this before but incase you havent...check it out

http://www.modmyi.com/forums/winterb...bg-images.html

its a code written by cpjr that rotates wallpapers...i currently have 12 different wallpapers rotating for your theme... two different themes 7 in one and 5 in another one is x-rated and one is not..lol..to get it to work i have all you html codes named to widget.html and this one is wallpaper.html

here is the html code from his post and there are easy direction on how to add more wallpapers in your roatation

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: black;
margin: 0;
padding: 0;
height: 480px;
width: 320px;
}

img {
-webkit-transition-property: opacity;
-webkit-transition-duration: 3s;
position: absolute;
width: 320px;
height: auto;
}

img.fade-out {
opacity: 0;
}

img.fade-in {
opacity: 1;
}
</style>
</head>
<body style="color: black">

<img src="wallpaper/one.png"/>
<img src="wallpaper/two.png"/>
<img src="wallpaper/three.png"/>
<img src="wallpaper/four.png"/>
<img src="wallpaper/five.png"/>
<img src="wallpaper/six.png"/>
<img src="wallpaper/seven.png"/>

<script>
// 
// Displays each <img> once in random order before
// randomizing the list again.
// Just add an <img> tag with your filename to add a pic,
// and change interval to control the cycle speed.

var interval = 4 * 20; // Seconds between change

var images = document.getElementsByTagName("img");
var imageArray = [];
var imageCount = images.length;
var current = 0;

var randomize = function(){
return (Math.round(Math.random() * 3 - 1.5));
}

for(var i = 0; i < imageCount; i++){
images[i].className = 'fade-out';
imageArray[i] = images[i];
}
imageArray.sort(randomize);

var fade = function(){

imageArray[current++].className = 'fade-out';
if(current == imageCount){
current = 0;
imageArray.sort(randomize);
}
imageArray[current].className = 'fade-in';

setTimeout(fade, interval * 1000);
};

fade();
</script>

</body></html>

[Namikaze4]

Check the first post of this thread...download "Plug and Play" and read the README where Bear Hunter has provided very detailed instructions.

yea, i've done that but the original iphone icons still show up

[bacman]

Ice9812
You seem to be "the"expert in editing htlm files
can you plz help me to finish translating the Reduced 6 Day Forecast.theme as shown in my screenshot, the changes i made in the wallpaper.js do no work? I've spent hours to try to find the solution.

[Bear Hunter]

Namikaze4..... You need to install Categories from Cydia and understand how that program works. You also need to install blank applicaitons referenced in the 1st post so you can move your icons where you need them.....and you also need to replace your current icons with the ones provided in the links which are in the README file. Also, if you look several pages back...you will see that MARC posted the icons that I am using. Those icons go into your "Icons" folder in your theme folder.

Ice... I haven't tried rotating wallpaper yet.....Might have to give it a shot, and get a collection of walls together.

Special Thanks to Ice for providing the weather "inline" code a couple pages back. I attempted to modify it a little to replicate the actual Dashboard Weather Widget as close as possible. The only thing I couldn't do was get the "City" centered with the enlarged "Temp". They seem to be locked "inline" from the bottom. If anyone knows how to do what I'm talking about...please let me know.

So with this modification I made a little tweak to the Weather widget: See below...just drag and drop into your PSD file and set the drop shadow to 31 or whatever you have it set as.

Original Dashboard Weather Widget: You will see that the city is centered inline...vs the bottom. Not really concerned with adding "hi/low" to the top since it is the same information as the 6 day below for that day.



Minor adjustments to black and blue weather widgets (see instructions above). For those that do not have Photoshop (free trial) or Gimp (free)...Go get it.



....and a test screenshot with the current day/month color codes changed via instructions provided in the Calendar.theme README file.



Edit: Here is the adjusted code....I just hack so check my work

/* Inspired by Rainmanbk */ 

#WeatherContainer{ 
    margin-top:86px; 
    width:100%; 
    color:white;
    font-weight:bold; 
    background-color: transparent; 
    height:27px; 
    padding-top:0px; 
} 

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

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

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

#city, #temp{ 

} 

#temp{ 
    font-weight:normal;
    font-size:24px; 
    padding-left:38px;
       color:white; 
} 

#desc{ 
    text-transform:capitalize; 
    text-align: right; 
    padding-right:7px;
    float:right; 
       color:transparent; 

} 

#weatherIcon{ 
    height:57px; 
    width:68px; 
       position:relative; 
    margin-top:-42px; 
    margin-left:73px; 
}

[jabbawalkee]

Put that new code in the myopia.css file and its not quite working well...i readjusted to account for the fact that my weather widget is below where yours is, but still no dice yet. Here's what I'm using atm:

/* Inspired by Rainmanbk */

#WeatherContainer{
margin-top:140px;
margin-right:255px;
width:100%;
color:white;
font-weight:bold;
background-color: transparent;
height:27px;
padding-top:0px;
}

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

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

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

#city, #temp{

}

#temp{
font-weight:normal;
font-size:24px;
padding-left:38px;
color:white;
}

#desc{
text-transform:capitalize;
text-align: right;
padding-right:7px;
float:right;
color:transparent;

}

#weatherIcon{
height:57px;
width:68px;
position:relative;
margin-top:-56px;
margin-left0px;
}

[Tokyo]

So no one wants to suggest anything