[fisch eye] Dock menu with always visible text.

[Eddy]

[fisch eye] Dock menu




I have used an xml and xsl file than you can select so mutch images as you need.
Text is always visible at the bottom.
Icons are centered in the frame.
You can select internal or external urls.
Change textsize fontcolor,fontsize,fontname.
Change space between the images.
Change how hight the images slide.
Set the link to open _blank or _self.
You can set on every page another fontsize,color etc for the text.
Inserted also the pngfix for IE6 browsers.


Dock Menu is an open source GPL and MIT Project, free for all uses.



Download docmenu bottom text for WB 6.5.
http://www.mediafire.com/file/omymr0cdk ... _valid.zip

Developer:
Stefan Petre + MIT License + GPL License

Website:
http://www.ndesign-studio.com/blog/mac/css-dock-menu


======================================================





The same as above with one differents,
The link text is always visible at the Top.



Download dockmenu top text for WB 6.5
http://www.mediafire.com/file/jgmzjzyb2 ... _valid.zip


The same as above with one differents,
The link text is hiding and shows with mouseover at the Top.



Download dockmenu top text hiding for WB 6.5
http://www.mediafire.com/file/wymxyf3mj ... _valid.zip


=====================================================

Fisch eye menu with mouseover text from Star57
viewtopic.php?t=18415&highlight=

[star57]

Thanks Eddy, looking at the builder and your just amazing!

[Patr100]

Thanks Eddy Very easy to use. Looks great
Only drawback is when scripts are disabled in browser you get no automatic "no script" fallback ?
I guess that could be inserted somehow so a basic mmenu appears instead?

[Eddy]

This is how the original script works.
In the webbuilder menu`s is also not a "no script" fallback ?
Almost al WB menu`s work with javascript!

I have no idea how to insert a fallback menu but you can download the source code and try to insert a fallback menu.

[Patr100]

This is how the original script works.
In the webbuilder menu`s is also not a "no script" fallback ?
Almost al WB menu`s work with javascript!

I have no idea how to insert a fallback menu but you can download the source code and try to insert a fallback menu.

Yes you're right of coirse I was only being too picky - I always make a simple text menu in case scripts aren't used or for accessability.
Thanks again for your great work for this extension.

-

[Eddy]

Meets W3C Standards
Built with Extension Builder 2.0.2

[Eddy]

I used IE7 and cannot open the link:"il Consort Veneto".

but the Sexylightbox shows only half of its size in overlay...

The overlay is in the css file normally,i realy don`t know why the Sexylightbox shows this behavior.

Maybe its the javascript from the dockmenu?

[Eddy]

I did try to solve your problem ,the only thing that works is removing position: absolute;
from the sexylightbox css file but than the popup starts from the right before it go`s to the center.

#SLB-Wrapper {
margin:0.5em 0;
margin:auto;
font-family:Tahoma;
text-align: left;
position: absolute;
}

[Eddy]

Difficult to explain for me in english but all settings seems to work together ,if you make the menu higher than the menu is also more in length.
The image size depends also on the menu width.

[Eddy]

It appears to not be tied in with the images in WB and when I move the project to another machine the files don't point to the new location.

Not all extensions do save the images to a folder related to your project file.
You can use the asset manager to update to image locations.

Jquery is an old version too. Does the latest have the Interface file in the base Jquery or will I need to find an updated Interface file too?

I don`t see updates on the developer page ,I did only wrap the original files into an extension

[Eddy]

Sorry,you can use this menu only horizontal,for a vertikal menu you need another code/script.

[BaconFries]

Hi Eddy not trying to stamp on your topic here but I do have a solution to getting both the dock menu using jQuery and lightbox thats uses the prototype to work on one page....to get them to work together we need to modify three files in lightbox this cannot be done in the extension properties but it can be done once we have saved the project...

The three files that need to be modified in lightbox are lightbox.js, effects.js and prototype.js..first we need to open these files in a HTML editor such as notepad++ to modify the code we need to replace $( with $$$( once we have done that for all three file and saved each file with the modification we can use both on the one page....only downfall it if we make any changes to the lightbox in WB again we need to repeat this...hope this helps...

[Eddy]

Thanks to giving a solution for truffeltje123

only downfall it if we make any changes to the lightbox in WB again we need to repeat this

After uploading maybe you can CHMOD the three files to only read access , than the next upload wil not overwrite the changed files.

[BaconFries]

Great idea that will work.....

[protectourlands]

I've run into a similar situation and seem to have a script conflict between the dock menu and the WB Slideshow. Neither will work with each other when viewing in IE. This only becomes an issue in IE. (FF, Chrome, and Safari view fine)

http://www.yvkids.org/index.html

The upper right corner is the slideshow. Image 1 appears, but does not transition.

Any ideas on how to work around the conflict?

[etcbbu]

Hi,

I'm noticing an issue with the Dock Menu in Internet Explorer. I absolutely love this extension, but I am having issues with it in Internet Explorer. In Internet Explorer, go to this page:

http://www.ktravisj.com/fisheyeeddy.html

If it loads fine, clear your cache, close your browser, and try again.

The point is, SOMETIMES it loads incorrectly, it just throws all of the buttons into a little square, stacked on top of each other, and doesn't really do anything.

I was wondering: how could I fix that/stop it from happening? Does it have anything to do with the other icons on the bottom left corner of the page?

Thanks for any insight anyone can give me on this.

--etcbbu

[BaconFries]

@ etcbbu As you may have noticed Eddy hasnt been on the forum for sometime now this is due to work and not a lot of time to be here and share his knowledge and help...I have been in contact with him andI have a copy of this extension I will try to look at it andseeif it can be updated...please be patient with this as I still have to work and try and answer all question regarding my own extensions as soon as I have tested andfind what maybe wrong I will post my findings...

[etcbbu]

@BaconFries:

Yes, I did notice that he has not been around as much. Ad yes, I understand that it may take some time for you to do this, I totally understand that, and that is ok! I simply appreciate your looking into it, as time allows!

And I also saw what you posted in the http://wysiwygwebbuilder.com/forum/view ... 57#p186357 topic, and have since responded to it, as well.

Thank you so much, and tell Eddy I said "Thank you for this extension", if you happen to talk to him again.

--etcbbu

[BaconFries]

@etcbbu can you please tell me what menu you are using? as there are three versions of this extension by Eddy...

1.docmenu bottom text
2.visible at the Top
3.top text hiding

[etcbbu]

@BaconFries:

- On this page: http://ktravisj.com/contact.html, I am using "Fish Eye Dock menu"

- On this page: http://ktravisj.com/fisheyeeddy.html, I am using "Dockmenu Bottom Text Visible"

Thanks.

--etcbbu

[BaconFries]

Ok I can see what is wrong you are using two version of jQuery on the same page and they are conflicting with each other I have made a update to Eddys extension and will post shortly ....you can then try and let me know...in the new extension you can turn of the jQuery and allow the extension just to use thye other jQuery that is being used...

[etcbbu]

Oh wow, thanks BaconFries!! I look forward to this! I appreciate your efforts, in this way!

--etcbbu

[BaconFries]

This is a updated version of the extension created by Eddy I have permission from him to do this and full thanks go to Eddy for creating this in his time for the forum he is still out there just busy with work
For the latest version please visit the url below. BF
viewtopic.php?f=42&t=37406

[BaconFries]

Updated please see following url
viewtopic.php?f=42&t=37406&p=186448#p186448

[etcbbu]

Well..I *believe* I deleted the old extension, and I did download and install this one. When I double-click on it in WB, the dialogue box is called "Dockmenu Bottom Text Visible Properties":



Is that correct? I am not seeing anywhere I can alter the jQuery version--or, did you mean that you already updated it, and I am not supposed to be able to change it?

I just tried this one out, on the

http://ktravisj.com/fisheyeeddy

page. Don't forget, try it in IE because it already works fine in other browsers; and clear your cache, close your browser, and go to it again. For me, it is still doing the weird load that isn't correct. And again, once one refreshes, it is totally fine...but I want to get it working on first try in IE, every time..

I also tried putting the

Code: Select all

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

In the Page Properties>>Meta Tag>>User defined
also tried it in the
Page>>Page HTML>>Between head tags

Neither seemed to help..

I'm really starting to wonder if it's the fact that the images that make up my menu are also loaded on other parts of the page (bottom left corner of the page).

???

[BaconFries]

Did you download the updated from here
viewtopic.php?f=42&t=37406&p=186448#p186448

[etcbbu]

Yes, that was the one I downloaded.

[BaconFries]

Look at the link below for mediafire you have downloaded Eddys Version again
http://www.mediafire.com/?3gdt3adgixl5s4p

[etcbbu]

Well, that is the one that I tried a while ago. But I just now went to that link and downloaded it again.

I don't know, is this one that I have circled in the left the correct one? I am also trying to delete the old Dock Menu from my C:\Program files\WYSIWYG Web Builder 7 directory, but I am not sure it is totally getting rid of the old one..?

[BaconFries]

You are still downloading the wrong extension or havnt placed in the correct folder please visit this url this will be the name of the zip baconfries_dmbtv.zip
The extension will be named like this
DockmenuBottomTextVisible75.wbx

viewtopic.php?f=42&t=37406&p=186448#p186448

[etcbbu]

Yes, the zip file called

baconfries_dmbtv.zip

and the actual extension files called

DockmenuBottomTextVisible75.wbx
and
(readme) DockmenuBottomTextVisible75.pdf

are indeed the files I have been downloading and extracting into my

C:\Program Files\WYSIWYG Web Builder 7

directory. I am also trying to put it in my

C:\Program Files\WYSIWYG Web Builder 6

directory, just in case. And I am also trying to delete the old versions of the Dock menu's files out of both my WYSIWYG Web Builder 7 and WYSIWYG Web Builder 6. And I am exiting and re-starting my WYSIWYG Web-Builder file too, to make sure it sees my changes. I will try rebooting my computer, but I don't know, maybe I just cannot seem to totally delete the remnants of the old Fisheye Menu's or something..I don't know what else I can do though.. I am deleting the old versions' .wbs files and .zip files..?

[BaconFries]

The extension is for WB7 only it should be placed in My Documents\WYSIWYG Web Builder\system\extensions\

*** IMPORTANT CHANGE FOR WB7 ***
The location of the extesions in WYSIWYG Web Builder 7 is now
My Documents\WYSIWYG Web Builder\system\extensions\
viewtopic.php?t=30276&highlight=

[etcbbu]

*face-palm* I am so sorry--I had totally forgotten about that new way..

*FANFARE*

It seems to be working perfectly right, now! If you want to check it for yourself, open IE, make sure your cache and everything is empty, and go to

http://ktravisj.com/contact.html

Then clear your cache totally, close IE, open IE, and try to go again! See if it loads correctly.

What I did:

- thanks to BaconFries and Eddy, I installed the new version of the Dock Menu 75
- in the properties for the extension, used <!--Do Not Use JQuery-->
- Used the

Code: Select all

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

code in Page Properties>>Meta Tags>>User defined (but you can try it with or without the code here, or with or without the code in the "Between Body Tags" in Page>>Page HTML and see what your results are)

THANK YOU SO MUCH, BaconFries! AND PASS MY "THANKS" ON TO Eddy IF YOU TALK TO HIM!

--etcbbu

[etcbbu]

(minor Update: I have now taken off the

Code: Select all

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

from the Page Properties>>Meta Tags>>User defined area, because it was blocking an image that I was using on the bottom right of the page. Everything seems to be in order now . Thanks again, BaconFries and Eddy!)