Ajax Fisheye Menu

[BecomeUnbroken]

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 (http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html)
Demo - Vbulletin Live example (http://www.becomeunbroken.com) (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
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
+ Added $vboptions reference to images and scripts for smoother integration (thanks yoyoyoyo)
+ Added install.txt within zip file

[B]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... :D

Known Bugs:
- One user reports hover effect doesn't work in opera browser (https://vborg.vbsupport.ru/showpost.php?p=1362143&postcount=14)
- User Reports conflicts with shoutbox and casino mod (https://vborg.vbsupport.ru/showpost.php?p=1362130&postcount=12)
- Unable to change mood in Mood Manager while using IE6.. works in IE7 and firefox
- Unable to use Quick Edit in IE
- User Reports bug with VBPicGallery: " (https://vborg.vbsupport.ru/showpost.php?p=1370203&postcount=123)This mod looks fine everywhere except the gallery, where the icons show as a huge size, with text next to them." (https://vborg.vbsupport.ru/showpost.php?p=1370203&postcount=123)
- Advanced Editor has weird code inside text size selector and font selector drop down boxes

Future Features
AdminCP Options
- Enable/Disable
- 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/25/free-aqua-gloss-icons/

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

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

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

[BecomeUnbroken]

reserved ... ;)

[yoyoyoyo]

very cool. How do we edit the background color - the black does not mesh with my site style. This would be perfect for a mac forum :D

also - I followed the directions for vbadvances, but it only displays as text links in the header.

[BecomeUnbroken]

very cool. How do we edit the background color - the black does not mesh with my site style. This would be perfect for a mac forum :D

also - I followed the directions for vbadvances, but it only displays as text links in the header.

to edit background you will need to edit the style.css file in the /fisheye directory...
where it says this..
.dock-container {
position: absolute;
height: 50px;
background: url(images/dock-bg2.gif);
padding-left: 20px;you would changed the background part...

As for the vbadvanced thing, i'm not sure.. it's working fine for me.. make sure that each entry of global variables is on a new line...

[elmati]

jquery is the best and works with vbulletin! :)

ty for share m8

[Feckie (Roger)]

very cool. How do we edit the background color - the black does not mesh with my site style. This would be perfect for a mac forum :D

also - I followed the directions for vbadvances, but it only displays as text links in the header.

Change the Images dock-bg2.gif dock-bg.gif

[FreshFroot]

looks interesting, will give it a try :)

[Reeve of shinra]

wow! just wow

[GrendelKhan{TSU]

wow looks awesome! anyone got a demo running on a forum? would love to see how/where this is actually implemented.

[Allan]

yep, extra !!!

congrat ^^

[GrendelKhan{TSU]

hmm....doesn't seem work properly with vbCMPS v3.0

doubled up links and no images show up.

[Sitting]

Hi, I have a problem in ie, blocks ajax (MGC ChatBox and Casino) ... Does anyone have the same problem?

[rayw]

Nice work... thanks for sharing! :)

[blindman4556]

couple errors. one in firefox it shows everything 3 times. in opera the hover thing dosent work other than that its kinda different

[Mecho]

looks great , i will check later ... Good Job :up:

Clicked Installed :)

[Spank]

Looks awesome will install later.

[silvermerc]

When its stable il instal looks good

[jarod1981?]

Hello guys :)

It is possible to insert a menu in a table?
Which template I must change?
Thanks and congratulations, look is fantastic ;-)

[yoyoyoyo]

hmm....doesn't seem work properly with vbCMPS v3.0

doubled up links and no images show up.yep - that is what I was saying - and the settings in vbadvanced are correct according to the install - each entry of global variables is on a new line.

[ninjamaster]

thanks nice work i will reserved it

[BecomeUnbroken]

I just posted v.0.91... which included a fix for IE browsers... I will continue to investigate other reported bugs

Thanks..

[BecomeUnbroken]

hmm....doesn't seem work properly with vbCMPS v3.0

doubled up links and no images show up.

make sure that the fisheye folder is in your root directory and not in your forum directory.. it looks as if your browser cannot find the javascript files and images so it displays everything as plain links (the lowercase links aren't actually links.. they are the alt rollover captions for the images, but since the images aren't being loaded properly they appear as if they are links)...

I am pretty sure this is due to the fisheye folder being in the wrong place.. because it seems the template is being parsed, even by vbadvanced

[yoyoyoyo]

I would appreciate it if you would put the install info in a text file and add it to the zip file - that's usually how it is done.

[yoyoyoyo]

I uploaded the folder to the root public_html directory, as you suggested ,and in vbadvanced it does not display correctly - it displays all of the images on the left hand side all bunched up together, and in the forum the images are not visible at all.

[BecomeUnbroken]

I would appreciate it if you would put the install info in a text file and add it to the zip file - that's usually how it is done.

will do.. next time i upload an update :o

[TheBlackPoet]

i like it... im going to use it on my forum... i will change the images but the script is going in!!

installed

[yoyoyoyo]

Instead try this in vbadvanced:

upload the "fisheye" directory to the FORUM directory.

edit the afm_fisheye_menu template and replace the contents with this instead:

<!--top dock -->
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="index.php"><img src="$vboptions[bburl]/fisheye/images/home.png" alt="home" /><span>Home</span></a>
<a class="dock-item" href="vbms.php"><img src="$vboptions[bburl]/fisheye/images/email.png" alt="contact" /><span>Contact</span></a>
<a class="dock-item" href="forum.php"><img src="$vboptions[bburl]/fisheye/images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
<a class="dock-item" href="#"><img src="$vboptions[bburl]/fisheye/images/music.png" alt="music" /><span>Music</span></a>
<a class="dock-item" href="#"><img src="$vboptions[bburl]/fisheye/images/video.png" alt="video" /><span>Video</span></a>
<a class="dock-item" href="#"><img src="$vboptions[bburl]/fisheye/images/history.png" alt="history" /><span>History</span></a>
<a class="dock-item" href="#"><img src="$vboptions[bburl]/fisheye/images/calendar.png" alt="calendar" /><span>Calendar</span></a>
<a class="dock-item" href="#"><img src="$vboptions[bburl]/fisheye/images/rss.png" alt="rss" /><span>RSS</span></a>
<a class="dock-item" href="#"><img src="$vboptions[bburl]/fisheye/images/rss.png" alt="rss" /><span>RSS</span></a>
<a class="dock-item" href="#"><img src="$vboptions[bburl]/fisheye/images/rss2.png" alt="rss" /><span>RSS2</span></a>
</div>
</div>

<!--dock menu JS options -->
<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);

</script>edit - well I tried it, but in vbadvanced all of the images are all bunched up together on the left hand side instead of being displayed in the middle, but it works in the forum now.

[BecomeUnbroken]

I got this to work in vbadvanced - here is how to do it:

upload the "fisheye" directory to the FORUM directory.

edit the afm_fisheye_menu template and replace the contents with this instead:


Thank you.. I will include this in the next release... :up:

[BecomeUnbroken]

edit - well I tried it, but in vbadvanced all of the images are all bunched up together on the left hand side instead of being displayed in the middle, but it works in the forum now.

try v.0.92.. I made similar changes to the script so it should reference the same directory, whether you are in your root directory or your forum/ directory... It might fix your problem

[Kaleem]

Update didn't work. But the older version working fine i m still making changes to it.

http://www.friendskorner.com/forum

[Wais]

Damn ive integrate the same Menu manually why havent u released that earlier dude?xD

[iogames]

NoWay!!! :eek:

Can you do that??? Great!

Anyways I will wait for a stable version ;)

[AzaDiyaR]

this not working for me :( this giving same problem :(

[Dark Cynicus!]

do u need vbadvance for this to work?

[BecomeUnbroken]

do u need vbadvance for this to work?

no.. i just posted instructions on how to get it to work if you happen to use vbadvanced.. it works fine without it...

[Feckie (Roger)]

See it in action here (http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html)

[tminus]

Awesome mod! I am having ftp issues right now but looking at the product I am sure I can make it work if I have problems. In my opinion vBulletin is lacking when it comes to the navbar. I would just be happy with a simple stock menu allowing you to customize navbar items. I bring it up because this mod is something I wanted when I first invisioned my site and put it off when I found customizing the navbar to be more time intensive than I had hoped for. At least a mod like this makes it worth it in the end. :)

Anyone have a one working on a full page we can see? I saw the demo but I want to see it on a full vbulletin page. Thanks.
Hi, I have a problem in ie, blocks ajax (MGC ChatBox and Casino) ... Does anyone have the same problem?
Have you tried it in another browser? IE has issues with PNGs sometimes. Are you running latest IE, Flash and Java? What OS?

[Sitting]

Have you tried it in another browser? IE has issues with PNGs sometimes. Are you running latest IE, Flash and Java? What OS?

Yes, tested in firefox and opera, all correct... bud no in IE...

my problem is solved with the version 0.92, but now, I have other problem... i waiting for stable version...

Thanks :D

[BecomeUnbroken]

Anyone have a one working on a full page we can see? I saw the demo but I want to see it on a full vbulletin page. Thanks.


you can check out my page... www.becomeunbroken.com

i've modified it a bit though... like I put it on the right side and made the icons a bit smaller.. it's on the top right corner of the page

[citroenar]

It make problem with "Lightbox/ThickBox works with Inline Editing" (https://vborg.vbsupport.ru/showthread.php?t=126501&page=7)
with code at the top of postbit legacy

<if condition="$show['thumbnailattachment']">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/thickbox.js"></script>
</if>

If I remove this code it works normal.

[BecomeUnbroken]

It make problem with "Lightbox/ThickBox works with Inline Editing" (https://vborg.vbsupport.ru/showthread.php?t=126501&page=7)
with code at the top of postbit legacy

<if condition="$show['thumbnailattachment']">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/thickbox.js"></script>
</if>

If I remove this code it works normal.

Well you are loading jquery two times.. since both these mods use JQuery you should remove one of the instances.. I recommend to remove it from my mod instead of the Lightbox, since mine is still in beta.. I might add a control panel option in a future release to enable/disable Jquery in these type of cases...

EDIT::
Actually now when I think about it.. you should remove the LightBox JQuery code.. because the menu need JQuery on every page.. not just on pages where the postbit is displayed.. so remove the code from the postbit_legacy, and just remember where it goes if you need to put it back later...

to be more specific, remove this piece of the code..
<script type="text/javascript" src="js/jquery.js"></script>

[Evolution06]

This is a awesome mod! I implemented it as my navbar http://www.pandemicdesign.net/forums/index.php with a few tweaks of the skin. But did you make the icons or find them somewhere? the reason I ask is I need a few more.

[BecomeUnbroken]

This is a awesome mod! I implemented it as my navbar http://www.pandemicdesign.net/forums/index.php with a few tweaks of the skin. But did you make the icons or find them somewhere? the reason I ask is I need a few more.

Glad you like it.. The icons used are from the original script/maker... http://www.ndesign-studio.com/blog/mac/css-dock-menu

I'm sure you can find more on Google... just type something like "free osx icons" or something of the sort..

Also.. check if your shoutbox is working properly.. for some reason this mod has been haveing issues with people's shoutboxes

[Evolution06]

Cool so far I see no problems with my shoutbox yet. When I hover over the icons the descript text is white but other then that shoutbox works fine.

[BecomeUnbroken]

Cool so far I see no problems with my shoutbox yet. When I hover over the icons the descript text is white but other then that shoutbox works fine.

you can change alot of the visual settings in the 'afm_fisheye_stylesheet' template

[Evolution06]

Yes I looked in the css as dock-item and the code is #000 which should be black so maybe its because it's cutting into the shoutbox on hover over. No Biggie really I should be able to fix it.

[Macmillion]

Its a good idea, but it doesn't work for me :/

http://www.mactopiaseeds.com/forum/

It all piles up together.

[BecomeUnbroken]

Its a good idea, but it doesn't work for me :/

http://www.mactopiaseeds.com/forum/

It all piles up together.

where you put your $afm_menu try doing this...


<table style="width: 100%;"><tr><td style="width: 100%;">
$afm_menu
</td></tr></table>


Let me know if it works...

[Macmillion]

I've put it in Navbar just below the first line <br/>

And no that didn't work sorry.

[BecomeUnbroken]

I've put it in Navbar just below the first line <br/>

And no that didn't work sorry.

try placing it in another spot... let's say the footer template, just to see if it's a template problem or something with the actual code conflicting with your site..

[Macmillion]

I've tried it all over BU, footer, navbar, header etc....never works.

Sorry about this :/

[Evolution06]

What does a portion of your navbar look like? I put it in mine no problem maybe I can help ya out. Check mine out http://www.pandemicdesign.net/forums/index.php

I see the problem you are having macmillion, I had to upload fisheye folder 2 times to get my to work fine,
I uploaded it once to /public_html folder in the cpanel and once into /forums folder

I am trying to figure out right now why both folders need to be where they are give me a few. I think it might be just a change of links in the templets

[Macmillion]

Mine just clumps together, it does the loading thing that yours does but then it just stays there, unlike yours which works fine.

EDIT: Hmmm if thats so then the error would be easy to correct. Thanks i'll give it a go!

EDIT EDIT: That worked thanks :)

[Evolution06]

No problem, You will notice that if you delete the fisheye in /forums you images won't show I am thinking that changing the links in afm_fisheye_menu might fix this so then the fisheye folder can be deleted in /forums

[BecomeUnbroken]

what i will do in the next release is add an option in the Admin CP where you can enter the location of your /fisheye folder.. that way it can be anywhere you want it to be and still work with the right setting

[Evolution06]

Awesome because right now as you can see we have to have the fisheye folder in /public_html and /forums for all aspects of it to work correctly. I am at work so have limited time to see if I can find a fix myself. Although having the 2 folders does not bother me much really,

[BecomeUnbroken]

Awesome because right now as you can see we have to have the fisheye folder in /public_html and /forums for all aspects of it to work correctly. I am at work so have limited time to see if I can find a fix myself. Although having the 2 folders does not bother me much really,

I have it only in my root directory and it works fine... but I also have my forum in the root directory and not in the /forum directory... so that's probably why it works ok for me... either way I'll try and see how I can make it a little more universal.. I'm new at this whole vBulletin thing, and coding in general.. so this is a learning process for me as well :D

[rokked]

Uploaded and it works great.

Any way to get the size of the icons to get less dramatic when you scroll over though? Like instead of going from 50 to 100 pixels, from 50 to 75?

[BecomeUnbroken]

Uploaded and it works great.

Any way to get the size of the icons to get less dramatic when you scroll over though? Like instead of going from 50 to 100 pixels, from 50 to 75?

yes.. in the afm_fisheye_menu template look for this code:

$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}change the 'proximity' value to less so that the menu won't pick up your mouse from a mile away... and will also make the effect a bit less dramatic

change 'maxWidth' to the size in pixels you want the image to be when hovered over it.. and 'itemWidth' to the size when the menu is idle without being rolled over... If you go to my site (https://vborg.vbsupport.ru/www.becomeunbroken.com) you can see how mine is a bit different than the one in the release... here is what my code looks like...

$('#dock').Fisheye(
{
maxWidth: 40,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 30,
proximity: 30,
halign : 'right'
}Hope this helps a bit... :D

[rokked]

Wonderful. You're such a help.

[BecomeUnbroken]

This is a awesome mod! I implemented it as my navbar http://www.pandemicdesign.net/forums/index.php with a few tweaks of the skin. But did you make the icons or find them somewhere? the reason I ask is I need a few more.

here are some free icons i found...
http://www.dezinerfolio.com/2007/02/25/free-aqua-gloss-icons/

[inciarco]

Didn't Work On My Forums With VBulletin 3.6.7 PL1!! :(

I'll Wait For The Next Update That Will Include All The Admin CP Configuration Options!! ;)

My Best Regards!! :up:

:)

[BecomeUnbroken]

here are some free icons i found...
http://www.dezinerfolio.com/2007/02/25/free-aqua-gloss-icons/

http://www.tucoo.com/icon/index.htm

There are ALOT of icons in that site.. but it is chinese.. Oh well...

[MiahBeSmokin420]

the oly things i have seen wrong with this is:

not working in opera - just dont show

and how the hell do i get it in my header and footer at the same time?

other then that

great mod
**Installed**

[RvG2]

Cooooll this script rocks!

OT: Sir, how did you integrated Gallery 2 on your site.

[MiahBeSmokin420]

remove because of a mis communication

[BecomeUnbroken]

Cooooll this script rocks!

OT: Sir, how did you integrated Gallery 2 on your site.

Thanks!

I followed these instructions to get Gallery 2 integrated on my site:
https://vborg.vbsupport.ru/showthread.php?t=111931

The instructions are for 3.5.x, but as you can see, it's working fine on my 3.6.8 site..

[KTP]

i installed this, it didnt work right so i chose to uninstall it and it wiped out half my database.

[Darat]

Sounds as if you had some other problem with your forum - this mod doesn't touch the forum database.

[unitedpunjab]

Installed and workin just fine...


http://www.unp.co.in/

Demo

[KTP]

its the only thing that i've touched so i dont have any other explanations

[rokked]

How would you align this to the left or the right. All the normal tricks seem to not work.

[BecomeUnbroken]

i installed this, it didnt work right so i chose to uninstall it and it wiped out half my database.

This mod doesn't make any database changes.. or even access the database.. So there is no way it could've wiped it out...

[BecomeUnbroken]

How would you align this to the left or the right. All the normal tricks seem to not work.

in the afm_fisheye_menu template look for this code:

$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
change the 'halign' value to left, center, or right.. depending where you want it to go..

here is what my code looks like:

$('#dock').Fisheye(
{
maxWidth: 40,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 30,
proximity: 30,
halign : 'right'
}

After this you need to go to the afm_fisheye_stylesheet template and mess with the CSS code until you have it aligned exactly where you want it... here's an example of my code:


.dock {
position: relative;
left: -7%;
bottom: 0px;
height: 50px;
}
.dock-container {
position: absolute;
height: 50px;
padding-left: 20px;
}


:) you can see the result of this coding at my site (https://vborg.vbsupport.ru/www.becomeunbroken.com)

[Evolution06]

here are some free icons i found...
http://www.dezinerfolio.com/2007/02/25/free-aqua-gloss-icons/


Nice, Thanks for going the extra mile they will come in handy,

[citroenar]

Well you are loading jquery two times.. since both these mods use JQuery you should remove one of the instances.. I recommend to remove it from my mod instead of the Lightbox, since mine is still in beta.. I might add a control panel option in a future release to enable/disable Jquery in these type of cases...

EDIT::
Actually now when I think about it.. you should remove the LightBox JQuery code.. because the menu need JQuery on every page.. not just on pages where the postbit is displayed.. so remove the code from the postbit_legacy, and just remember where it goes if you need to put it back later...

to be more specific, remove this piece of the code..
<script type="text/javascript" src="js/jquery.js"></script>

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

[Magnumutz]

This is awesome dude... I'm really looking for a stable version.

Btw, can we get more images for it? :D

[Saviour]

This would be ice to add onto my forum as well, but I'm not a big fan of BETA. I'll wait for a more stable version as well.

Some things I'd like to see addressed:

Full browser compatibility
Transparent background images for seemless blending with your current forum
Ability to automatically resize the menu instead of having to manually size it through template scripts
More images
Admin CP control

This is an excellent Mod...I hope to see further progress and will return frequently to check up on it.

Best of luck!

[MiahBeSmokin420]

yo

i have this in my header right now

and i see that you can make 2 diffrent docks which i understand

but when i do that the second one is always messed up and showes up in the middle of my site somewhere

how can i make it in the header and footer at the same time?

other then that its great i replaced my normal nav bars with this

[MiahBeSmokin420]

Yo Yo Yo Yo Yo Yo Yo Yo Yo Yo Boy

Seriously

How The He Dubble Hocky Stix (lol lil ears on this site lol)

Do You Get This To Be In The Header And Footer At The Same Time

??

Any One?? Any One??

Going Once?? Going Twice??

[djyarasa]

There was some problem I found.
1. Fisheye folder, javascript and style.css etc. must be in public_html but images, must be in public_html/FORUM folder
(public_html/fisheye/js folder and iepngfix.htc and style.css)
(public_html/forum/fisheye/images/-images-.png etc.)
If they are on other local, it is not working safely (:

And, if you wanna use just bottom dock, in the templates, ajax.... afm_fisheye_menu -you must chance id to <!--bottom dock -->
<div class="dock" id="dock2">
<div class="dock-container2"> and on afm_fisheye_stylesheet maybe you must delete this code

/* dock2 - bottom */
#dock2 {
width: 100%;
bottom: 0px;
position: absolute;
left: 0px; to /* dock2 - bottom */
#dock2 {
width: 100%;
bottom: 0px;
left: 0px;
because "position: absolute;" have some problem on the screen,
If it has not some graphy like be on screen bottom, not page bottom or codes area, you must delete it...

And BecomeUnbroken, I like your site's navigator menu (: can you give me codes? (: (:
It is not include on the alienblue thema...

[apdcanari]

Good hack !

View on my site : http://www.apdcanari.com/

View on my forum : http://www.apdcanari.com/forum/

Thanks !

C?dric ;)

[MiahBeSmokin420]

There was some problem I found.
1. Fisheye folder, javascript and style.css etc. must be in public_html but images, must be in public_html/FORUM folder
(public_html/fisheye/js folder and iepngfix.htc and style.css)
(public_html/forum/fisheye/images/-images-.png etc.)
If they are on other local, it is not working safely (:

And, if you wanna use just bottom dock, in the templates, ajax.... afm_fisheye_menu -you must chance id to <!--bottom dock -->
<div class="dock" id="dock2">
<div class="dock-container2"> and on afm_fisheye_stylesheet maybe you must delete this code

/* dock2 - bottom */
#dock2 {
width: 100%;
bottom: 0px;
position: absolute;
left: 0px; to /* dock2 - bottom */
#dock2 {
width: 100%;
bottom: 0px;
left: 0px;
because "position: absolute;" have some problem on the screen,
If it has not some graphy like be on screen bottom, not page bottom or codes area, you must delete it...

And BecomeUnbroken, I like your site's navigator menu (: can you give me codes? (: (:
It is not include on the alienblue thema...


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

[Konstantinos]

very cool but there is a conflict with mod AJAX MOOD MANAGER. (https://vborg.vbsupport.ru/showthread.php?t=127220) when this is installed mood manager doesnt change , when i disable it mood manager changes . Need a fix ;)

[MiahBeSmokin420]

seems like thats something to do with something on your end man

i have the mood manager

and i just got done recoding the entire mod so i could have it in the header and footer at the same time

all my stuff works great

here ill even give you a demo

Click Here For Demo That Wont Go Away (http://StillFallin.com)

[Konstantinos]

try to change your mood ;) - keep in mind i have the fish code in header and not navbar

[MiahBeSmokin420]

i just did right after before i made that post

i would post something saying my stuff works fine if it dont

trust me i have had 15 staff members crawling around my site testing every feature

the reason for that is cause i have been doing alot of style edites to the templates and stuff like that

sorry man mine works great

what version of vb you on?

and also do you do manual template edits for all products or do you let most mods do auto edits?

[Konstantinos]

3.6.8 mostly manual

[Konstantinos]

definitely has nothing to do with templates cause i just checked with another style which doesnt have the fish code at all anywhere and still ajax mood manager doesnt change, when i disable fisheye it works. so its not a template thing

[MiahBeSmokin420]

see i use 3.6.7 cause i know that alot of stuff dont work right with 3.6.8

plus i dont want to have to go back through and do all the damn edits to the php files again

but anyways

where are you putting it at in the nav bar?

if you want whats the link to you site that you have it on and i can look at it

but there realy aint much i can do with out being in the admin cp and im not tring to get up in your stuff man no way

unless there is money involved lol

[Konstantinos]

i am putting it in header but as i said there are other styles without the fisheye code anywhere and mood manager doesnt change unless i disable fisheye product

[MiahBeSmokin420]

ya well idk man your not giveing me enough info

but seems like you are just putting the $afm_menu in the wrong spots

cause i know when i edit my nav bar from time to time i put something in certian spots and it wipes out my shout box and then i got to reinstall it

so idk just seems as if you are putting it in a bad spot

try doing this:



<div align="center">
$afm_menu
</div>


try adding that at the very bottom of the header

[Konstantinos]

well as i said even if there is NOWHERE in the template the $afm_menu thingy mood manager doesnt update mood unless i disable the product fisheye

[AzzidReign]

Wow, this looks awesome!!! *clicks install* I'm going to have to find a way to implement this on my site now lol

[BecomeUnbroken]

I would love to help all you guys.. but I am in the middle of college midterms right now.. so, my time is extremely limited.. I can't promise support for this week.. School comes first (unfortunately)

[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?

[StuntFactoryX]

heres a link for icons. not sure if they are compatible for this mod...

http://www.iconarchive.com/

[Adam21]

heres a link for icons. not sure if they are compatible for this mod...

http://www.iconarchive.com/


Good link,the dimensions you can specify them as you wish in the templates

[Adam21]

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

[Konstantinos]

i got a similar problem with mod AJAX mood manager

[djyarasa]

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]

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]

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

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

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

[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]

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!

[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]

i will have this in a future release :)
and when is that? :(

[MiahBeSmokin420]

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]

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 (http://interface.eyecon.ro/download)

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: 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]

Can someone smarter than me make a vertical version?

You can download the uncompressed fisheye source here (http://interface.eyecon.ro/download)

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

[TheMilkCarton]

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.

Putting jQuery into "No Conflict" mode should solve any problems with any JS or AJAX on a page. There should be no other reason it conflicts.

I don't have this mod downloaded, but in the code find something like:

<!--dock menu JS options -->
<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Fisheye

and replace the "$" with "jQuery".

I haven't been able to test this "CSS Dock" on my board yet, though, so I can't be 100% positive this will fix all conflicts.

[74corvette]

No luck, Shoutbox gets hosed. Just says "loading" Thanks for the suggestion though.

[sparky5693]

I'm having problems with this mod and vbpicgallery. This mod looks fine everywhere except the gallery, where the icons show as a huge size, with text next to them.

[Raul7]

this is a great mod, i installed and worked fine, however in IE ,when you click on EDIT post, and try to edit and then click SAVE, it actually does the edit, the it keeps spinning and after a while you get a JavaScript error : style is null or not an object , this only happens in IE, i was wondering if anyone else is having this issue?
Thanks

[Raul7]

i actually just tested this on the LIVE DEMO VB SITE posted in this thread, i get the same error ! so i guess if you have this mod installed the EDIT function wont work? any help is appreciated, btw, this only gets fixed if you DISABLE the plug in in prduct manager, even if you remove the "$afm_menu" from your template , eventhough you dont see the menu any more, you still end up getting the error. !

[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)

[Raul7]

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)strange, when i even tried it here
Demo - Vbulletin Live example (http://www.becomeunbroken.com/) (slightly modified from original release)
still it didnt work ! this is what i did

Make a post
then click on EDIT
do the edit (DO NOT CLICK on GO ADVANCE)
save
nothing happens and you get the Jscript error , however it does the edit, it just fails to close the box.

[BecomeUnbroken]

My last midterm is today (Monday)... When I'm done with it, I will go through this thread and make notes of all the bugs.. then I will start to work on this once again

so, please be patient with me, as you all have been thus far.. and I will do my best to debug this baby during the week ;)

Thanks,

[yinyang]

My last midterm is today (Monday)... When I'm done with it, I will go through this thread and make notes of all the bugs.. then I will start to work on this once again

so, please be patient with me, as you all have been thus far.. and I will do my best to debug this baby during the week ;)

Thanks,

dude, take your time. you've already done a lot with providing such a cool hack for free. good luck on your studies and make lots of money in the future so you can give us more free stuff!

[sparky5693]

My last midterm is today (Monday)... When I'm done with it, I will go through this thread and make notes of all the bugs.. then I will start to work on this once again

so, please be patient with me, as you all have been thus far.. and I will do my best to debug this baby during the week ;)

Thanks,

I'm just glad to hear you plan to continue work on it. Good luck with the midterms.

[andryus]

don?t work for my , i have this :

http://img108.imageshack.us/img108/1913/errormn9.png

: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 :D

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 :mad:... 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 :confused: (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!! :rolleyes:

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

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!! :( :confused:

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)!! :( :confused:

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]

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

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)!! :( :confused:

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]

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]

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

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

[inciarco]

Other Bug In This Hack With The Full Editor Of Messages is:

In The Sizes Selector :(:confused:, Somehow Includes the Following Text:

function(v,n){n=(n==null)?0:n;var m=this.length;for(var i=n;i<M;I++)IF(THIS[I]==V)RETURN unselectable="on" font i;return-1}<>

And When Pressing It Results:

==V)RETURN unselectable="on" font i;return-1}<>"]

Also In The Fonts Selector :(:confused:, Somehow Includes the Following Text:

function(v,n){n=(n==null)?0:n;var m=this.length;for(var i=n;i<M;I++)IF(THIS[I]==V)RETURN unselectable="on" font i;return-1}<>

And When Pressing It Results:

==V)RETURN unselectable="on" font i;return-1}<>"]

Perhaps This has Something To Do With The Error You're Having With The Quick Edit and Now With The Full Editor!! :( :confused:

Perhaps One Of The Plugins Is Including That Text, by Replacing a Code or Including a Code that is Causing This Problem as well as the Quick Editor Problem!! :rolleyes:

I Hope You Can Fix It!! ;)

My best Regards!! ;)

:)

[inciarco]

I Think That The Problem Is In The Code Included in the File "iepngfix" (HTC File), because that File Includes a Code with some Conditionals somehow similar to the Previously Described!! :confused:

I Also Found the Text "I++" in some of the Code Lines in the Scripts "interface" and "jquery", so could be them too the ones causing Those Problems with the Editors!! :confused:

You Should Check Also the Plugin "Ajax Fisheye Menu headinclude Auto Edit", that Includes that Code in the Head Include Template!! :confused:

I've Disabled that Plugin, and then Checked the Quick Edit Functionality, and Works Ok, and also the Error Code Included in the Full Editor (Mentionen in my Previous Message) Don't Appears, so the Errors are Related with that Plugin!! :confused:

I Found One Line Similar in the Function "doFix":


for (var n = 0; n < childNodes.length; n++)
if (childNodes[n].style) childNodes[n].style.position = 'relative';


So I guess, somehow that File "iepngfix" could be causing the Problems with the Editors!! :rolleyes:

I Hope You Can Fix Those Bugs!! ;)

My Best Regards!! ;)

:)

[BecomeUnbroken]

Well the headinclude auto edit is used just to load the two .js files within the <head> tags of the page.. and the iepngfix.htc is used because IE has trouble viewing .png files and this is needed to make use of the .png's transparent background.. without this fix you will see a block behind the image in IE... As for the weird coding inside the text size and font selector, this is also in IE...

I wish everyone used Firefox, but since that's not the case, the script must also be IE compatible :mad:

I appreciate your help :D.. I haven't even looked into the iepngfix.htc yet.. i will see if i find something in there that is causing the other problems to arise in IE

[BecomeUnbroken]

Good news... after really looking into the .js files, I found the troublesome code and commented it out..

V. 0.94-beta
+ Fixed IE Quick Edit bug
+ Fixed IE font size drop down bug

Next release will come with AdminCP options.. and after a little more testing, we might have ourselves a stable version :D

[sparky5693]

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



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

The above mentioned code certainly does exclude the fisheye from the gallery. I did a screen cap of the problem so you could take a look.

[inciarco]

Good news... after really looking into the .js files, I found the troublesome code and commented it out..

V. 0.94-beta
+ Fixed IE Quick Edit bug
+ Fixed IE font size drop down bug

Next release will come with AdminCP options.. and after a little more testing, we might have ourselves a stable version :D

https://vborg.vbsupport.ru/

Works Great BecomeUnbroken!! :up:

Congratulations on Finding the Solution to those Bugs!! :up: ;)

Quick Edits and Font Style and Size Drop Dow Menus Work Excellent Now With The Hack!! :up: :p

One minor detail regarding the Display of the Menu happens when you access the List of Threads of the Forums!! The Menu Don't Displays, Shows But Piled One Image Over The Other!! When Accessing Main Forum List, Thread Contents, and Oher Locations in the Forum Menu Displays Fine, but When Reaching Thread List Inside Each Forum, the Menu Don't Displays!! :( :confused: :p

My Best Regards, and Again Congratulations This Is a Great Hack!! ;)

:)

[inciarco]

The above mentioned code certainly does exclude the fisheye from the gallery. I did a screen cap of the problem so you could take a look.

I've seen this Display of the Icons When I Disabled the Plugin "Ajax Fisheye Menu headinclude Auto Edit", so perhaps there's something going on between the Hack of the Gallery and the Code in this Plugin that Not Allows the Plugin to Load, or some Not Compatibility Between a part of the Code of the Files this Plugin includes in the Forum Pages and the Code of the Gallery!! ;)

My Best Regards!! ;)

:)

[sparky5693]

I figure you probably knew, but i'm using 0.94

[BecomeUnbroken]

http://inciarco.com/foros/images/smilies/aplauso.gif

Works Great BecomeUnbroken!! :up:

Congratulations on Finding the Solution to those Bugs!! :up: ;)

Quick Edits and Font Style and Size Drop Dow Menus Work Excellent Now With The Hack!! :up: :p

One minor detail regarding the Display of the Menu happens when you access the List of Threads of the Forums!! The Menu Don't Displays, Shows But Piled One Image Over The Other!! When Accessing Main Forum List, Thread Contents, and Oher Locations in the Forum Menu Displays Fine, but When Reaching Thread List Inside Each Forum, the Menu Don't Displays!! :( :confused: :p

My Best Regards, and Again Congratulations This Is a Great Hack!! ;)

:)

hmm.. i just tested the menu at all levels of the forum, and it seems to be working fine in both IE and Firefox...

Can you PM me a link to where the problem happens? so I can view the page's source code and figure out whats causing it..

[BecomeUnbroken]

The above mentioned code certainly does exclude the fisheye from the gallery. I did a screen cap of the problem so you could take a look.

that's what it looks like when the .js files aren't properly loaded... do you have a link so I can view the source code and pinpoint the problem?

[inciarco]

hmm.. i just tested the menu at all levels of the forum, and it seems to be working fine in both IE and Firefox...

Can you PM me a link to where the problem happens? so I can view the page's source code and figure out whats causing it..

BecomeUnbroken, You Can Find My Forums at:

http://inciarco.com/foros/

My Best Regards!! ;)

:)

[yeku]

I have this problem...In Firefox it works perfectly

https://vborg.vbsupport.ru/external/2007/11/39.gif


but in IE, I have this image.

https://vborg.vbsupport.ru/external/2007/11/40.gif

Where is it my error? Some solution, idea? My version is 3.6.7


thanks

[iogames]

Good news... after really looking into the .js files, I found the troublesome code and commented it out..

V. 0.94-beta
+ Fixed IE Quick Edit bug
+ Fixed IE font size drop down bug

Next release will come with AdminCP options.. and after a little more testing, we might have ourselves a stable version :D

When??? :confused:

[BecomeUnbroken]

I have this problem...In Firefox it works perfectly



but in IE, I have this image.

https://vborg.vbsupport.ru/external/2007/11/40.gif

Where is it my error? Some solution, idea? My version is 3.6.7


thanks



make sure you didn't forget to upload the 'blank.gif' file in the images folder...

[BecomeUnbroken]

When??? :confused:

The next time I'm sitting at home with an extra couple of hours to do nothing...;)

[Guest210212002]

Great mod!

I'm having a small problem - I have the added global to VBACMPS, but it's stripping the /forum/ from the link, causing it to come up with broken images.

For example, the correct format would be site.com/forum/fisheye/whatever, which works fine on my forum page, but on CMPS it's just site/fisheye/whatever.

Edit: I'm fiddling with it now, just under my navbar, if you happen to catch this post before I nuke it and move it to my test forum. :)

* Guest210212002 clicks install

[BecomeUnbroken]

Great mod!

I'm having a small problem - I have the added global to VBACMPS, but it's stripping the /forum/ from the link, causing it to come up with broken images.

For example, the correct format would be site.com/forum/fisheye/whatever, which works fine on my forum page, but on CMPS it's just site/fisheye/whatever.

Edit: I'm fiddling with it now, just under my navbar, if you happen to catch this post before I nuke it and move it to my test forum. :)

* Chris-777 clicks install


In the next release there will be an option in the AdminCP where you can specify where the fisheye folder is, and that way i can pass that variable and it will work no matter where it is...

How about this... In about 30 minutes, I'll have some free time... I'll add a few AdminCP options and make a new release tonight.. I know that directory problem has been a pain for people keeping their forums in a folder other than the root...

[Guest210212002]

Thanks man. :) I got it working in CMPS by just uploading a duplicate copy of the images folder into my forum root, which solved it.

The issues I'm having now are:

- The images "load" before the bar renders, and they load in the middle of my navbar.
- I can't figure out how to move it up a bit. :D

http://www.sevenstring.org/chris/movemeup.jpg

Great mod though man, very nice job! :D

[Yukino_AE]

could someone please post how to make this vertical? ^_^ nice mod

[sparky5693]

that's what it looks like when the .js files aren't properly loaded... do you have a link so I can view the source code and pinpoint the problem?

I'm playing with this mod in a less used style in the forum. Click the link below, and switch the viewed style (drop down at bottom of page) from swirl, to default style.

http://www.theshaveden.com/forum/vbpicgallery.php?

BTW- Thanks for the great support. All too often a great hack is released, and then forgotten about. You've been all over this one since you released it... Thank You.

[BecomeUnbroken]

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

:)

**Don't forget.. now you have to change the path to the fisheye directory in the options.. or it will NOT work..

[BecomeUnbroken]

I'm playing with this mod in a less used style in the forum. Click the link below, and switch the viewed style (drop down at bottom of page) from swirl, to default style.

http://www.theshaveden.com/forum/vbpicgallery.php?

BTW- Thanks for the great support. All too often a great hack is released, and then forgotten about. You've been all over this one since you released it... Thank You.

the .js files aren't being loaded.. check that the "Ajax Fisheye Menu headinclude Auto Edit" plugin is enabled...

[sparky5693]

the .js files aren't being loaded.. check that the "Ajax Fisheye Menu headinclude Auto Edit" plugin is enabled...

I double checked, and it is indeed enabled. Please notice, that it is working fine, in all areas of the forum, except vbpicgallery (where the link took you)

[inciarco]

Great Improvements BecomeUnbroken!! :up:

The Possibility to Turn On and Off the Hack via Options of Control Panel is Great and Very Easy to Use!! :up:

My Best Regards!! ;)

:)

[inciarco]

I have this problem...In Firefox it works perfectly

https://vborg.vbsupport.ru/external/2007/11/39.gif


but in IE, I have this image.

https://vborg.vbsupport.ru/external/2007/11/40.gif

Where is it my error? Some solution, idea? My version is 3.6.7


thanks


I had the Same Problem, and I Used .GIF Files and Works Fine with .GIF Files!! ;)

Original Files are .png so use a Software like Microsoft Photo Editor and Save Them With GIF Format, and in Template "afm_fisheye_menu" change the Extension of the Files from .png to .gif!! ;)

My Best Regards!! :up:

:)

[BozzaJos]

could someone please post how to make this vertical? ^_^ nice mod

I second that! I would love to use this in a vertical mode and within a vBA CMPS block. Is this possible and how could I do that?

[yeku]

I had the Same Problem, and I Used .GIF Files and Works Fine with .GIF Files!! ;)

Original Files are .png so use a Software like Microsoft Photo Editor and Save Them With GIF Format, and in Template "afm_fisheye_menu" change the Extension of the Files from .png to .gif!! ;)

My Best Regards!! :up:

:)

Perfect, thank you very much...

Problem solved with the gif

[Yukino_AE]

anyone? help with making this vertical? plz?

[TheMilkCarton]

I've made mine vertical... but the JavaScript has been customized specifically for my layout, and there's really no possibility that it'd work perfectly for everyone if I were to release it here. Sorry.

If you're good with math, you can figure out the equations for the mouse pointer positions and the distance formula in the JS file.

Go to the Interface website and download the Fisheye source. Play around with it, and place it below the other JS files in your headinclude so that it overwrites anything different from the Fisheye JS does that comes in this package.

------------------------------

To elaborate:

1) Go here --> http://interface.eyecon.ro/download
2) Select Fisheye, then download the package.
3) Place that JS file below the others
4) Start modifying it.

Here's the code you'd need to modify:

function(e)
{
var pointer = jQuery.iUtil.getPointer(e);
var toAdd = 0;
if (el.fisheyeCfg.halign && el.fisheyeCfg.halign == 'center')
var posx = pointer.x - el.fisheyeCfg.pos.x - (el.offsetWidth - el.fisheyeCfg.itemWidth * el.fisheyeCfg.items.size())/2 - el.fisheyeCfg.itemWidth/2;
else if (el.fisheyeCfg.halign && el.fisheyeCfg.halign == 'right')
var posx = pointer.x - el.fisheyeCfg.pos.x - el.offsetWidth + el.fisheyeCfg.itemWidth * el.fisheyeCfg.items.size();
else
var posx = pointer.x - el.fisheyeCfg.pos.x;
var posy = Math.pow(pointer.y - el.fisheyeCfg.pos.y - el.offsetHeight/2,2);
el.fisheyeCfg.items.each(
function(nr)
{
distance = Math.sqrt(
Math.pow(posx - nr*el.fisheyeCfg.itemWidth, 2)
+ posy
);
distance -= el.fisheyeCfg.itemWidth/2;

distance = distance < 0 ? 0 : distance;
distance = distance > el.fisheyeCfg.proximity ? el.fisheyeCfg.proximity : distance;
distance = el.fisheyeCfg.proximity - distance;

extraWidth = el.fisheyeCfg.maxWidth * distance/el.fisheyeCfg.proximity;

this.style.width = el.fisheyeCfg.itemWidth + extraWidth + 'px';
this.style.left = el.fisheyeCfg.itemWidth * nr + toAdd + 'px';
toAdd += extraWidth;
}
);
jQuery.iFisheye.positionContainer(el, toAdd);
}

I think that was all I modified, specifically the posx/posy and the distance formula. Good luck. :p

[toddos]

hi, where can i define the option when the icon is getting bigger if the mouse is coming ?

I put the menue in my navbar, but now i can't click on the logout link, because before i go to the link the fisheye menu icons are coming out ;)

[TheMilkCarton]

This plugin should be inserting javascript somewhere that has a value called "proximity" lowering this could help, but then the actual icons won't zoom as "fluidly" (As you move past them they'll kind of "pop" in and out of place instead of zoom gradually)

Alternately, you could follow the steps I posted above to download the original Fisheye source, but instead you would change the posy value in the JavaScript to make the vertical range that affects the dock smaller.

I converted mine to vertical though, so I can't tell you what you'd have to change for sure... since I'm not the greatest with math, and the way I modified the JS was more of a "guess and check". =p You could TRY changing the "posy =" line to var posy = Math.pow(pointer.y - el.fisheyeCfg.pos.y - el.offsetHeight/2,3); (notice the higher power)... and if that doesn't work enough you can increase it to 4, or just square the "posy" in the distance formula (it should do the same thing).

[toddos]

well the first way was very nice, thank you !!!

and is there a way to set the space between the icons higher ?

[TheMilkCarton]

Just change the CSS. Either try changing the width of the link or the padding between them. I can't tell you for sure though as I made my layout vertical from day one and the CSS is completely different. :)

[whitetigergrowl]

hi, where can i define the option when the icon is getting bigger if the mouse is coming ?

I put the menue in my navbar, but now i can't click on the logout link, because before i go to the link the fisheye menu icons are coming out ;)

In the afm_fisheye_menu template, towards the bottom, you'll see 2 options for docking. dock and dock2. Adjust the 'proximity' for both to your liking. Do some testing till you get your desired results.

[TheMilkCarton]

In the afm_fisheye_menu template, towards the bottom, you'll see 2 options for docking. dock and dock2. Adjust the 'proximity' for both to your liking. Do some testing till you get your desired results.

His question was already answered? :p

And as I said in my post this isn't really the best solution as that also affects how well the icons magnify as you move your mouse across them. The real solution would be to make the vertical range that the mouse must be in to magnify the icons *smaller*, and that takes a just-as-simple JS edit that I also provided.

[toddos]

hi again,
my pictures are very fuzzy, suziq, is this normal ?

[isurua]

Becomeunbroken: thanks, nice mod :).

I'm also wondering how you setup those really nice drop down top menus on the http://www.becomeunbroken.com site - they look fantastic.

Any info would be greatly appreciated.

Thank you,
Isuru

[Magnumutz]

The only problem i got is fitting it into my template...
If anyone is willing to help me, here's my forum's link: www.smeker.ro
I'm want to fit it to the right from the logo.

[inciarco]

I've Noticed that This Hack Slows Down the Movement of the Smilies after Browsing some Pages, when the Mouse Cursor is Moving and Movement of the Smilies is Normal only when Mouse Cursor isn'r Moving!! :confused:

Perhaps something in the Memory isn't Clearing Right and Accumulates and Saturates something in Memory or in the Internet Explorer Browser!! :confused:

I'm 100% Sure of this because I've Tested that Behavior by Disabling the Fisheye Menu Hack and Speed of the Smilies Restores to Normal!! :confused:

As I Told this Happens a few minutes and after Browing into some Pages on the Forum!! :rolleyes:

The Hack Works Great, this is a Little Bug I've Noticed since some time Ago!! ;)

My Best Regards!! ;)

:)

[nectons]

It works like a charm.. one of the best mods for me dudes.. EXCELENT job.. the only think is with internet explorer.. in vba it works without zoom at all.. inside the forums plays with 2-3 seconds delay (for the zooming) ... with firefox plays lightspeed without any delay.. Maybe can be a fix for this ? :D.. THANKS A MILION i installed offcource..

[emtee]

If I use vb condition
<if condition="$show['member']">
to show some icons of the menu to only registered users, it won't work.

Any ideas how to make it work using vb condition? Thanks.

[anstosser]

Great Work!!!! Thanks...

[Rs06 Ant]

Brillant tool. Works perfect on 3.6.8.

So easy to install too.

Cheers :d

[MrPHD]

Installed and Worki9ng nice. Best Regards

[Konstantinos]

This site has also very cool png icons http://www.customxp.net/images/PngFactory/


Has some vb pngs as well :) http://www.customxp.net/images/PngFactory/index.php?search=vbulletin

[silver surfer]

If I use vb condition
<if condition="$show['member']">
to show some icons of the menu to only registered users, it won't work.

Any ideas how to make it work using vb condition? Thanks.

it worked this way for me to hide the staff room 4 example :

<if condition="is_member_of($bbuserinfo,5,6,7)">
<a class="dock-item" href="http://yoursite.com/forumdisplay.php?f=8"><img src="$vboptions[afm_path]/images/XTRD-divan_orange.png" alt="" /><span>Staff Room</span></a></if>

2 pics attached

[kiril_cvetkov]

very good :)

[toddos]

it doesnt work in vB 3.7. ... ?
i installed it but the java effect doesnt do anything.

[toddos]

does anybody have a solution ?

[gwerzal]

Nice, got it working on http://www.cashloopholes.co.uk

Just need to edit it now but i dont no what to use it for lol. Definately keeping it though.

[pericolosogr]

as far as i can see this product is interfering with the css of my style...when i disable it everything shows up fine, when i enable it, i dont get wounded corners...
can i some how fix this?

[tehQspm]

Hi

It works fine on my site however it wont work whenever you view a thread. It just shows the images to the left stacked on top of each other. On every other page they load fine. I had a look at the source code and it appears that the links are being parsed as relative urls on the pages where the menu shows up and as absolute urls on pages where it wont show up, even though both are calling the afm_fisheye_menu template.

Apart from that, it's still calling the js files on every page so I'm not sure what the problem could be.

[mastertek2000]

works great but y is there XX in the images

[pericolosogr]

when enabling the product i see the fisheye menu displaying properly, but beside the css thats not working in my style...my png images in header which they show up properly in firefox, look like i am browsing with an IE 6!

The problem is that i dont know where these conflicts come from!

Can somebody explain what this code does? Can somebody make it a bit more simple so that we can use without any more problems?
Thanx

[mastertek2000]

got it working great thanks this is a great mod will see how my members like it

INSTALLED!!!

[CLF]

Thank you so much for this great hack! LOVE IT!!!
INSTALLED!!! :)

[Parker Clack]

I love this hack. I would however like the ability to add text under the icons when they are docked so that what they represent isn't in question.

[mastertek2000]

I love this hack. I would however like the ability to add text under the icons when they are docked so that what they represent isn't in question.

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:

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

[Parker Clack]

mastertek2000:

Yeah, I alredy know about that. What I wanting to do is put a text description under the icon when it is in the docked state. The code that is in the fisheye_menu will put the text up if you move your mouse over the icon.

[CLF]

mastertek2000:

Yeah, I alredy know about that. What I wanting to do is put a text description under the icon when it is in the docked state. The code that is in the fisheye_menu will put the text up if you move your mouse over the icon.

But if you have more than 5-6 (I have 10-12) icons it wouldn't look that nice when the icons are docked, or the letters would be very small. Just a thought.

[iogames]

Can I place it, let's say in 5 different subforums? different links? for different features?

[toddos]

pls make it working for vB 3.7. !

[pericolosogr]

is this mod supported? just asking...

[iogames]

Can I place it, let's say in 5 different subforums? different links? for different features?

Nope... guy dissapeared

[xixxon]

does the image have to be png in order to have the effect ???

[BecomeUnbroken]

sorry to those who have been waiting.. but i have way too much going on to keep developing or supporting this mod..as you can tell i haven't been online here for some months...

If anyone wants to modify this in any way, please feel free to..

[RvG2]

works perfectly on vb 3.7

[Cybershaolin]

well the first way was very nice, thank you !!!

and is there a way to set the space between the icons higher ?

According to the answer here:
Just change the CSS. Either try changing the width of the link or the padding between them. I can't tell you for sure though as I made my layout vertical from day one and the CSS is completely different. :)

I tried modifying the CSS in many ways but nothing worked in order to increase the spacing between the icons. I can change their sizes but the spacing between them remain the same no matter what values I try for the padding.

How did you succeed with yours and do you have a screenshot of the result?

[toucan42]

<a href="https://vborg.vbsupport.ru/showpost.php?p=1363532&postcount=59" target="_blank">https://vborg.vbsupport.ru/showp...2&postcount=59</a>

In this post there is modification to the CSS to make the images and the popout effect smaller but this does not match the CSS of the current version. Does anyone know how to make these smaller?

[toucan42]

DOH! Turns out I was in the wrong template. go figure...

[j-n]

thank you

[toucan42]

This conflicts with other AJAX features (as others have noted), but for me it was the AJAX Collapsible First Post https://vborg.vbsupport.ru/showthread.php?t=145187 that didn't play nice. I have temporarily (hopefully) removed this from my forum as the other mod is more important - this is eye candy (damn fine eye candy!). I'd still love to get this working. If anyone has suggestions please let me know. Thanks

[joopster]

Is there a way to make the menu extend the full width of the header? What I mean is change the width. Right now it is very small. If I only have 8 or so icons I would still like it to span from the left side of the screen to the right.

[ams3521]

Hi looks a great addon for any forum thanks. Ive managed to get it installed ok but on Firefox im getting it placed in the middle of the forum (my ie is broken and cant check but i have been advised its ok on ie) I was wanting it top right. sorry if i have missed anything. Anyone any ideas or help for me?

thanks

view it here-
http://www.thedailypunt.com/forum/index.php?styleid=93

[ams3521]

Problem sorted, seemed firefox didnt like the css of that particular style, I had to rejig the header by using a split cell then move fisheye across.

[baklash]

thanks bro thats awesome

[roadrunna]

I'm having problems with this mod and vbpicgallery. This mod looks fine everywhere except the gallery, where the icons show as a huge size, with text next to them.

Probably a bit late for you but I just had the same problem with vbpicgallery.

The reason is that the vbpicgallery 'vbpicgallery_main' template doesn't call the headerinclude template so the fisheye include can't be added.

I added an extra plugin on the parse_templates hook to handle the vbpicgallery_headinclude template.

No idea if it's the best way to fix the problem but it works :) here's my plugin code

if($vbulletin->options['afm_onoff']){

$vbulletin->templatecache['vbpicgallery_headinclude'] = str_replace($vbulletin->templatecache['vbpicgallery_headinclude'], $vbulletin->templatecache['vbpicgallery_headinclude'] . "
" .
fetch_template('afm_fisheye_headinclude') . "

" . fetch_template('afm_fisheye_stylesheet') . "

", $vbulletin->templatecache['vbpicgallery_headinclude']);

}

Anyone know how to code the plugin to check if it's on a vbpicgallery page ? Would checking against THISSCRIPT work inside a plugin ?

[aquariumpros]

Has anyone determined if this will still work under vB 4.x ... or is there a comparable mod that works under vB 4.x ??

(thanks in advance for any insight)