[fisch eye] Dock menu with always visible text.

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
Post Reply
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

[fisch eye] Dock menu with always visible text.

Post by Eddy »

[fisch eye] Dock menu

Image


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.


Image
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


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


Image


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


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


Image
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=
Last edited by Eddy on Tue Dec 29, 2009 12:36 pm, edited 6 times in total.
User avatar
star57
 
 
Posts: 129
Joined: Fri Mar 02, 2007 10:45 am

Post by star57 »

Thanks Eddy, looking at the builder and your just amazing!
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Post by 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?
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by 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
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Post by Patr100 »

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

-
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

Meets W3C Standards
Built with Extension Builder 2.0.2
Image
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by 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?
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by 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;
}
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by 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.
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by 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 :?
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

Sorry,you can use this menu only horizontal,for a vertikal menu you need another code/script.
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Post by 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...
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

Thanks to giving a solution for truffeltje123 :wink:
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.

Image
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Great idea that will work..... :D
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Post by 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?
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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...
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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...:)
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: [fisch eye] Dock menu with always visible text.

Post by etcbbu »

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

--etcbbu
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: [fisch eye] Dock menu with always visible text.

Post by BaconFries »

Updated please see following url
viewtopic.php?f=42&t=37406&p=186448#p186448
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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":

Image

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

???
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: [fisch eye] Dock menu with always visible text.

Post by BaconFries »

Did you download the updated from here
viewtopic.php?f=42&t=37406&p=186448#p186448
Last edited by BaconFries on Wed Mar 02, 2011 4:42 pm, edited 1 time in total.
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: [fisch eye] Dock menu with always visible text.

Post by etcbbu »

Yes, that was the one I downloaded.
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: [fisch eye] Dock menu with always visible text.

Post by BaconFries »

Look at the link below for mediafire you have downloaded Eddys Version again
http://www.mediafire.com/?3gdt3adgixl5s4p
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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..?

Image
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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..?
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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=
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: [fisch eye] Dock menu with always visible text.

Post by 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!)
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
Post Reply