[RELEASE] OSX LEOPARD ADD-ONs

[whodatfan]

Hey Ice,

Man, thanks for the help. It took me a while to get it just right and tweek it, but it turned out perfect! I created another dummy oneLine and pasted yours to it. I had to use part of another oneline as well cause the weather icon was doing some crazy stuff, but I finally got it perfect. Check it out:

[Bear Hunter]

CLOCK SECOND HAND DISABLE FIX

Ok...so after a few minutes of analysis...Here is the proper fix to disable the second hand on the clock and still have the hour and minute hands work to save a little system resources. According to the site the code "noSeconds" must be added to the last part of the string in the HTML file. So looking at the HTML file you will notice that it references both the "coolclock.js" and "moreskins.js". Looking a little deeper you will note that the radius in the HTML file for "swissRail" is 50. So by the process of elimination I checked to see if the radius for "swissRail" was 50 in both "coolclock.js" and "moreskins.js"....and they werent. So after fixing the radius to reflect the exact string in the HTML file....all is working.

Pics are worth a thousand words...so here you go. Just make a backup of your current files and then replace with these after you apply the changes I have highlighted below in each file:

[marcf]

Here is my theme thanks to Bear.

Thanks Bear!

[Ice9812]

Hey Ice,

Man, thanks for the help. It took me a while to get it just right and tweek it, but it turned out perfect! I created another dummy oneLine and pasted yours to it. I had to use part of another oneline as well cause the weather icon was doing some crazy stuff, but I finally got it perfect. Check it out:

it looks good glad i can help and that you got it working...looking back at the code ..i see i left out the last part of the weather icon, must have missed it on the copy and paste..sorry my bad......thats probably why it was doing somthing funny....but i edited the other post so if anyone else copies it.....

[Bear Hunter]

it looks good glad i can help and that you got it working...looking back at the code ..i see i left out the last part of the weather icon, must have missed it on the copy and paste..sorry my bad......thats probably why it was doing somthing funny....but i edited the other post so if anyone else copies it.....

Ice any luck on the calendar self update?

....and I haven't looked at your code mod yet for the calendar, but it would be sweet to get the city on the left with icon in the middle and temp on the right for the current weather....

[whodatfan]

Yeah Ice, it took me a while, but I finally got mine right looking off of one of the other oneLine stylesheets. Thanks for fixing it though, not everyone will be able to trouble shoot that kind of stuff. Great job man. Thanks again.

[Bernie-Mac]

How do you open the .html file to edit it?

[Ice9812]

Ice any luck on the calendar self update?

....and I haven't looked at your code mod yet for the calendar, but it would be sweet to get the city on the left with icon in the middle and temp on the right for the current weather....

Bear,

No luck on the calendar..ive tried about 10 different ideas but none worked...i even joined a js forum and im doing some research and i post a question about it on there but i only got one response ...they gave me acode to add but what it did was updated the calendar every minute but it also displayed a new calendar under the other every minute also..so im still working

as for the weather here you go :

here is the .css name it to whatever you would like and edit your configureme.js to load it..im not sure exactly where you would want the icon....its not sunny here now so if you want to move it to the left you right edit margin-left:
#weatherIcon{
height:75px;
width:92px;
position:relative;
margin-top:-46px;
margin-left:80px;

.....less number moves left higher number moves right:

/* Inspired by Rainmanbk */

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

#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: 0.8em;
    padding-left:20px;
}

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

#city, #temp{
}

#temp{
    font-weight:bold;
    padding-left:80px;
       color:white;
}

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

}

#weatherIcon{
    height:75px;
    width:92px;
       position:relative;
    margin-top:-46px;
    margin-left:80px;
} 

and also you need to make the margin in your .html to zero..i think your original one was set to 42.....this is just the top part of the html...dont delete your other just edit the margin to zero:

<?xml version="1.0" encoding="UTF-16"?>
<html><head>
    <base href="Private/"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <style>
        body {
            background-color: none;
            margin: 0;
            padding: 0px 0 0 0;
            height: 480px;
            width: 320px;

        }
    </style>

[Ice9812]

How do you open the .html file to edit it?

im not familiar with mac but on windows right click and open with wordpad or notepad...so use what ever is the same for mac

[Bernie-Mac]

im not familiar with mac but on windows right click and open with wordpad or notepad...so use what ever is the same for mac

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

[Ice9812]

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

i also edit them right on the phone using winscp.....try that with whatever program you use to ssh on a mac.....in winscp i right click on the html file and click on edit and i change what i want and save...open whatever program your using for mac and try it....let me know...but if you need something edited ill do it for you just tell me what you want..

[Dashiznit]

Im looking to combine the Calendar, weather and theme into 1 set instead of 3 in winterboard but im not good with html code has anyone done this or willing?

[Bernie-Mac]

i also edit them right on the phone using winscp.....try that with whatever program you use to ssh on a mac.....in winscp i right click on the html file and click on edit and i change what i want and save...open whatever program your using for mac and try it....let me know...but if you need something edited ill do it for you just tell me what you want..

tried editing using cyberduck but no dice, do you think you can just edit the widget.html of the clock widget so it doesnt have a functional second hand?

[Bear Hunter]

Ice...your the man...thanks for the help with this.

Dash....if you could do that ...it would be awesome....I'm really not good with code at all.

Saw some mods that some people did for SBSettings (from Cydia). So I decided to take a stab at it. There really is no way to make it look good at all due to the way the icons are laid out (top row off center from bottom row, different sizes, no way to make the font transparent, etc.)



Edit: Just saw this one...I think I like the design better...may mod it a little


http://www.ipodtouchfans.com/forums/...48#post1026048

[Ice9812]

tried editing using cyberduck but no dice, do you think you can just edit the widget.html of the clock widget so it doesnt have a functional second hand?

here you go...im not using it....i just edited it as bear said to in the above post...let me know if it works for you

widget:

<?xml version="1.0" encoding="UTF-16"?>
<html><head>
    <base href="Private/"/>
    <!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    
    <script type="text/javascript" src="Cool Clock/coolclock.js"/>
    <script type="text/javascript" src="Cool Clock/moreskins.js"/>
    
    <style>
        body {
            background-color: none;
            margin: 0;
            padding: 0px 0 0 0;
            height: 480px;
            width: 320px;
        }

        canvas {
            position: absolute;
            /*width: 320px;
            height: auto;*/
            margin-top:285px;
            margin-left:61px;
        }

    </style>
</head><body>
    <canvas id="clockid" class="CoolClock:swissRail:50:noSeconds"></canvas>

coolclock.js:

// maybe have a setTimeout hack??
CoolClock.addLoadEvent = function(func){
    var oldonload = window.onload;
    if (typeof window.onload != 'function')
        window.onload = func;
    else
        window.onload = function() {
            oldonload();
            func();
        }
}

CoolClock.config = {
    clockTracker: {},
    tickDelay: 1000,
    longTickDelay: 15000,
    defaultRadius: 85,
    renderRadius: 250,
    defaultSkin: "swissRail",
    skins:    {
        // more skins in moreskins.js
        // try making your own...

        swissRail: {
        
            outerBorder: { lineWidth: 60, radius:50, color: "#000000", alpha: 1 },
        
            smallIndicator: { lineWidth: 4, startAt: 80, endAt: 95, color: "white", alpha: 1 },
        
            largeIndicator: { lineWidth: 14, startAt: 77, endAt: 92, color: "#dd6655", alpha: 1 },
        
            hourHand: { lineWidth: 18, startAt: -15, endAt: 40, color: "white", alpha: 1 },
        
            minuteHand: { lineWidth: 14, startAt: 24, endAt: 100, color: "#771100", alpha: 0.5 },
        
            secondHand: { lineWidth: 3, startAt: 22, endAt: 83, color: "green", alpha: 0 },
        
            secondDecoration: { lineWidth: 1, startAt: 52, radius: 26, fillColor: "#000000", color: "red", alpha: 

0.5 }


            
        },
        chunkySwiss: {
            outerBorder: { lineWidth: 4, radius:97, color: "black", alpha: 1 },
            smallIndicator: { lineWidth: 4, startAt: 89, endAt: 93, color: "black", alpha: 1 },
            largeIndicator: { lineWidth: 8, startAt: 80, endAt: 93, color: "black", alpha: 1 },
            hourHand: { lineWidth: 12, startAt: -15, endAt: 60, color: "black", alpha: 1 },
            minuteHand: { lineWidth: 10, startAt: -15, endAt: 85, color: "black", alpha: 1 },
            secondHand: { lineWidth: 4, startAt: -20, endAt: 85, color: "red", alpha: 1 },
            secondDecoration: { lineWidth: 2, startAt: 70, radius: 8, fillColor: "red", color: "red", alpha: 1 }
        },
        chunkySwissOnBlack: {
            outerBorder: { lineWidth: 4, radius:97, color: "white", alpha: 1 },
            smallIndicator: { lineWidth: 4, startAt: 89, endAt: 93, color: "white", alpha: 1 },
            largeIndicator: { lineWidth: 8, startAt: 80, endAt: 93, color: "white", alpha: 1 },
            hourHand: { lineWidth: 12, startAt: -15, endAt: 60, color: "white", alpha: 1 },
            minuteHand: { lineWidth: 10, startAt: -15, endAt: 85, color: "white", alpha: 1 },
            secondHand: { lineWidth: 4, startAt: -20, endAt: 85, color: "red", alpha: 1 },
            secondDecoration: { lineWidth: 2, startAt: 70, radius: 8, fillColor: "red", color: "red", alpha: 1 }
        }


    }
};

CoolClock.prototype = {
    init: function(canvasId,displayRadius,skinId,showSecondHand,gmtOffset) {
        this.canvasId = canvasId;
        this.displayRadius = displayRadius || CoolClock.config.defaultRadius;
        this.skinId = skinId || CoolClock.config.defaultSkin;
        this.showSecondHand = typeof showSecondHand == "boolean" ? showSecondHand : true;
        this.tickDelay = CoolClock.config[ this.showSecondHand ? "tickDelay" : "longTickDelay"];

        this.canvas = document.getElementById(canvasId);

        this.canvas.setAttribute("width",this.displayRadius*2);
        this.canvas.setAttribute("height",this.displayRadius*2);

        this.canvas.style.width = this.displayRadius*2 + "px";
        this.canvas.style.height = this.displayRadius*2 + "px";

        this.renderRadius = CoolClock.config.renderRadius; 

        this.scale = this.displayRadius / this.renderRadius;
        this.ctx = this.canvas.getContext("2d");
        this.ctx.scale(this.scale,this.scale);

        this.gmtOffset = gmtOffset != null ? parseFloat(gmtOffset) : gmtOffset;

        CoolClock.config.clockTracker[canvasId] = this;
        this.tick();
        return this;
    },

    fullCircle: function(skin) {
        this.fullCircleAt(this.renderRadius,this.renderRadius,skin);
    },

    fullCircleAt: function(x,y,skin) {
        with (this.ctx) {
            save();
            globalAlpha = skin.alpha;
            lineWidth = skin.lineWidth;
            if (!document.all)
                beginPath();
            if (document.all)
                // excanvas doesn't scale line width so we will do it here
                lineWidth = lineWidth * this.scale;
            arc(x, y, skin.radius, 0, 2*Math.PI, false);
            if (document.all)
                // excanvas doesn't close the circle so let's color in the gap
                arc(x, y, skin.radius, -0.1, 0.1, false);
            if (skin.fillColor) {
                fillStyle = skin.fillColor
                fill();
            }
            else {
                // XXX why not stroke and fill
                strokeStyle = skin.color;
                stroke();
            }
            restore();
        }
    },

    radialLineAtAngle: function(angleFraction,skin) {
        with (this.ctx) {
            save();
            translate(this.renderRadius,this.renderRadius);
            rotate(Math.PI * (2 * angleFraction - 0.5));
            globalAlpha = skin.alpha;
            strokeStyle = skin.color;
            lineWidth = skin.lineWidth;
            if (document.all)
                // excanvas doesn't scale line width so we will do it here
                lineWidth = lineWidth * this.scale;
            if (skin.radius) {
                this.fullCircleAt(skin.startAt,0,skin)
            }
            else {
                beginPath();
                moveTo(skin.startAt,0)
                lineTo(skin.endAt,0);
                stroke();
            }
            restore();
        }
    },

    render: function(hour,min,sec) {
        var skin = CoolClock.config.skins[this.skinId];
        this.ctx.clearRect(0,0,this.renderRadius*2,this.renderRadius*2);

        this.fullCircle(skin.outerBorder);

        for (var i=0;i<60;i++)
            this.radialLineAtAngle(i/60,skin[ i%5 ? "smallIndicator" : "largeIndicator"]);
                
        this.radialLineAtAngle((hour+min/60)/12,skin.hourHand);
        this.radialLineAtAngle((min+sec/60)/60,skin.minuteHand);
        if (this.showSecondHand) {
            this.radialLineAtAngle(sec/60,skin.secondHand);
            if (!document.all)
                // decoration doesn't render right in IE so lets turn it off
                this.radialLineAtAngle(sec/60,skin.secondDecoration);
        }
    },


    nextTick: function() {
        setTimeout("CoolClock.config.clockTracker['"+this.canvasId+"'].tick()",this.tickDelay);
    },

    stillHere: function() {
        return document.getElementById(this.canvasId) != null;
    },

    refreshDisplay: function() {
        var now = new Date();
        if (this.gmtOffset != null) {
            // use GMT + gmtOffset
            var offsetNow = new Date(now.valueOf() + (this.gmtOffset * 1000 * 60 * 60));
            this.render(offsetNow.getUTCHours(),offsetNow.getUTCMinutes(),offsetNow.getUTCSeconds());
        }
        else {
            // use local time
            this.render(now.getHours(),now.getMinutes(),now.getSeconds());
        }
    },

    tick: function() {
        if (this.stillHere()) {
            this.refreshDisplay()
            this.nextTick();
        }
    }
}

CoolClock.addLoadEvent(CoolClock.findAndCreateClocks); 

moreskins.js:

CoolClock.config.skins = {



swissRail: {

    outerBorder: { lineWidth: 1, radius:50, color: "white", alpha: 1 },

    smallIndicator: { lineWidth: 2, startAt: 89, endAt: 93, color: "white", alpha: 1 },

    largeIndicator: { lineWidth: 4, startAt: 80, endAt: 93, color: "white", alpha: 1 },

    hourHand: { lineWidth: 8, startAt: -15, endAt: 50, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 7, startAt: -15, endAt: 75, color: "black", alpha: 1 },

    secondHand: { lineWidth: 3, startAt: -20, endAt: 85, color: "red", alpha: 1 },
 
    secondDecoration: { lineWidth: 1, startAt: 70, radius: 4, fillColor: "red", color: "red", alpha: 1 }
    },

    

chunkySwiss: {

    outerBorder: { lineWidth: 4, radius:97, color: "white", alpha: 1 },
        
    smallIndicator: { lineWidth: 4, startAt: 89, endAt: 93, color: "black", alpha: 1 },

    largeIndicator: { lineWidth: 8, startAt: 80, endAt: 93, color: "black", alpha: 1 },

    hourHand: { lineWidth: 12, startAt: -15, endAt: 60, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 10, startAt: -15, endAt: 85, color: "black", alpha: 1 },

    secondHand: { lineWidth: 4, startAt: -20, endAt: 85, color: "red", alpha: 1 },

    secondDecoration: { lineWidth: 2, startAt: 70, radius: 8, fillColor: "red", color: "red", alpha: 1 }
    },

    

chunkySwissOnBlack: {

    outerBorder: { lineWidth: 4, radius:97, color: "white", alpha: 1 },

    smallIndicator: { lineWidth: 4, startAt: 89, endAt: 93, color: "black", alpha: 1 },

    largeIndicator: { lineWidth: 8, startAt: 80, endAt: 93, color: "black", alpha: 1 },

    hourHand: { lineWidth: 12, startAt: -15, endAt: 60, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 10, startAt: -15, endAt: 85, color: "black", alpha: 1 },

    secondHand: { lineWidth: 4, startAt: -20, endAt: 85, color: "red", alpha: 1 },

    secondDecoration: { lineWidth: 2, startAt: 70, radius: 8, fillColor: "red", color: "red", alpha: 1 }
    },

    

fancy: {

    outerBorder: { lineWidth: 5, radius:95, color: "white", alpha: 0.7 },

    smallIndicator: { lineWidth: 1, startAt: 80, endAt: 93, color: "black", alpha: 0.4 },

    largeIndicator: { lineWidth: 1, startAt: 30, endAt: 93, color: "black", alpha: 0.5 },

    hourHand: { lineWidth: 8, startAt: -15, endAt: 50, color: "black", alpha: 0.7 },

    minuteHand: { lineWidth: 7, startAt: -15, endAt: 92, color: "black", alpha: 0.7 },

    secondHand: { lineWidth: 10, startAt: 80, endAt: 85, color: "red", alpha: 0.3 },

    secondDecoration: { lineWidth: 1, startAt: 30, radius: 50, fillColor: "blue", color: "red", alpha: 0.15 }
    },

    

machine: {

    outerBorder: { lineWidth: 10, radius:53, color: "white", alpha: 1 },

    smallIndicator: { lineWidth: 2, startAt: 60, endAt: 65, color: "black", alpha: 1 },

    largeIndicator: { lineWidth: 6, startAt: 57, endAt: 67, color: "black", alpha: 1 },

    hourHand: { lineWidth: 8, startAt: -1, endAt: 38, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 7, startAt: -1, endAt: 44, color: "black", alpha: 0.5 },

    secondHand: { lineWidth: 3, startAt: 22, endAt: 63, color: "red", alpha: 0 },

    secondDecoration: { lineWidth: 1, startAt: 53, radius: 5, fillColor: "red", color: "red", alpha: 0.5 }
    },

    

classic: {
    
outerBorder: { lineWidth: 185, radius:1, color: "white", alpha: 1 },

    smallIndicator: { lineWidth: 2, startAt: 89, endAt: 94, color: "blackC", alpha: 1 },

    largeIndicator: { lineWidth: 4, startAt: 83, endAt: 94, color: "black", alpha: 1 },

    hourHand: { lineWidth: 5, startAt: 0, endAt: 60, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 4, startAt: 0, endAt: 80, color: "black", alpha: 1 },

    secondHand: { lineWidth: 1, startAt: -20, endAt: 85, color: "red", alpha: .85 },

    secondDecoration: { lineWidth: 3, startAt: 0, radius: 2, fillColor: "black", color: "black", alpha: 1 }
    },

    

modern: {

    outerBorder: { lineWidth: 185, radius:1, color: "white", alpha: 1 },

    smallIndicator: { lineWidth: 5, startAt: 88, endAt: 94, color: "black", alpha: 1 },

    largeIndicator: { lineWidth: 5, startAt: 88, endAt: 94, color: "black", alpha: 1 },

    hourHand: { lineWidth: 8, startAt: 0, endAt: 60, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 8, startAt: 0, endAt: 80, color: "black", alpha: 1 },

    secondHand: { lineWidth: 5, startAt: 80, endAt: 85, color: "red", alpha: .85 },

    secondDecoration: { lineWidth: 3, startAt: 0, radius: 4, fillColor: "black", color: "black", alpha: 1 }
    },

    

simple: {

    outerBorder: { lineWidth: 185, radius:1, color: "white", alpha: 1 },

    smallIndicator: { lineWidth: 10, startAt: 90, endAt: 94, color: "black", alpha: 1 },

    largeIndicator: { lineWidth: 10, startAt: 90, endAt: 94, color: "black", alpha: 1 },

    hourHand: { lineWidth: 8, startAt: 0, endAt: 60, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 8, startAt: 0, endAt: 80, color: "black", alpha: 1 },

    secondHand: { lineWidth: 5, startAt: 80, endAt: 85, color: "red", alpha: .85 },

    secondDecoration: { lineWidth: 3, startAt: 0, radius: 4, fillColor: "black", color: "black", alpha: 1 }
    },

    

securephp: {

    outerBorder: { lineWidth: 100, radius:0.45, color: "white", alpha: 0.3 },

    smallIndicator: { lineWidth: 2, startAt: 80, endAt:90 , color: "black", alpha: 1 },

    largeIndicator: { lineWidth: 8.5, startAt: 20, endAt:40 , color: "black", alpha: 0.4 },

    hourHand: { lineWidth: 3, startAt: 0, endAt: 60, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 2, startAt: 0, endAt: 75, color: "black", alpha: 1 },

    secondHand: { lineWidth: 1, startAt: -10, endAt: 80, color: "red", alpha: 0.8 },

    secondDecoration: { lineWidth: 1, startAt: 70, radius: 4, fillColor: "blue", color: "red", alpha: 1 }
    },



Tes2: {

    outerBorder: { lineWidth: 4, radius:95, color: "white", alpha: 0.5 },

    smallIndicator: { lineWidth: 1, startAt: 10, endAt:50 , color: "black", alpha: 1 },

    largeIndicator: { lineWidth: 8.5, startAt: 60, endAt: 70, color: "black", alpha: 1 },

    hourHand: { lineWidth: 5, startAt: -15, endAt: 60, color: "black", alpha: 0.7 },

    minuteHand: { lineWidth: 3, startAt: -25, endAt: 75, color: "black", alpha: 0.7 },

    secondHand: { lineWidth: 1.5, startAt: -20, endAt: 88, color: "red", alpha: 1 },

    secondDecoration: { lineWidth: 1, startAt: 20, radius: 4, fillColor: "blue", color: "red", alpha: 1 }
    },




Lev: {

    outerBorder: { lineWidth:10, radius:95, color: "white", alpha: 0.65 },

    smallIndicator: { lineWidth: 5, startAt: 84, endAt: 90, color: "black", alpha: 1 },

    largeIndicator: { lineWidth: 40, startAt: 25, endAt: 95, color: "black", alpha: 0.55 },

    hourHand: { lineWidth: 4, startAt: 0, endAt: 65, color: "black", alpha: 0.9 },

    minuteHand: { lineWidth: 3, startAt: 0, endAt: 80, color: "black", alpha: 0.85 },

    secondHand: { lineWidth: 1, startAt: 0, endAt: 85, color: "red", alpha: 1 },

    secondDecoration: { lineWidth: 2, startAt: 5, radius: 10, fillColor: "black", color: "black", alpha: 1 }
    },



Sand: {

    outerBorder: { lineWidth:1, radius:70, color: "white", alpha: 0.5 },

    smallIndicator: { lineWidth: 3, startAt: 50, endAt: 70, color: "black", alpha: 0.5 },

    largeIndicator: { lineWidth: 200, startAt: 80, endAt: 95, color: "black", alpha: 0.75 },

    hourHand: { lineWidth: 4, startAt: 0, endAt: 65, color: "black", alpha: 0.9 },

    minuteHand: { lineWidth: 3, startAt: 0, endAt: 80, color: "black", alpha: 0.85 },

    secondHand: { lineWidth: 1, startAt: 0, endAt: 85, color: "red", alpha: 1 },

    secondDecoration: { lineWidth: 2, startAt: 5, radius: 10, fillColor: "black", color: "black", alpha: 1 }
    },



Sun: {

    outerBorder: { lineWidth:100, radius:140, color: "white", alpha: 0.2 },

    smallIndicator: { lineWidth: 300, startAt: 50, endAt: 70, color: "black", alpha: 0.1 },

    largeIndicator: { lineWidth: 5, startAt: 80, endAt: 95, color: "black", alpha: 0.65 },

    hourHand: { lineWidth: 4, startAt: 0, endAt: 65, color: "black", alpha: 0.9 },

    minuteHand: { lineWidth: 3, startAt: 0, endAt: 80, color: "black", alpha: 0.85 },

    secondHand: { lineWidth: 1, startAt: 0, endAt: 90, color: "red", alpha: 1 },

    secondDecoration: { lineWidth: 2, startAt: 5, radius: 10, fillColor: "black", color: "black", alpha: 1 }
    },



Tor: {

    outerBorder: { lineWidth:10, radius:88, color: "white", alpha: 0.9 },
    
    smallIndicator: { lineWidth: 6, startAt: -10, endAt: 73, color: "black", alpha: 0.3 },

    largeIndicator: { lineWidth: 6, startAt: 73, endAt: 100, color: "black", alpha: 0.65 },
    
    hourHand: { lineWidth: 4, startAt: 0, endAt: 65, color: "black", alpha: 1 },
    
    minuteHand: { lineWidth: 3, startAt: 0, endAt: 80, color: "black", alpha: 1 },

    secondHand: { lineWidth: 1, startAt: -73, endAt: 73, color: "red", alpha: 0.8 },

    secondDecoration: { lineWidth: 2, startAt: 5, radius: 10, fillColor: "black", color: "black", alpha: 1 }
    },

    

Cold: {

    outerBorder: { lineWidth:15, radius:90, color: "white", alpha: 0.3 },

    smallIndicator: { lineWidth: 15, startAt: -10, endAt: 95, color: "black", alpha: 0.1 },

    largeIndicator: { lineWidth: 3, startAt: 80, endAt: 95, color: "black", alpha: 0.65 },

    hourHand: { lineWidth: 4, startAt: 0, endAt: 65, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 3, startAt: 0, endAt: 80, color: "black", alpha: 1 },

    secondHand: { lineWidth: 1, startAt: 0, endAt: 85, color: "red", alpha: 0.8 },

    secondDecoration: { lineWidth: 5, startAt: 30, radius: 10, fillColor: "black", color: "black", alpha: 1 }
    },

    

Babosa: {

    outerBorder: { lineWidth: 100, radius:25, color: "white", alpha: 0.25 },

    smallIndicator: { lineWidth: 3, startAt: 90, endAt: 95, color: "black", alpha: 1 },

    largeIndicator: { lineWidth: 4, startAt: 75, endAt: 95, color: "black", alpha: 1 },

    hourHand: { lineWidth: 4, startAt: 0, endAt: 60, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 3, startAt: 0, endAt: 85, color: "black", alpha: 1 },

    secondHand: { lineWidth: 12, startAt: 75, endAt: 90, color: "red", alpha: 0.8 },

    secondDecoration: { lineWidth: 3, startAt: 0, radius: 4, fillColor: "black", color: "black", alpha: 1 }
    },

    

Tumb: {

    outerBorder: { lineWidth:105, radius:5, color: "white", alpha: 0.4 },

    smallIndicator: { lineWidth: 1, startAt: 93, endAt: 98, color: "black", alpha: 1 },

    largeIndicator: { lineWidth: 50, startAt: 0, endAt: 89, color: "black", alpha: 0.14 },

    hourHand: { lineWidth: 4, startAt: 0, endAt: 65, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 3, startAt: 0, endAt: 80, color: "black", alpha: 1 },

    secondHand: { lineWidth: 1, startAt: 0, endAt: 85, color: "red", alpha: 0.8 },

    secondDecoration: { lineWidth: 5, startAt: 50, radius: 90, fillColor: "black", color: "black", alpha: 0.05 }
    },

    

Stone: {

    outerBorder: { lineWidth:15, radius:80, color: "white", alpha: 0.5 },

    smallIndicator: { lineWidth: 2, startAt: 70, endAt: 90, color: "black", alpha: 0.7 },

    largeIndicator: { lineWidth: 15, startAt: 0, endAt: 29, color: "black", alpha: 0.3 },

    hourHand: { lineWidth: 4, startAt: 0, endAt: 65, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 3, startAt: 0, endAt: 75, color: "black", alpha: 1 },

    secondHand: { lineWidth: 1, startAt: 0, endAt: 85, color: "red", alpha: 0.8 },

    secondDecoration: { lineWidth: 5, startAt: 50, radius: 90, fillColor: "black", color: "black", alpha: 0.05 }
    },

    

Disc: {

    outerBorder: { lineWidth:105, radius:1, color: "white", alpha: 0.2 },

    smallIndicator: { lineWidth: 1, startAt: 58, endAt: 95, color: "black", alpha: 0.8 },

    largeIndicator: { lineWidth: 6, startAt: 25, endAt: 35, color: "black", alpha: 1 },

    hourHand: { lineWidth: 4, startAt: 0, endAt: 65, color: "black", alpha: 1 },

    minuteHand: { lineWidth: 3, startAt: 0, endAt: 75, color: "black", alpha: 1 },

    secondHand: { lineWidth: 1, startAt: -75, endAt: 75, color: "red", alpha: 0.8 },

    secondDecoration: { lineWidth: 5, startAt: 50, radius: 90, fillColor: "#00FF00", color: "green", alpha: 0.05 }
    }

}; 

[Gom33]

hey bear,

quick question, how do you search for those layered icons? i have been trying to look all over the web, lol... deviantart also, but no luck...

[Bear Hunter]

hey bear,

quick question, how do you search for those layered icons? i have been trying to look all over the web, lol... deviantart also, but no luck...

I don't know what you mean by layered icons.

[jabbawalkee]

Uggggh I'm stuck at the moment....I can't find a wallpaper I really really like besides the one of the Apple shadow on the wooden deck. I searched all over interfaceLIFT and downloaded about 10, but none of them work well with this set up. If anyone has any wallpapers they really like, please post them...

[Bear Hunter]

jabb,

Another trick is to change the "Hue" or adjust levels, saturation, etc... to a wallpaper that you might like..

[jabbawalkee]

Thanks man...yeah I've done a good bit of that with the wallpapers I like, messed with Hue, Variations (made it lighter/darker), saturation, contrast, etc. I really like the wallpaper I have now, however, I'm trying to find a few more to change it up. Here, I have attached some others I like, but don't exactly go with my setup at the moment. I'm going to tweak them more and see if I can get them to fit perfectly

I really like the first image (with the chair) but the angle of the picture with the dashboard layer makes it look weird. If I can get rid of the chair it would look much nicer. I will attach the bigger image of it as well.