Mini Mods - Ajax Fisheye Menu

This modification was just something random that I adapted to vBulletin.. I will release it with the status of beta, and when it has been proven to be stable, I will update it...

Demo of fisheye effect:
Demo
Demo - Vbulletin Live example (slightly modified from original release)

Installation:
Step 1:
- Extract and Upload contents of the "upload" folder to your server

Step 2:
Admin CP> Plugins and Products> Manage Products> Add/Import Product> Import> product-ajax_fisheye_menu.xml

Step 3:
Admin CP> vBulletin Options> Ajax Fisheye Menu >
Change.... Path to 'fisheye' directory
Attachment 72006

Step 4:
- Add

$afm_menu

in whatever template you decide to show menu (most likely navbar or header template)

Step 5(skip if vBa CMPS is not installed):
If you have vBadvance CMPS installed, you will need to do the following in order for this to work on your homepage as well:
- Admin CP> vBa CMPS > Default Settings> Main Options>
- Under the 'Portal Output Global Variables' setting you will need to add "afm_menu"

Step 6:
- Now you will need to configure the menu entries.. open the 'afm_fisheye_menu' template under the 'Ajax Fisheye Menu' template group.
- To add new menu items just use the following format:

<a class="dock-item" href="#"><img src="fisheye/images/home.png" alt="home" /><span>Home</span></a>

To Update:
- Reupload contents of upload folder to forum root...
- Import new product XML file with the overwrite setting on

V. 0.95-beta
+ Added a couple necessary AdminCP options
--- Enable/Disable option
--- Path to fisheye directory option

V. 0.94-beta
+ Fixed IE Quick Edit bug
+ Fixed IE font size drop down bug
(I have a feeling that this version will fix most of the Ajax related bugs, but members will have to let me know...)

V. 0.93-beta
+ Fixed fisheye directory error... now you only have to upload to your root..
+ Mood Manager now able to change moods in IE..
+ Added a folder in zip called 'extras' that include a set of blue themed icons made from the original set...

V. 0.92-beta
[s] + Added $vboptions[bburl] reference to images and scripts for smoother integration (thanks yoyoyoyo)[/s]
+ Added install.txt within zip file

V. 0.91-beta
+ Fixed IE blocks bug
+ Moved Stylesheet to Templates for easier editing
-- You can now edit the stylesheet by going to the 'afm_fisheye_stylesheet' template
+ Cached Templates

V. 0.9 - beta release
+ Fisheye effect

Step 6:
Come back to this thread and give me some feedback...

Known Bugs:
[s] - One user reports hover effect doesn't work in opera browser[/s]
- User Reports conflicts with shoutbox and casino mod
[s] - Unable to change mood in Mood Manager while using IE6.. works in IE7 and firefox[/s]
[s] - Unable to use Quick Edit in IE[/s]
- User Reports bug with VBPicGallery: "This mod looks fine everywhere except the gallery, where the icons show as a huge size, with text next to them."
[s] - Advanced Editor has weird code inside text size selector and font selector drop down boxes[/s]

Future Features
AdminCP Options
[s] - Enable/Disable[/s]
- Maybe options to set images and links in menu
- Any other suggestions welcome...


Script adapted from:
http://www.ndesign-studio.com/blog/mac/css-dock-menu

Here are some free icons you could possibly use with the dock:
http://www.dezinerfolio.com/2007/02/...a-gloss-icons/

This site has hundreds of icons.. but the site is in chinese...
http://www.tucoo.com/icon/index.htm
[S] I will provided limited support for this hack, and will continue to work on and update it when I can.. [/S]

I am no longer developing or supporting this MOD...

There are other things in life more important than VB you know

[Scr00L00s3]

Great hack. Works like a champ. <installed>

[PabloAM]

How to fix this?

http://ns22592.ovh.net/~iphonero/foros/index.php

Thanks

[Triky]

I like it!

[kether1]

I have been working with this for a few days now and have not been able to get it to display in the vBadvanced CMPS of my site. I finally got it to work on the regular forums by putting the fisheye folder it two different locations: public_html and /forums.

Does anyone actually have this working on a vBadvanced page? Everything just piles up on one side on top of itself for me. I really would love to get this to work on the home page of my site as I feel this is an awesome modification! Nice work. I look forward to your future developments!

I am waiting to mark *installed* until I can actually implement it on the home page .

Warm regards,
K

[iogames]

Originally Posted by BecomeUnbroken

i will have this in a future release

and when is that?

[MiahBeSmokin420]

Originally Posted by kether1

I have been working with this for a few days now and have not been able to get it to display in the vBadvanced CMPS of my site. I finally got it to work on the regular forums by putting the fisheye folder it two different locations: public_html and /forums.

Does anyone actually have this working on a vBadvanced page? Everything just piles up on one side on top of itself for me. I really would love to get this to work on the home page of my site as I feel this is an awesome modification! Nice work. I look forward to your future developments!

I am waiting to mark *installed* until I can actually implement it on the home page .

Warm regards,
K

yes i have it working on every singe page of my site in the header and footer

[BecomeUnbroken]

Originally Posted by iogames

and when is that?

I haven't forgotten about this, don't worry.. I just have more important things to tackle right now.. I will update this soon

[TheMilkCarton]

Can someone smarter than me make a vertical version?

You can download the uncompressed fisheye source here

I've changed the JavaScript to work kind of... But I'm no math major, so the distance formula and grabbing the cursor's x,y position isn't exactly optimal.

It works fine vertically on my test, but it doesn't scale well if you change the magnification.
_____________________________

As for the problems with other JS and AJAX, this is going to continue until the $ in the JS is replaced with something else. I'm working on this myself.

Oh, and I've never downloaded this mod, I'm just using the original files, so other than porting this, have there been any actual code changes?
_____________________________

I managed to get it just the way I want it. I had to change a lot of code, obviously. I have to spend a while figuring out more accurate math for the JS though, since it won't scale properly with the icon size. And until I get it perfect, I don't think I'll be releasing it, sorry! (Not like anyone wants it... =p)

Screenshot: Attachment 71609

I've only made two icons so far, also.. Maybe when I finish them I'll at least release an icon add-on.

[BecomeUnbroken]

Originally Posted by TheMilkCarton

Can someone smarter than me make a vertical version?

You can download the uncompressed fisheye source here

I've changed the JavaScript to work kind of... But I'm no math major, so the distance formula and grabbing the cursor's x,y position isn't exactly optimal.

It works fine vertically on my test, but it doesn't scale well if you change the magnification.
_____________________________

As for the problems with other JS and AJAX, this is going to continue until the $ in the JS is replaced with something else. I'm working on this myself.

Oh, and I've never downloaded this mod, I'm just using the original files, so other than porting this, have there been any actual code changes?
_____________________________

I managed to get it just the way I want it. I had to change a lot of code, obviously. I have to spend a while figuring out more accurate math for the JS though, since it won't scale properly with the icon size. And until I get it perfect, I don't think I'll be releasing it, sorry! (Not like anyone wants it... =p)

Screenshot: Attachment 71609

I've only made two icons so far, also.. Maybe when I finish them I'll at least release an icon add-on.

Not many code changes other that CSS... I actually adapted (ported) this to vBulletin for personal use.. but thought it was cool, so decided to share it here and with help from the community help sort out the incompatibilities that arose.. that's why i released it as a Beta.. i plan on adding AdminCP options to make for easier configuration

This modification was just something random that I adapted to vBulletin..

The original source code isn't mine and I give credit, and a linkback to the original author in my post..


As for the original JS source, I really haven't had much time to do anything with it yet

[74corvette]

Just an FYI but I installed this on my 3.6.8 board and it killed my Inferno shoutbox. Too bad but I had to uinstall it.