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

[andryus]

don?t work for my , i have this :



:S :S .. any idea?

[andryus]

i see the error.

This is the code source of the page:

<script type="text/javascript" src="/fisheye/js/jquery.js"></script>
<script type="text/javascript" src="/fisheye/js/interface.js"></script>

Don't have the bburl.

I change to this in plugin:

<script type="text/javascript" src="fisheye/js/jquery.js"></script>
<script type="text/javascript" src="fisheye/js/interface.js"></script>

And now work fine

See my forum : http://foro.infernogames.net/index.php

Thanks

[BecomeUnbroken]

New version..

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...


Unfortunately, I still can't get quick edit to work in IE ... Maybe by next release (i hope!)

Next release will have AdminCP features though, and also an optional 2nd dock..

[sparky5693]

Any ideas on the problems I had with vbpicgallery?

[inciarco]

A smal BIG Detail Missing on the Instructions (You Should Include it in the Step 1 of your Instructions, Because is Missing, I had to Analyze one of the Hack's Plugin to Realize this ):

You Should Create a Folder Named "fisheye" inside the ROOT of your Forums Folder, and then The Files Should be Uploaded inside that "fisheye" Folder!!

No wonder the Images didn't Appear in my Tests and the Hack wasn't Working at all!!

My Best Regards!! Great Hack, BecomeUnbroken!! :up:

[inciarco]

One Bug I Just Found in this Hack is that Interferes With the Ajax Fast Edit of the Posts!!

When I Click on the Edit Button and the Fast Edit Activates, I Edit the Post, and After That When I Press the "Save" Button The Interphase Don't Returns The Post To The Posted Mode But Leaves It In the Fast Edit Mode. The Same Happens When I Try To Press The "Cancel" Button, The Post Don't Returns To The Posted Mode But Stays In Fast Edit Mode (Ajax)!!

When I Disabled This Hack, The Ajax Fast Edits Of The Posts Returned To Normal!!

Is Important That You Check The Ajax Code Because It Causes That Problem!!

My Best Regards!!

[BecomeUnbroken]

Originally Posted by inciarco

One Bug I Just Found in this Hack is that Interferes With the Ajax Fast Edit of the Posts!!

When I Click on the Edit Button and the Fast Edit Activates, I Edit the Post, and After That When I Press the "Save" Button The Interphase Don't Returns The Post To The Posted Mode But Leaves It In the Fast Edit Mode. The Same Happens When I Try To Press The "Cancel" Button, The Post Don't Returns To The Posted Mode But Stays In Fast Edit Mode (Ajax)!!

When I Disabled This Hack, The Ajax Fast Edits Of The Posts Returned To Normal!!

Is Important That You Check The Ajax Code Because It Causes That Problem!!

My Best Regards!!

i am still trying to figure that one out.. Quick Edit works in Firefox but not in Internet Explorer...

[BecomeUnbroken]

By the way... I re-uploaded the zip file with the 'fisheye' directory already in it... thanks for catching that

[inciarco]

Originally Posted by BecomeUnbroken

By the way... I re-uploaded the zip file with the 'fisheye' directory already in it... thanks for catching that

I'm Glad I Could Help!! :up::up::up:

My Best Regards BecomeUnbroken!!

[BecomeUnbroken]

Originally Posted by sparky5693

I can edit in my forum no problem. It's also working with my inferno shout box, just not my gallery. Anybody out there able to give me some ideas about the gallery problem, or even a way to keep it out of the gallery all together (a last resort)

you could wrap the $afm_menu in an if conditional.. so that when the script is not equal to vbpicgallery it'll show the menu.
Example:

<if condition="THIS_SCRIPT != 'vbpicgallery'">
$afm_menu
</if>

although i'm not sure if that is the correct identifier for vbpicgallery's script...

Originally Posted by sparky5693

Any ideas on the problems I had with vbpicgallery?

I don't have it installed but I will try and tackle this after I figure out the Quick Edit bug which interferes with a core function of the board.. In the meantime you can use the code above to exclude the menu from the gallery...