[b]LIVE PREVIEW:[/b] [url=http://profiles.friendster.com/asshoLe018]PROFILE TESTER[/url] for the Live preview, when you see this image [img]http://www.geocities.com/my_nice_profile_01/bg_button.png[/img]at the top rightside of my profiLe, just cLick the image, and then you see what wiLL happen... hope you Like this trick guyz... [b]STEP 1:[/b] downLoad the two JS fiLes, rightcLick on the Link beLow, (save target as, save Link as) and then upLoad in your fiLe hosting... eg. ripway of geocities... [b]here's the new .js fiLes![/b] [url=http://www.geocities.com/for_you_018/jquerypanel.js][b]js.jquery.panel.js[/b][/url] [url=http://www.geocities.com/for_you_018/jkpanel.js][b]jkpanel.js[/b][/url] [b]STEP 2:[/b] and then, after that, copy the URL of two JS fiLes, and paste it inside the [b]boLded part[/b] of the given code beLow! [quote]//puLL down trick banner var puLLdowntr = document.createElement("script"); puLLdowntr.type = "text/javascript"; puLLdowntr.src = "[b]URL OF YOUR JKPANEL JS[/b]"; document.getElementsByTagName("head")[0].appendChild(puLLdowntr); //puLL down trick banner paneL js var puLLdownjquery = document.createElement("script"); puLLdownjquery.type = "text/javascript"; puLLdownjquery.src = "[b]URL OF YOUR JQUERY JS[/b]"; document.getElementsByTagName("head")[0].appendChild(puLLdownjquery);[/quote] and then, copy aLL the given code above, paste it in your JS fiLes... [b]STEP 3:[/b] now Let's proceed inside your CSS fiLes...just edit some boLd part of the given code beLow! and then after you change it, copy the code, paste in your CSS fiLe! [quote]/* puLLdown trick Style */ #dropdownpanel{ position: absolute; width: 100%; left: 0; top: 0; visibility:hidden; } #dropdownpanel .contentdiv{ background-color: transparent; background-image: url([b]URL OF YOUR BANNER[/b]); background-repeat: no-repeat; background-position: center center; color: white; padding: 10px; } #dropdownpanel .control{ border-top: 0px solid transparent; margin-left: 900px; color: white; font-weight: bold; text-align: center; background: transparent url("[b]URL OF YOUR BUTTON[/b]") center center no-repeat; padding-bottom: 3px; height: 50px; line-height: }[/quote] [b]NOTE:[/b] you need to make a banner having size of 800px of width and 200px of height! to make this trick better.... uhm, that's it...and your done! hope you Like it guyz...

Last edited by irishandme (2008-08-03 09:01:38)