I knew I forgot something I think I realeased this too early. It's still buggy in IE [b]update: Make it Float![/b] * see add-on near the bottom pf this post [b]Screenshot:[/b] [img]http://h1.ripway.com/shakiro/2008/dock.JPG[/img] [b]Preview: [url=http://profiles.friendster.com/babababooya][sup]+rep me[/sup][/url][/b] [b]Iimportant![/b] - If you are using the sexy sliding menu js, this will not work because it uses the jquery framework. The mootools needs to be removed or only 1 of your menus will work, so first remove the codes for the sexy sliding menu. If you don't have one, then that's good too [b]Step 0:[/b] Save backup files for your current js files and css [b]Step 1:[/b] Download this [url=http://www.ndesign-studio.com/file/css-dock-menu.zip]zip file[/url] [quote][b]contents:[/b] * jquery.js * interface.js * some png images * complete example of the original code in html[/quote] [b]Step 2:[/b] Extract & upload [b][color=green]jquery.js[/color][/b] and [b][color=blue]interface.js[/color][/b] [b]Step 3:[/b] copy this code and save as [b]dockeye.js[/b] <">[b]Now:[/b] upload it that's right you need all 3 js files wahehe [b]Step 4:[/b] copy this code and insert it in your js <">[b]Now:[/b] Edit the paths to your your [b][color=green]jquery.js[/color], [color=blue]interface.js[/color][/b] and [b]dockeye.js[/b] [b]Also (but you can do this last):[/b] Edit your links and images. They are in the [b]dock-container[/b] found inside the [b]fishdock[/b] variable Use the following format: [quote]<a class='dock-item' href='[b]Your_Url[/b]'><span>[b]This is the Heading when Hovered[/b]</span><img src='[b]Url_to_Image[/b]' alt='[b]Link_Title[/b]'/></a>[/quote] [b]take note:[/b] Pls pls pls edit the image urls bcoz I know you don't want to be stuck using the same images as me, just like how I also don't want you using up my bandwidth seriously change the image urls click [url=http://www.iconspedia.com/]here[/url] to search for png images [img]http://h1.ripway.com/shakiro/2008/icons.JPG[/img] [url=http://www.iconspedia.com/]website for png images & icons packs[/url] [b]The 5th & Final Step:[/b] the CSS * copy & paste this into your stylesheet (CSS) <">[b]That's it! You're done unless you still need to change the images Preview: [url=http://profiles.friendster.com/babababooya][sup]+rep me[/sup][/url] optional add-on: Stay at the Top of Window[/b] place this code after your dock menu codes <">[b]credits: [url=http://interface.eyecon.ro ]Stephen Petre[/url] for the interface script included in the zip file [url=http://www.ndesign-studio.com/blog/mac/css-dock-menu]www.ndesign-studio.com[/url] for the zip file & me - for profile integration and the stay-at-the-top add-on [img]http://h1.ripway.com/shakiro/69.gif[/img][/b]

Last edited by shakiro214 (2008-03-06 15:47:55)