YouTube videos use the "iframe" element (since February 2011), which makes a video show above submenus unless you add the "wmode=transparent" special parameter to its URL.

In case your YouTube URL does not use any parameters (no "?" character exists) then you should use the "?" character to add the special parameter:

<iframe width="560" height="349" src="http://www.youtube.com/embed/n1VTcJfL7RE?wmode=transparent" frameborder="0" allowfullscreen></iframe>

In case your YouTube URL already uses parameters (the "?" character exists) then you should use the "&" character to add the special parameter:

<iframe width="560" height="349" src="http://www.youtube.com/embed/n1VTcJfL7RE?hd=1&wmode=transparent" frameborder="0" allowfullscreen></iframe>

 

Tags: , , , , , , , , ,

 

SWFObject is a commonly used JS library for instantiating Flash objects universally.  Flash objects are considered to be “windows” on top of the browser and this is why they cover the submenus by default. This can be easily changed however. SWFObject offers two distinct methods to embed Flash Player content:

  1. The static publishing method embeds both Flash content and alternative content using standards compliant markup, and uses JavaScript to resolve the issues that markup alone cannot solve.
  2. The dynamic publishing method is based on marked up alternative content and uses JavaScript to replace this content with Flash content if the minimal Flash Player version is installed and enough JavaScript support is available (similar like previous versions of SWFObject and UFO).

If you use the static publishing  method you just have to add the transparent parameter in SWFObject.  For example if the code of  SWFObject looks like the following:

<script type="text/javascript">

var so = new SWFObject("movie.swf", "mymovie", "200", "100%", "7", "#336699");

</script>

you have to add the following line of code:

so.addParam("wmode", "transparent");

so that your code look like the following:

<script type="text/javascript">

var so = new SWFObject("movie.swf", "mymovie", "200", "100%", "7", "#336699");

so.addParam("wmode", "transparent");

</script>

If you use the dynamic publishing method you need to apply the transparent parameter too. In this method you use the embedSWF function so as to embed your SWF with JavaScript. The definition of embedSWF is the following: swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes, callbackFn) where:

  1. swfUrl (String, required) specifies the URL of your SWF.
  2. id (String, required) specifies the id of the HTML element (containing your alternative content) you would like to have replaced by your Flash content.
  3. width (String, required) specifies the width of your SWF.
  4. height (String, required) specifies the height of your SWF.
  5. version (String, required) specifies the Flash player version your SWF is published for (format is: "major.minor.release" or "major").
  6. expressInstallSwfurl (String, optional) specifies the URL of your express install SWF and activatesAdobe express install. Please note that express install will only fire once (the first time that it is invoked), that it is only supported by Flash Player 6.0.65 or higher on Win or Mac platforms, and that it requires a minimal SWF size of 310x137px.
  7. flashvars (Object, optional) specifies your flashvars with name:value pairs.
  8. params (Object, optional) specifies your nested object element params with name:value pairs.
  9. attributes (Object, optional) specifies your <object>'s attributes with name:value pairs.
  10. callbackFn (JavaScript function, optional) can be used to define a callback function that is called on both success or failure of embedding a SWF file

So if the code of your SWFObject looks like the following:

<script type="text/javascript">

swfobject.embedSWF("myswfobject.swf", "mycontent", "935", "300", "9.0.0");

</script>

you have to replace it with the following one:

<script type="text/javascript">

var expressInstallSwfurl = {};

var flashvars = {};

var params = {wmode:"transparent"};

var attributes = {};

swfobject.embedSWF("myswfobject.swf", "mycontent", "935", "300", "9.0.0", expressInstallSwfurl, flashvars, params, attributes);

</script>

By adding the transparent parameter as described above, the submenus will always appear above SWFObject objects on all browsers.

 

Tags: , , , , , , , , , , , , , , , , , , ,

 

After you have installed your AllWebMenus Pro application, you need to activate it in order to get the full functionality; otherwise it will be in trial mode!

To activate AllWebMenus Pro you need to get an Activation Code based on the Installation ID of your application. To get an Activation Code, you have to log in to your Likno User Area account and click on the related link of the AllWebMenus section (see the image below):

Then you will be directed to a page where you will have to choose your license and enter the Installation ID so as to get the Activation Code. Please make sure that you have chosen the correct license, namely the license whose the Installation ID you are using (see the image below). If  you try to get an Activation Code for a license different from the installed one you will get an error message which will inform you that your installation is not valid and you will not be able to activate your application.

To get your Installation ID and enter it in the input field (see image above), you have to go to "Help -> Enter Activation Code" menu of your AllWebMenus application.

This is where you will also paste the Activation Code (that you got from the online page) and click the Activate button (see image below):

Well done! This successfully activates your AllWebMenus installation.

Note: You must have "full" admin rights to be able to activate your application. Such rights are not required for working with AllWebMenus, they are needed only for the activation process. So, if a Windows popup appears you need to allow AllWebMenus to make changes (this gives "full" admin rights).

 

Tags: , , , , , , , , , , , , , , ,

 

The most important factor that determines the size of the menu is the content of the items. If you want to reduce the size of your menu you should keep in mind that the menu must have at least the necessary size for the content of the items to fit inside. If the content is large, then you should first of all reduce the size of the content.

The properties that determine the size of each item and the menu are the <Minimum Width>in the Main/Sub/Sub+ Group Style Editor (if you want to increase the size, perhaps this is the only property you should change), the <Size> in the Main/Sub/Sub+Items Style Editor and also the <Text Margin> and the <Content Padding> in the Main/Sub/Sub+ Items Style Editor.

1. How to specify the Minimum Width property of a group.

1. How to specify the <Minimum Width> property of a group.

2. How to speicfy the Size property of the items of your menu.

2. How to speicfy the <Size> property of the items of your menu.

3. How to specify the Text Margin property of the items of your menu.

3. How to specify the <Text Margin> property of the items of your menu.

4. How to specify the Content Padding property of your menu items.

4. How to specify the <Content Padding> property of the items of your menu.

Also you can check/uncheck the "Uniform Items" option in the <Type> property of the Main/Sub/Sub+ Group Style Editor that forces all items to have the same size - the size of  the largest item. You can modify the values of these properties and change the size of the items.

5. How to specify the Uniform Items option of a group.

5. How to specify the "Uniform Items" option of a group.

 

Finally, If you just want to widen the menu, you have only to change the <Minimum Width> property of the Main Group Style in the Style Editor.

 

Tags: , , , , , , , , , , , , , , , , , , , , , , ,

 

When you build a menu in AllWebMenus Pro application, you apply a theme to this (usually the default one).

1. How to apply a built-in Theme in your menu.

1. How to apply a built-in Theme in your menu.

The Themes that do not contain images and are text and color based can of course be customized by the application; you just need to edit the <Background Color> property (and perhaps any other property that involves colors) in all the Available Styles of the Style Editor (i.e. Main Group Style, Main Items Style, etc...).

2. How to change the Background Color property.

2. How to change the Background Color property.

The Themes that do contain images cannot be customized color-wise within the AllWebMenus Pro. You can however customize the images that the menu is using (you can find these images in the NameOfThemes-assets folder which resides in the Theme Gallery\Vertical or Theme Gallery\Horizontal folder under the installation folder of your AllWebMenus Pro application (i.e. C:\Program Files\AllWebMenus5\Theme Gallery). Open the images with your favorite image editor and change their color, save them (it is recommended to keep backup files of the default Theme Packs of AllWebMenus Pro) and use them in  your menus!

Of course you can also create your own images from scratch, according to the needs of your website  and use them in the application to create your own menus - even your own Themes. You can find all the appropriate information about how to use your own images in your menu through your AllWebMenus Pro application to Help -> What is... -> The Image Manager.

In addition to the built-in Themes of the program, you can also purchase from the various Theme Packs that we have created. You can have a look at the Theme Packs here: http://www.likno.com/awmthemes.php. You might also be interested in the Templates we have also created and contrary to themes, menu templates are complete .awm projects with special images, features and content that cannot be themed but provide added functionality: http://www.likno.com/awmtemplates.php.

 

Tags: , , , , , , , , , , , , , , , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows