[quote=traNzisTa]gimana iia biar image di headernya itu di kiri, bukan di kanan?[/quote]
coba d sininya mba.. gnti ma left 
[spoiler]/**
* Show Hide Effects
* Copyright: FeRuZZ � 
http://profiles.friendster.com/feruzz
* Effects animation by 
http://wiki.script.aculo.us/scriptaculo � ect.toggle
* Updates: May 28, 2008
* You are free:
    * to copy, distribute, display, and perform the work
    * to make derivative works
**/
/*global EventHandler, window, event, document*/
EventHandler = {};
(function () {
    EventHandler = {
        add: function (obj, type, fn) {
            if (obj.addEventListener) {
                obj.addEventListener(type, fn, false);
            } else if (obj.attachEvent) {
                obj["e" + type + fn] = fn;
                obj[type + fn] = function () {
                    obj["e" + type + fn](window.event);
                };
                obj.attachEvent("on" + type, obj[type + fn]);
            } else {
                obj["on" + type] = obj["e" + type + fn];
            }
        },
        remove: function (obj, type, fn) {
            try {
                obj.removeEventListener(type, fn, false);
            } catch (e) {
                try {
                    obj.detachEvent("on" + type, fn);
                } catch (er) {
                    obj["on" + type] = null;
                }
            }
        }
    };
})();
/*global exJS*/
exJS = {};
(function () {
    exJS = {
        loader: function (src, fn, sid) {
            var i,
            j,
            x,
            id,
            d = document,
            s = typeof d.scripts !== "undefined" ? d.scripts: d.getElementsByTagName("script");
            if (!sid) {
                id = src.replace(/^([\-\/\w]+\/)/, "").replace(/\.[\-=\?\&\w]+$/, "");
            } else {
                id = sid;
            }
            for (i = 0, j = s.length; i < j; i += 1) {
                if (s[i].id === id) {
                    x = s[i];
                }
            }
            if (!x) {
                s = d.createElement("script");
                s.src = src;
                d.getElementsByTagName("head")[0].appendChild(s);
                exJS.regScript(src, fn);
                if (typeof debug !== "undefined") {
                    status += "," + id;
                }
            }
        },
        regScript: function (src, fn) {
            if (typeof fn === "function" && isObject(document.body)) {
                fn();
            } else if (typeof fn === "string") {
                window.setTimeout(function () {
                    exJS.regScript(src, fn);
                },
                10);
            }
        }
    };
})();
/*global EFFECTS*/
EFFECTS = {};
(function () {
    EFFECTS = {
        x: null,
        effect: "appear", //optional: "slide", "blind" & "appear"
        ownername: document.getElementById("controlpanel_header").innerHTML.replace(/<a[\S\s]*?><\/a>/g, ""),
        image: {
            "effectsbox": ["http://i94.photobucket.com/albums/l116/feruzz/show.png",
            "http://i94.photobucket.com/albums/l116/feruzz/hide.png"]
        },
        toggleHide: function (obj) {
            var el = EFFECTS.$(obj);
            el.style.display = "none";
        },
        init: function () {
            var contentbox = ["0", "1", "13", "12", "6", "18", "10", "15", "14", "2", "7", "8"];
            var x, y;
            for (x = 0, y = contentbox.length; x < y; x += 1) {
                try {
                    EFFECTS.toggleHide("content_" + contentbox[x] + "");
                } catch (e) {}
            }
            for (var val in EFFECTS.image) {
                if (typeof EFFECTS.image[val] !== "function") {
                    try {
                        //Controlpanel
                        EFFECTS.x = EFFECTS.boxClassName(/controlpanel/i)[0].getElementsByTagName("h1")[0];
                        EFFECTS.x.innerHTML = "<div style=\"float: [b][color=#ff0000]right[/color][/b];padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'content_0','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
                        "<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Controlpanel\"></a>" + "</div>" + EFFECTS.ownername + "";
                    } catch (Controlpanel) {
                        EFFECTS.x = "";
                    } try {
                        //Photos
                        EFFECTS.x = EFFECTS.boxClassName(/photos/i)[0].getElementsByTagName("h2")[0];
                        EFFECTS.x.innerHTML = "<div style=\"float: [b][color=#ff0000]right[/color][/b];padding: 4px 11px;\"  class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'content_1','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
                        "<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Photos\"></a>" + "</div>" + EFFECTS.ownername + "'s Photo Gallery";
                    } catch (Photos) {
                        EFFECTS.x = "";
                    } try {
                        //Blogs
                        EFFECTS.x = EFFECTS.boxClassName(/blogs/i)[0].getElementsByTagName("h2")[0];
                        EFFECTS.x.innerHTML = "<div style=\"float: [b][color=#ff0000]right[/color][/b];padding: 4px 11px;\"  class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'content_13','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
                        "<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Blogs\"></a>" + "</div>" + EFFECTS.ownername + "'s Blogs";
                    } catch (Blogs) {
                            EFFECTS.x = "";
                    } try {
                        //Reviews
                        EFFECTS.x = EFFECTS.boxClassName(/reviews/i)[0].getElementsByTagName("h2")[0];
                        EFFECTS.x.innerHTML = "<div style=\"float: [b][color=#ff0000]right[/color][/b];padding: 4px 11px;\"  class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'content_12','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
                        "<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Reviews\"></a>" + "</div>" + EFFECTS.ownername + "'s Reviews";
                    } catch (Reviews) {
                        EFFECTS.x = "";
                    } try {
                        //Moreabout
                        EFFECTS.x = EFFECTS.boxClassName(/moreabout/i)[0].getElementsByTagName("h2")[0];
                        EFFECTS.x.innerHTML = "<div style=\"float: [b][color=#ff0000]right[/color][/b];padding: 4px 11px;\"  class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'content_6','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
                        "<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Moreabout\"></a>" + "</div>More About " + EFFECTS.ownername + "";
                    } catch (Moreabout) {
                        EFFECTS.x = "";
                    } try {
                        //Publiccomments
                        EFFECTS.x = EFFECTS.boxClassName(/publiccomments/i)[0].getElementsByTagName("h2")[0];
                        EFFECTS.x.innerHTML = "<div style=\"float: [b][color=#ff0000]right[/color][/b];padding: 4px 11px;\"  class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'content_18','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
                        "<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Publiccomments\"></a>" + "</div>Testimonials and Comments for " + EFFECTS.ownername + "";
                    } catch (Publiccomments) {
                        EFFECTS.x = "";
                    } try {
                        //Media Box
                        EFFECTS.x = EFFECTS.boxClassName(/scrapbook/i)[0].getElementsByTagName("h2")[0];
                        EFFECTS.x.innerHTML = "<div style=\"float: [b][color=#ff0000]right[/color][/b];padding: 4px 11px;\"  class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'content_10','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
                        "<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Media Box\"></a>" + "</div>" + EFFECTS.ownername + "'s Media Box";
                    } catch (Media) {
                        EFFECTS.x = "";
                    } try {
                        //Friends
                        EFFECTS.x = EFFECTS.boxClassName(/friends/i)[0].getElementsByTagName("h2")[0];
                        EFFECTS.x.innerHTML = "<div style=\"float: [b][color=#ff0000]right[/color][/b];padding: 4px 11px;\"  class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'content_2','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
                        "<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Friends\"></a>" + "</div>" + EFFECTS.ownername + "'s Friends";
                    } catch (Friends) {
                        EFFECTS.x = "";
                    } try {
                        //Fan of
                        EFFECTS.x = EFFECTS.boxClassName(/fanof/i)[0].getElementsByTagName("h2")[0];
                        EFFECTS.x.innerHTML = "<div style=\"float: [b][color=#ff0000]right[/color][/b];padding: 4px 11px;\"  class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'content_7','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
                        "<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Fan of\"></a>" + "</div>" + EFFECTS.ownername + "'s a Fan Of...";
                    } catch (Fan) {
                        EFFECTS.x = "";
                    } try {
                        //Groups
                        EFFECTS.x = EFFECTS.boxClassName(/groups/i)[0].getElementsByTagName("h2")[0];
                        EFFECTS.x.innerHTML = "<div style=\"float: [b][color=#ff0000]right[/color][/b];padding: 4px 11px;\"  class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'content_8','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\">" +
                        "<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Groups\"></a>" + "</div>" + EFFECTS.ownername + "'s Groups";
                    } catch (Groups) {
                        EFFECTS.x = "";
                    }
                }
            }
        },
        $: function () {
            var elements = [];
            for (var i = 0, j = arguments.length; i < j; i += 1) {
                var element = arguments[i];
                if (typeof element === "string") {
                    element = document.getElementById(element);
                }
                if (arguments.length === 1) {
                    return element;
                }
                elements.push(element);
            }
            return elements;
        },
        boxFX: function (srcElm, divid, effect, fImg, sImg) {
            Effect.toggle(divid, effect, {
                afterFinish: function () {
                    var image = srcElm.getElementsByTagName("img")[0];
                    image.src = image.src.match(fImg) ? sImg: fImg;
                }
            });
            return true;
        },
        boxClassName: function (sClass, parentElement) {
            var children = (EFFECTS.$(parentElement) || document.body).getElementsByTagName("*");
            var elements = [], child;
            var length = children.length;
            for (var x = 0, y = length; x < y; x += 1) {
                child = children[x];
                if (new RegExp(sClass).test(child.className)) {
                    elements.push(child);
                }
            }
            return elements;
        }
    };
})();
//For IE5.0
if (![].push) {
    Array.prototype.push = function () {
        for (var x = 0, y = arguments.length; x < y; x += 1) {
            this[this.length] = arguments[x];
        }
        return this.length;
    };
}
exJS.loader("http://script.aculo.us/prototype.js", 0);
exJS.loader("http://script.aculo.us/effects.js", 0);
EventHandler.add(window, "load", EFFECTS.init);[/spoiler]
kserobot ama abangkuh 
 
  
					Last edited by uareoutside (2008-09-22 08:23:16)