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

[djyarasa]

Originally Posted by MiahBeSmokin420

ok look i tried that

it worked and made the second one apear

BUT

its not in the footer

so what im going to attempt to do is this

im going to redownload that whole thing

then im going to recode it with diffrent words mostlikly just changing afm to mfa or something

then im going to reinstall it and then just add it in the footer that way

seems alot easier then i will just have 2 products the same name and then ya tada

well ill let you know how it works when im done seeing as how you are the coder

but it should only take about 2 mins to do with dreamweaver so ya ima go do that peace

If you wanna do 2 menus, on navbar and footer. You must add afm codes on right place...
on header, maybe between div tags, and footer maybe can be between table tags. Its your decide, choose.

But, there was some mistake on your site, I found.
Firstly, your first fisheye menu is -where under the navbar,- compatible for footer, cause links are on top of images...
Secondary, your footer fisheye menu does not working good. Images coming big when mouse is about 200px up from menu...

So, what you must do ?
You can delete your second added menu, -mfa- and you must add $afm_menu second place like navbar and footer...

OR

You can write first fisheye menus codes like --on right template, first menu template--

<span>LINK</span>

after

<img codes>

but I don't know how you can solve mouse problem, it is about "position" codes.
You will try and find...
Thanks,

AND I will going to solve this problems, before BecomeUnbroken (: (:
But, peacely... For us...

[BecomeUnbroken]

Originally Posted by citroenar

if I remove mine,then lightbox dont work like should work (open picture normal,but on close it like redirect me back on forumhome) and if I remove yours then both dont work.
I found another error - se picture

I just checked my editor and that weird code you are getting in the text size selector isn't coming from my mod, because mine looks normal.

As for the lightbox problem, I will install that mod on my site later and try to debug it..

[BecomeUnbroken]

Originally Posted by yinyang

First off, thank you for a most wonderful mod.

I would like to put the menu descriptions on the top (when it is hovered) rather than the current bottom. How would I do that?

Thank you! As for the text.. on top, you need to change it to dock container 2.. i will be more detailed if you need me to be, but can't right now i'm in a rush sorry

Originally Posted by Adam21

Strange,this mod interferes with my site's AJAX Quick edit in posts.Anyone has this similiar problem?

strange my quick editor is working normally... try using it without the menu installed.. then again with it installed.. just to make sure its this mod causing it

Originally Posted by Konstantinos

i got a similar problem with mod AJAX mood manager

Mine's working fine... are you sure it's this mod.. try uninstalling and using mood manager then reinstalling and using mood manager



As for everyone else.. i will have a little time this afternoon to answer other questions in more detail... so i will try and answer as many questions as i can today

as i said before, i will be unavailable most of this upcoming week due to college midterm exams

Thanks to those of you helping out with the support and debugging, i really do appreciate it...

[Konstantinos]

i did reinstall fisyey but same. mood manager doesnt change mood unless fisheye is disabled

[Konstantinos]

i just registered at your site, mood manager doesnt change there as well

edit

i did a recheck

Well it works with firefox but not in IE

in IE when fisheye is active mood doesnt chage

[chompychan]

As soon as I can find a use for it on my forum, I am gonna install this. It looks so awesome.

[MiahBeSmokin420]

Originally Posted by djyarasa

If you wanna do 2 menus, on navbar and footer. You must add afm codes on right place...
on header, maybe between div tags, and footer maybe can be between table tags. Its your decide, choose.

But, there was some mistake on your site, I found.
Firstly, your first fisheye menu is -where under the navbar,- compatible for footer, cause links are on top of images...
Secondary, your footer fisheye menu does not working good. Images coming big when mouse is about 200px up from menu...

So, what you must do ?
You can delete your second added menu, -mfa- and you must add $afm_menu second place like navbar and footer...

OR

You can write first fisheye menus codes like --on right template, first menu template--

<span>LINK</span>

after

<img codes>

but I don't know how you can solve mouse problem, it is about "position" codes.
You will try and find...
Thanks,

AND I will going to solve this problems, before BecomeUnbroken (: (:
But, peacely... For us...

well hey its all good i already recoded the whole thing so now i have 2 products installed

fish eye menu top
and
fish eye menu bottom

if you want ill upload it all in a zip file with install details

cause i just put

$afm_menu in the header

and

$mfa_menu in the footer

im sure someone could code it to all be in one product

but i just didnt feel like doing all that

if someone wants to do that then ill gladly upload the one i recoded to work in the footer

[BecomeUnbroken]

i will have this in a future release

[MiahBeSmokin420]

ok sound good when i se it ill deffantly uninstall the ones i got and upgrade

[BozzaJos]

Looks like a fun hack to have! Will make my site look way cooler.
Can you tell us when the future release will be finished approx.? And I tried to download this version but when I want to unpack it with WinRAR it says "unexpected end of archive".

Also, would it be possible to use it on vBAdvanced homepage in a module on the left? So with all the menu icons below eachother?

Great hack, thanks in advance!