first things first i would like to give credit to Mr. Cip for the effects .js files.. next are the ftalk members! I learned so many things from this site.. I love you guys! and gals! hehe.. this is just a simple code for page entry.. (I'm no Coder, I barely know these stuff) [b]WARNING [/b] [b]: THIS CODE NEEDS EVERYTHING ON THE TOP NAV HIDDEN[/b] I dont know if it works in IE.. codes might get mixed up. first paste these above your onload handler: (cip's effects!) [quote]document.write('<script src="http://h1.ripway.com/dracoknight09/tracker/Fx/scriptaculous.js" type="text/javascript"></script>'); document.write('<script src="http://h1.ripway.com/dracoknight09/tracker/Fx/prototype.js" type="text/javascript"></script>'); document.write('<script src="http://h1.ripway.com/dracoknight09/tracker/Fx/effects.js" type="text/javascript"></script>');[/quote] next, paste this inside the loader: [quote]var slodde = "<br><br><input type='image' style='border: 0px transparent none; background-color: transparent;' src='[b]url of your enter image[/b]' onclick=\"javascript:Effect.toggle($('mainnav'),'slide')\"> <a href='[b]redirection page on exit[/b]'><img src='[b]url of your exit image[/b]'></a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>"; document.getElementById('mainnav').style.height='100%'; document.getElementById('mainnav').style.overflowY='hidden'; document.getElementById('mainnav').innerHTML = "<table width='100%'><tr><td align='center'>"+slodde+"</td></tr></table>";[/quote] this one's for the banner. I added this to make the header minimizers work without this the upper headers will be blocked by an invisible force! HAHA! (I'm serious).. The image must be at least 150px high to work and for aesthetic reasons be 800px wide... hope you get me! you can skip this one and hide marketing in CSS if you dont have buttons on top.. [quote]var slodde = "<img src='[b]url of banner[/b]' />"; document.getElementById('marketing_bg').style.height='100%'; document.getElementById('marketing_bg').style.overflowY='hidden'; document.getElementById('marketing_bg').innerHTML = "<table width='100%'><tr><td align='center'>"+slodde+"</td></tr></table>";[/quote] lastly add these inside your external CSS. [quote]#navdivider { display:none; } #navLang { display:none; } #surfer { display:none; } #logo { display:none; } #search { display:none; } #search form { display:none; } #subnav { display:none; } #navdivider { display:none; } #marketing { display:none; } #mainnav { background-image: url([b]url of loading background[/b]); background-attachment: scroll; background-position: bottom right; background-repeat: repeat; height: [b]#px[/b]; width: [b]#px[/b]; blockquote span.cap-g { float: left; font-size: 1.7em; padding: 0 0.15em; margin: 0 0.15em -0.5em 0; color: #ffffff; background: transparent; border: 3px outset #000000; }[/quote] remember that CSS is very customizable.. edit the properties! Just Edit the Bold text and your all done!! Visit my profile for a preview! [url]http://profiles.friendster.com/crystalballer09[/url] Mods please correct anything that's wrong!

Last edited by dracoknight09 (2007-12-28 13:23:38)