Rocking and Rolling Rounded Menu (Updated 18/8/2011)

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
smartmedia
 
 
Posts: 66
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

Rocking and Rolling Rounded Menu (Updated 18/8/2011)

Post by smartmedia » Thu Feb 24, 2011 11:29 am

A fantastic menu for all of us..

Version 1.3.0.0
Build with 2.6.0 Extension builder
Document type: HTML 4.01 Transitional

Image
Original Author of the script Mary Lou

Info
http://tympanus.net/codrops/2010/04/30/ ... th-jquery/

Preview
Image
Image

Futures
Supports 48 or 64 px icons
Change Title - Links, color size
Change the distance between menus
Change background menu color
Change border color - width
Change width of closed menu
Change expansion menu width
Change Icon Top position
Change Menu roundness

Image

Download
Download is available from Extension manager

Fixes 1.3.0.0
Fixed problem using earlier version of jQuery. Note that requires 1.5.2.jquery.min.js in order to play right.
Added jQuery compatibility fix
Last edited by smartmedia on Thu Aug 18, 2011 8:11 pm, edited 6 times in total.
infogate
<script type="text/javascript">jQuery.noConflict();</script>

Reptilicious
 
 
Posts: 29
Joined: Tue Nov 09, 2010 3:54 pm
Contact:

Re: Rocking and Rolling Rounded Menu

Post by Reptilicious » Thu Feb 24, 2011 12:11 pm

gzagone wrote:Absolutely not true, your work is very nice and helpful, I really appreciate what you do because it's functional and from the point of view of the very nice graphics.................... Many Thanks
Couldn't say it any better!
Just downloaded your other extension (Beautiful Background Image Navigation). I am redesigning my website, trying out some new things, because I am not sure what I want, and I can't create the extensions myself, so I hope you keep up the good work!!

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

Re: Rocking and Rolling Rounded Menu

Post by BaconFries » Thu Feb 24, 2011 12:14 pm

Pfff you really are impatient arnt you, you have only just posted that you are going to make this and aleardy complaing that no one is responding and that your going to not make anymore, you have to remember that not all forum members will be viewing at the same time as yourself as the forum has many users who are on time difference zones...just to let you know one of my extension has had 30,000 views and only 112 comments...and I have never let this stop me....so just because users don say wow yes please , I love this...I cant wait....doesnt mean you have to stop making them

User avatar
me.prosenjeet
 
 
Posts: 1235
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Rocking and Rolling Rounded Menu (Released)

Post by me.prosenjeet » Thu Feb 24, 2011 3:05 pm

Well, I as an extension developer do expect a thanks if you are using my extension.
Only reason, it motivates the extension writer.
A small thanks can make the extension developers work on more extensions...so guys we do want more extensions, dont we!
And frankly, there is no harm posting a Thanks if you liked the work...
Though, you cant make people thank you, not all are generous with their thanks :D
and yes, have patience (thats for all extension developers)

Continue the good work smartmedia, thanks no thanks you are doing a great job!
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

smartmedia
 
 
Posts: 66
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

Re: Rocking and Rolling Rounded Menu (Updated 24/2/2011)

Post by smartmedia » Thu Feb 24, 2011 7:22 pm

Please download it again... Updated.
2 new options

Change Icon Top position * new *
Change Menu roundness * new *
infogate
<script type="text/javascript">jQuery.noConflict();</script>

User avatar
amrajadhyaksha
 
 
Posts: 157
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

Re: Tympanus / Codrops stuff - keep it coming!

Post by amrajadhyaksha » Fri Feb 25, 2011 7:45 pm

Hi,

I run out of superlatives pretty fast
Doesn't mean I run out of appreciation.

You are doing fab work
May your strength endure
Your enthusiasm hold

All the best

jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: Rocking and Rolling Rounded Menu (Updated 24/2/2011)

Post by jordan » Sat Feb 26, 2011 9:30 pm

hello smartmedia,

thanks for your index update mail . appreciated . 8) .

Reptilicious
 
 
Posts: 29
Joined: Tue Nov 09, 2010 3:54 pm
Contact:

Re: Rocking and Rolling Rounded Menu (Updated 24/2/2011)

Post by Reptilicious » Thu Aug 18, 2011 2:36 pm

Hi Smartmedia,
I am using a WB photo gallery and it is not working in combination with this menu, even tough the gallery is in front. I asked about it in the Dutch forum and the support thought that this extension might not be compatible with jQuery. Could you let me know if this extension is compatible with jQuery? And if you have a solution?
Thanks in advance!

smartmedia
 
 
Posts: 66
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

Re: Rocking and Rolling Rounded Menu (Updated 24/2/2011)

Post by smartmedia » Thu Aug 18, 2011 6:04 pm

Hi..
Well, it seems that some problems exist.
1) The menu uses 1.5.2.jquery.min.js it doesn't play otherwise. I re-compile the extension.
2) Using the preview from Extension Builder everything running smoothly but when i add the extension to WYSIWYG Builder i found two problems.
i) In extension builder under <HEAD> tag i use the following:

Code: Select all

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
        <style>
            *{
                margin:0;
                padding:0;
            }
</style>
After adding the extension and exporting the page, the style part of above code is moved in index.css but the last line </style> is missing.
ii) The Title in the extension are use h2 tag. In Extension builder are shown correctly but in WYSIWYG Builder the Links under the Title are placed more down as supposed to be.

I don't know how to overcome this issue. Perhaps someone with more skills then me can help.
infogate
<script type="text/javascript">jQuery.noConflict();</script>

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

Re: Rocking and Rolling Rounded Menu (Updated 18/8/2011)

Post by BaconFries » Thu Aug 18, 2011 6:42 pm

Ok I do not want to argue or have another tit for tat with but you maybe can try the following use th css like example1 or just insert the code example 2 at the top of the style.css and save you can also try downloading the jQuery required to make it work and place in a folder of its own this may help stop it conflicting with the jQuery used in most WB objects/extensions
Example1

Code: Select all

<style type="text/css">
*{
margin:0;
padding:0;
}
</style>

Code: Select all

*{
margin:0;
padding:0;
}

smartmedia
 
 
Posts: 66
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

Re: Rocking and Rolling Rounded Menu (Updated 18/8/2011)

Post by smartmedia » Thu Aug 18, 2011 7:08 pm

Thanks BF,
Problem solved by adding the

Code: Select all

*{
margin:0;
padding:0;
}
into style.css
I will release it from Extension Manager.
infogate
<script type="text/javascript">jQuery.noConflict();</script>

Reptilicious
 
 
Posts: 29
Joined: Tue Nov 09, 2010 3:54 pm
Contact:

Re: Rocking and Rolling Rounded Menu (Updated 18/8/2011)

Post by Reptilicious » Fri Aug 19, 2011 12:01 pm

Hi guys,
Thanks for the effort! :) I updated the extension, but the menu is displayed backwards and the popup is still not working as it should. I use the WB Photo gallery, with the following popup propeties: windows: ligh box gallery and type: fancybox. Which should open in the same window with a small textbox beneath the shown photo, but it opens in a new white screen window. Here is an example: http://test.reptilicious.nl/pagina1.html

If I change type to slimbox, it works fine, but I like the fancybox more...
I am a real dummie with these things, if you can find a solution that would be great, but if it takes to much, I just go for another menu!

smartmedia
 
 
Posts: 66
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

Re: Rocking and Rolling Rounded Menu (Updated 18/8/2011)

Post by smartmedia » Fri Aug 19, 2011 3:25 pm

Hi.
From Rocking Rolling Menu --> jQuery Select --> <!-- Do not use jQuery-->
That worked for me with fancybox type.
Try it and tell me.

PS.
but the menu is displayed backwards
From Extension properties, change the Menu floating direction from left to right.
infogate
<script type="text/javascript">jQuery.noConflict();</script>

Reptilicious
 
 
Posts: 29
Joined: Tue Nov 09, 2010 3:54 pm
Contact:

Re: Rocking and Rolling Rounded Menu (Updated 18/8/2011)

Post by Reptilicious » Fri Aug 19, 2011 4:18 pm

YES! It is working :D :D Thank you for your help!!
About the menu...I really should change my haircolor :oops: :wink:

itsme
 
 
Posts: 49
Joined: Wed Feb 09, 2011 7:02 pm
Location: Spain

Re: Rocking and Rolling Rounded Menu (Updated 18/8/2011)

Post by itsme » Thu Sep 15, 2011 4:21 pm

great extension. extremely fabulous!

few quick queries
what if i want to make them only 3 menu items?
what if I want to add more links to an item?
it doesn't have option to remove one of the 5 menu items and keep desplayed on the object,, neither can't add more than 3 links in the each menu?

am i missing something guys?

thanks a lot overall, it is really fantastic one, i hope i can use it if those above changes can be made!

Mike

Post Reply