Slider Effect Menu Updated***05/10/12***

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Slider Effect Menu Updated***05/10/12***

Post by BaconFries »

Slider Effect Menu Updated***05/10/12***
The extension has now been updated due to a report of not working in the latest build of WYSIWYG Web Builder8.5. Please note that all previous versions should be removed first before installing the new updated version this is ensure that you have the latest version of the extension in the program.

***Updated 24/04/11***
Updated to fix Extension replacing body text to bold as set in the extension.

Meets W3C Standards
Built with Extension Builder2.6.0
ImageImage


This sliding hover effect script is an easy method to add some flavor to your navigation. Using the CSS you can easily customize the navigation to fit your “look and feel”.
The extension has now been update so that it will show a active state to which page it is on and not return to the home position as it did before also now possible to use without any background image from within the extension you can just display the text you need for menu, although you can still insert a image via the extension you can now simply import any image directly into web builder and overlay the extension on top of it just using text. The bold variable for text has also been removed it was found when used your page font also was made bold when you hadn't set it to display bold.

A thanks to forum member gp2727 for assistance in making active state....

***Update20/08/10***
Small update added to allow the use of iframe as target along the all other targets...

Please note that when using this you need to place a seperate menu on each page it is used on...it cannot be used with master pages if used this way then the active state will not function and always show the active state of one page only...

Image

Image
© 2009 Michael Leigeber

Download For Web Builder Version 7.x.x with active state via the Extension Manager
Last edited by BaconFries on Fri Sep 30, 2011 6:09 pm, edited 12 times in total.
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

***Updated 20/10/09***
Update to fix a small javascript error see first posting for updated
extension download
I really ment to add a thx here to "Eddy" it was his eyes that saw and told me about this so Eddy thx once again were would we be without you...
Last edited by BaconFries on Thu Oct 22, 2009 10:58 pm, edited 1 time in total.
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

WOW!!!! :D :D :D Very Nice Extension BaconFries......Thanks for all you do here to make WebBuilder even better.....
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

HI Teorus ok just read your post...I think I understand what your trying to say :) I havnt tried using the extension as you mentioned but I will take a look at this to see if it is possible.... You should be able to place the extension on each page you need it on and specify each url you need to link too you may also need to make a larger navigation menu to do this if you have many urls you need to link to..as mentioned I will try what your asked in WB to see if possible and will let you know asap (As Soon As Possible) not at my main PC at the moment and will do this when at home ...
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Hi you should be able to find the required css file in the folder were you saved your project to the css file you need to modify is the style2.css you will need to open this with a text editor and make the changes you need see examples....

#slide {position:absolute; top:6px; height:24px; background:$sliderbgcolor2$; z-index:$sliderindex2$}

#slide {position:absolute; top:6px; height:30px; background:$sliderbgcolor2$; z-index:$sliderindex2$}
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

***Updated 27/12/09***
Meets W3C Standards Image Image
Built with Extension Builder 2.0.2
FredericP
 
 
Posts: 71
Joined: Thu Apr 26, 2007 5:10 pm
Location: Bourges (France)
Contact:

Re: Problem...

Post by FredericP »

Limma wrote:I'm trying to use this wonderful extension but I have encountered this strange problem: other extensions I'm using in the same page (like GreyBox Gallery and GreyBox Full Screen) dont work together the slid menu!
Where am I wrong? Please help!
I had the same problem with some other extensions. The problem is that some files with identical names are in the same page so in the same directory of your FTP site. You can resolve the problem with folders.
[url]http://Peyronnin.fr[/url]
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

***01/03/10***
new download link at first posting
User avatar
iamafireman
 
 
Posts: 84
Joined: Mon May 26, 2008 2:41 am
Location: Tennessee

Post by iamafireman »

BF
with this extension is the underline suppose to stay on the page that you are on at that time. When I preview the underline goes back to Home.
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Hi yes this is how the extension works by default it doesnt use a active state to show the page your on, the slide tab returns to home no matter what page your on it is the same with the original script by the author there is a couple of posts in the original authors site regarding this I tried to implent them without success to acheive this.....sorry :(
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

BaconFries, I would like to take a stab at modifying a couple of things on this extension. Could you email me this to look at please... [email removed]... All I need is the .xwb and .xsl files
If I make any changes, I will email you back my changes for your consideration to post on the forum or not. Thanks
Last edited by gp2727 on Tue Mar 30, 2010 1:50 pm, edited 1 time in total.
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Files sent on to you at the supplied address
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

Thank You BaconFries....
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

For BaconFries, check your EMail.....sent your files and my files for your review....Thanks Again
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Thx gp.... got them thx as my email I will test tomorrow ... :D
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Extension has been updated to have active state menu to show which page your on
User avatar
iamafireman
 
 
Posts: 84
Joined: Mon May 26, 2008 2:41 am
Location: Tennessee

Post by iamafireman »

great will try it out
MP3

Post by MP3 »

This new update does not work for me.

The page you stay on is not underlined or highligted, the slider goes back to the HOME page. :(

Franky
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Have you downloaded the correct extension there are two version one without active state the other without...
Download For Web Builder Version 6.5 without active state
Download For Web Builder Version 6.5 with active state
Did you read the PDF on how to set the active state see images below note you only set one page to active state all other you leave to 0
Note it is not the text that gets Highlighted but the slider below..I have also just checked the extension and it seems to work fine here...
:D
Image
Image
MP3

Post by MP3 »

Well BF, I did exactly what reported and doubled checked it.

No way to fix it for me !!!! :?


Franky
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Here is a demo wbs showing the menu on four pages Home, About,Gallery,Contact the choosing page shows the page tilte under the page name/title in the slide menu it will show a white slider line this will move/slide when you click to view another page and will show the slide under the tiltle of the new choosing page I have also included the extension that I am using with the wbs i uploaded...
http://www.mediafire.com/?z3dldymztbi
User avatar
mbrowne
 
 
Posts: 19
Joined: Wed Mar 21, 2007 4:12 am

Post by mbrowne »

Odd. I just tried the active state version, and I can't get it to show either. Must be a strange quirk. I'm using WB v6.57 on XP. The set-up is simple enough, and I have no other scripts. Dunno...
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

mbrowne wrote:Odd. I just tried the active state version, and I can't get it to show either. Must be a strange quirk. I'm using WB v6.57 on XP. The set-up is simple enough, and I have no other scripts. Dunno...
You have to select a background file for the menu to show (extension includes folder with many different types)....Has that step occurred?

Image
User avatar
mbrowne
 
 
Posts: 19
Joined: Wed Mar 21, 2007 4:12 am

Post by mbrowne »

Yes. But I think I was not clear. I was referring to mp3's issue of not being able to get the "active state" to show. The rest works fine. The active page just is not indicated by the menu.
User avatar
v84x4
 
 
Posts: 102
Joined: Thu Sep 18, 2008 1:48 am
Contact:

Post by v84x4 »

You the Man BaconFries

This extenion is just what i was l@@king for

Thanks for your hard work.....

Your getting real good at this

Best regards V8
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Well thank you V8 I had input from gp2727 with the active state as my original version didnt have this feature....
User avatar
v84x4
 
 
Posts: 102
Joined: Thu Sep 18, 2008 1:48 am
Contact:

Post by v84x4 »

Ohhhh :shock:

Wow....i just tried it and OMG.....Its Great 8)

I think all future extention should have the abillity
to use you own background image, just like this one.....

This is an amazing & wanted capability for me
cant wait to put it to good use on some cool templates

BaconFries gets 5 stars

V8
User avatar
mbrowne
 
 
Posts: 19
Joined: Wed Mar 21, 2007 4:12 am

Post by mbrowne »

BaconFries wrote:Well thank you V8 I had input from gp2727 with the active state as my original version didnt have this feature....
Is there anything simple that I might be overlooking that keeps me from getting the active state to work. I test it with only a few simple pages with nothing but a small text object and your menu.
User avatar
v84x4
 
 
Posts: 102
Joined: Thu Sep 18, 2008 1:48 am
Contact:

Post by v84x4 »

Well........let me try :wink:

Background folder that comes with extention needs to go in the:
my documents/WYSIWYG Web Builder/system( folder)
along with extention

Is this what you are asking?

Regards V8
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Hmmm it hard to say what maybe wrong without seeing it.. here is a small screen image showing the slider in active state on a simple menu notice the white slider under the red text
Image

Have you also tried downloading the demo wbs showing it work on just a couple of pages...as always if I can help I will....
I will also offer this if you wish to make a demo like I have and upload I will take a look at it for you and see what may be wrong
Demo
http://www.mediafire.com/?z3dldymztbi
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

mbrowne wrote:
BaconFries wrote:Well thank you V8 I had input from gp2727 with the active state as my original version didnt have this feature....
Is there anything simple that I might be overlooking that keeps me from getting the active state to work. I test it with only a few simple pages with nothing but a small text object and your menu.
Hopefully these pictures will clear up your question. You can only select 1 active page when adding your menu item per web page and here is where you add it by changing this parameter to a 1.
Looking at this picture, the active bar will be under the Support item on your menu when you go to the Support Page if this is where you place this menu here.

Image

Using style.css for menu style
Image

Using style2.css for menu style
Image
Last edited by gp2727 on Mon Aug 16, 2010 5:38 pm, edited 1 time in total.
User avatar
mbrowne
 
 
Posts: 19
Joined: Wed Mar 21, 2007 4:12 am

Post by mbrowne »

Hi BF. I appreciate your taking time with this. The demo is set to private currently, so I can't get it.

V84x4, I'm using WB6.57 and have the files in the main prog directory.

The images show and the slider works on hover, it's just not putting the underlining/highlighting under the page that's open. It always goes under Home.

The wbs file is 10k, I could email it?
gp2727
 
 
Posts: 130
Joined: Fri Nov 04, 2005 12:40 pm
Location: USA

Post by gp2727 »

Please read my post above this one for more info....It will explain in detail how to get the cursor under the proper menu item....
User avatar
mbrowne
 
 
Posts: 19
Joined: Wed Mar 21, 2007 4:12 am

Post by mbrowne »

'Course I guess I could be looking at this wrong. In the menu, the page I set to "active" has the underline no matter which page I have open. I thought the menu was supposed to have the underline on whichever page is open.
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Please try the demo download again as it is now available gp thx for your input with this and taking time to do the images :D
User avatar
mbrowne
 
 
Posts: 19
Joined: Wed Mar 21, 2007 4:12 am

Post by mbrowne »

OK. I'm an idiot. Sorry... I was using 1 menu as a master object. But it works perfectly by using a separate menu object on each page, with that page set to "active" in the menu on that page. I wouldn't have got it without this discussion, so thanks!
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

That ok just glad that it works for you now now were do we send the final bill... :D
User avatar
v84x4
 
 
Posts: 102
Joined: Thu Sep 18, 2008 1:48 am
Contact:

Post by v84x4 »

Hey Baconfries.........

Can i Please, Please, ask of you to add "Target=Imframe"
to the "links" of this extention?

Or would that be to much trouble?

Thanks in advance

V8
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Nah not at all I will see about this over the next day got some work on that needs to be seen too first but will add this....
User avatar
v84x4
 
 
Posts: 102
Joined: Thu Sep 18, 2008 1:48 am
Contact:

Post by v84x4 »

:D

OMG......Realy?

your the best!!!!

My creative juices are flowing but no rush


BR V8
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

***Update20/08/10***
Small update added to allow the use of iframe as target along the all other targets...
User avatar
v84x4
 
 
Posts: 102
Joined: Thu Sep 18, 2008 1:48 am
Contact:

Post by v84x4 »

8)

You are toooooo COOL for school BF

Thank you so much

Much Much Humble regards V8
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

No problems V8 glad to have helped...
User avatar
iamafireman
 
 
Posts: 84
Joined: Mon May 26, 2008 2:41 am
Location: Tennessee

Post by iamafireman »

Very nice with the active state, but The font will not change. I can change the style and the size, but it always stays as the default.
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

iamafireman please check your email you can let me know how you get on...
User avatar
iamafireman
 
 
Posts: 84
Joined: Mon May 26, 2008 2:41 am
Location: Tennessee

Post by iamafireman »

Seems to be working correct.
One suggestion, set the default target to _self.
User avatar
v84x4
 
 
Posts: 102
Joined: Thu Sep 18, 2008 1:48 am
Contact:

Post by v84x4 »

:D

Hey BF !!!!

A few questions please....

Can the "slider" be an annimated img or flash?
How do I space the Links accross the top to be in the posission i want?
Also is there an option for "vertical" links ?

These options would be Great

Also "_self" as start-up as segested would be nice


Regards V8
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Post by BaconFries »

Hi V8 at the moment I am not on my own PC as busy doing a rebuild for a relative and dont have access to WB or any of the extensions so I cant give a more definite anwser to all your questions regarding the _self yes that can be done but it can also just be set in the extension properties abourt a animated image or flash I will need to look into that vertical layout dont think that is possible as the original author never incoperated or has a script on his site that does that....as soon as I get back to my own PC I will look at things....
User avatar
BaconFries
 
 
Posts: 5640
Joined: Thu Aug 16, 2007 7:32 pm

Re: Slider Effect Menu Updated***24/04/11***

Post by BaconFries »

***Updated 24/04/11***
Updated to fix Extension replacing body text to bold as set in the extension.
Locked