I knew I forgot something

I think I realeased this too early. It's still buggy in IE
.gif)
[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)