[quote=cip6192][quote=unmaskedluke]its working in my profile but why is it vertical and not horizontal? it suppose to be horizontal ryt? [url]http://h1.ripway.com/unmaskedluke/wd009.jpg[/url][/quote] can we see your codes? maybe you missed the css part please prepare a preview for it :idea:[/quote] ahhh i know the problem is.... the [b]URL OF BANNER[/b] that can be found on the var cip: [quote]var cip = document.getElementById("navLang").innerHTML="<div align=\"center\" style=\"width:100%;\"><div id=\"hit_area\" onmouseover=\"toggleDown();\"><center><img src='[b]URL OF BANNER[/b]' border=0></center></div><div id=\"menu_holder\"><div id=\"nav\"><ul><li><div id=\"menu_parent3.....................................[/quote] because the banner is very useful for this, when it hoves the banner the dock will slide down and when it unhoves below the banner the dock will slide up. same also @regie

Last edited by cip6192 (2008-03-26 10:41:59)

you dont need a really wide one, as the size of my banner will do or below it, if you still have problems maybe because of the flo_wrapper id in your css. :idea: if you still having problems? its probably because of the following id's [quote]-#navLang -#navigation -table#flo_wrapper -table#flo1t -#navdivider -#shimrow -#navBg[/quote] those id must be not hide because thats all the id that handles the navLang id. and one of my friend says that: [quote]it really relates to mainnav and navlang css properties.... since people tends to play with the css... probably the chance for the dock to display correctly might failed... if the mainnav failed to hide or the navlang failed to response to the css... well... expect the dock failed... the internet connection that sometimes slow and sometimes fast could be the reason as the css loads in a improper manner....[/quote] thanks to him for the tip about this situations.

Last edited by cip6192 (2008-03-26 11:27:25)

i think theres a lot of css id that i said above is hidden, i mean most of those id is set to [b]display:none;[/b], you dont need the [b]#navigation[/b] to put your banner at the top and also the [b]#flo_wrapper{direction:ltr}[/b] and the [b]body {direction: rtl;}[/b] it will make the dock not properly align. you can use my css in the navigation part only use this as a guide, [quote]/*FriendsterMagic - first main table */ [b]table#flo_wrapper[/b] { background-color: transparent !important; } /*FriendsterMagic - second main table */ [b]table#flo1t[/b] { background-color: transparent !important; padding: 30px !important; } /* HIDDENS */ [b]#search[/b] { display:none!important;} [b]#search form[/b] {display:none!important;} [b].banner_ad_fix[/b] {display: none! Important;} [b]#navdivider[/b] { width:auto; margin:0; padding:0; font-size:0; line-height:0; border-top:2px groove #e3e3e3; border-bottom: 0px none transparent; } /* NAVIGATION BOX */ [b]#navigation[/b] { height: 50px !important; border: 0px none transparent !important; font-family: Arial !important; line-height: 1.0em !important; background: transparent !important; } [b]#marketing_bg[/b] { background-color: transparent; } [b]#marketing[/b] { width:500px; }[/quote] those black text is the id that we must use, look for those id's in your css and when the id already exist please remove that and replace it with that code. and one last time the [b]BANNER HERE[/b] at the var cip, put your image url on that capitalized text [quote]var cip = document.getElementById("navLang").innerHTML="<div align=\"center\" style=\"width:100%;\"><div id=\"hit_area\" onmouseover=\"toggleDown();\"><center><img src='[b]URL OF BANNER[/b]' border=0></center></div><div id=\"menu_holder\...................................[/quote]

Last edited by cip6192 (2008-03-26 11:57:21)

thanks cip!! ur back!!!

Awesomeeeee I love how it looks like Im gonna try this later on Errrrrr maybe you can share also that announcement box you have on your page For me its really useful and important Thanks for sharing bro Hmmm can you enable you repu? Thanks

Last edited by angelalaine (2008-03-28 20:41:15)

Very clever trick buddy....keep it up!

Last edited by lordheinz (2008-03-30 08:39:28)

in my preview? but its perfectly showing here from my place, wait ill check that? [b]checked![/b] working on mine, and i already check your codes in css properties, just remove this part in your css: [quote]/* Hide Navigation Language */ #navLang { display: none ! important } /* main navigation*/ #mainnav { margin:0 0 10px 0; padding:0 0 2px 0; width:100%; font-size:9px; font-weight:bold; background: url()opacity:.50;filter:alpha(opacity=70); fixed no-repeat center; #000000;}[/quote] and change this part: [quote]/* SUB NAVIGATION LINKS */ #subnav,#mainnav, #mainnav .left, #mainnav .right { display:none; }[/quote] to this one: [quote]/* SUB NAVIGATION LINKS */ #subnav { display:none; }[/quote] [b]edited[/b] this one too also: [quote]/* Hide Navigation Language */ #navdivider {display:none;} /* remove featured sponsor */ #marketing_bg{display:none;background:transparent;}[/quote] to this one: [quote]/* Hide Navigation Language */ #navdivider {visibility:hidden;} /* remove featured sponsor */ #marketing_bg{visibility:hidden;}[/quote] i hope it helps

Last edited by cip6192 (2008-03-30 10:28:17)

by the way, im using the growing banner trick.. can i still use this trick?

thanks for the trick

oh! this trick is really great! I love it! i also like the tutorial.. i really love it.. keep on sharing dude!

Last edited by loshang14 (2008-04-02 12:11:22)