[b]LIVE PREVIEW:[/b] [url=http://profiles.friendster.com/asshole018][b]PROFILE TESTER[/b][/url] [b]SCREENSHOT:[/b] [img]http://www.geocities.com/for_you_018/mycooLprofiLe/cpaneLbtn_preview.jpg[/img] NOTE: the codes i used on this trick is originally made by [b]Xavierkym: about Change CP Buttons/Marital Status [JS][/b]... but i add some images codes to make this trick cooL...hup u Lyk it... aLL you have to do is edit the [b]boLd part[/b] of the given code beLow, and then copy, and then paste it in your JS fiLes... [b]SAMPLE IMAGES:[/b] [quote][align=center][img]http://www.geocities.com/for_you_018/mycooLprofiLe/btn_message.png[/img] [img]http://www.geocities.com/for_you_018/mycooLprofiLe/btn_addme.png[/img] [img]http://www.geocities.com/for_you_018/mycooLprofiLe/btn_groups.png[/img] [img]http://www.geocities.com/for_you_018/mycooLprofiLe/btn_bLog.png[/img] [img]http://www.geocities.com/for_you_018/mycooLprofiLe/btn_bookmark.png[/img] [img]http://www.geocities.com/for_you_018/mycooLprofiLe/btn_testify.png[/img] [img]http://www.geocities.com/for_you_018/mycooLprofiLe/btn_smiLe.png[/img] [img]http://www.geocities.com/for_you_018/mycooLprofiLe/btn_4ward.png[/img][/align][/quote] [b]you can use the sampLe images to get the exact size of images you want...[/b] [quote]//controLpaneL styLe if (!attachOnLoadHandler(function(){onLoad();})) window.onload = function(){onLoad();}; function onLoad() { if(pageViewerID != pageOwnerID) {CPBUTTONS.init();} } if (typeof CPBUTTONS == "undefined") { CPBUTTONS = {}; } CPBUTTONS = { tagName: [], moduleName: [], init: function() { this.moduleName = document.getElementById("content_0"); this.tagName = this.moduleName.getElementsByTagName('ul')[0]; this.tagName.innerHTML = this.tagName.innerHTML.replace(/Send Message/, '<img src=\"[b]URL OF UR MESSAGE IMAGE[/b]\" style=\"float:center\">'); this.tagName.innerHTML = this.tagName.innerHTML.replace(/Send a Smile/, '<img src=\"[b]URL OF UR SMILE IMAGE[/b]\" style=\"float:center\">'); this.tagName.innerHTML = this.tagName.innerHTML.replace(/Forward to Friend/, '<img src=\"[b]URL OF UR FORWARD TO A FRIEND IMAGE[/b]\" style=\"float:center\">'); this.tagName.innerHTML = this.tagName.innerHTML.replace(/Invite to Group/, '<img src=\"[b]URL OF UR INVITE 2 GROUP IMAGE[/b]\" style=\"float:center\">'); this.tagName.innerHTML = this.tagName.innerHTML.replace(/Add Comment/, '<img src=\"[b]URL OF UR ADD COMMENT IMAGE[/b]\" style=\"float:center\">'); this.tagName.innerHTML = this.tagName.innerHTML.replace(/Add Bookmark/, '<img src=\"[b]URL OF UR ADD BOOKMARK IMAGE[/b]\" style=\"float:center\">'); this.tagName.innerHTML = this.tagName.innerHTML.replace(/View Blog/, '<img src=\"[b]URL OF UR BLOG IMAGE[/b]\" style=\"float:center\">'); this.tagName.innerHTML = this.tagName.innerHTML.replace(/Add as Friend/, '<img src="\[b]URL OF UR ADD AS FRIEND IMAGE[/b]\" style=\"float:center\">'); } };[/quote] sorry, i forgot this one...haha... [b]FOR UR CSS EXTENSION: [/b] copy the code beLow and then paste it in your css extension! [quote]/* CONTROL PANEL: BUTTONS */ #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { border: 0px; text-align:center; background-color: transparent; background-image: url(); padding-bottom: 5px; padding-top: 5px; padding-left: 2px; padding-right: 2px; margin-top:2px; margin-bottom:2px; margin-right:2px; margin-left:2px; text-decoration: none; } #controlPanelButtons a:hover { border: 0px; text-align:center; background-color: transparent; background-image: url(); padding-bottom: 5px; padding-top: 5px; padding-left: 2px; padding-right: 2px; margin-top:2px; margin-bottom:2px; margin-right:2px; margin-left:2px; text-decoration: none; }[/quote] if u want to view this tricks in your own profiLe, u need to Logout or use other FS account... credits for [b]Xavierkym[/b]

Last edited by irishandme (2008-07-31 01:25:23)