Knowledge Base support case for Likno Web Modal Windows Builder,  abstracted and stripped of all user’s private info.


Initial Email From:
User
Initial Email Subject: Different height/width modal window 
Support Case Month: August 2013

Hi,

I have a modal window project and I need to open the modal window in different width/height each time. How can I do that with your new data-lwmw-width and data-lwmw-height attributes?

Thanks

Reply From: Likno Customer Support

Hello,

You can call (open) the modal window in different width/height as:

<a href="#" target="Modal_Window_1" data-lwmw-width="500px" data-lwmw-height="40%">Open Modal Window (500px width)</a>

and you can have another element that opens the same modal window in different dimensions.

<a href="#" target="Modal_Window_1" data-lwmw-width="auto" data-lwmw-height="auto">Open Modal Window (auto)</a>

and so on, you can use different width/height values each time you call the modal window.

The above links will open the modal window with a width of 500px and height of 40% in the first case and with auto width and auto height in the second case.

or if you use an ID or a Class to trigger the modal window

<span id="Modal_Window_1" data-lwmw-width="500px" data-lwmw-height="40%">Open Modal Window (500px width)</span>

<p id="Modal_Window_1" data-lwmw-width="auto" data-lwmw-height="auto">Open Modal Window (auto)</p>

<span class="Modal_Window_1" data-lwmw-width="500px" data-lwmw-height="40%">Open Modal Window (500px width)</span>

<p class="Modal_Window_1" data-lwmw-width="auto" data-lwmw-height="auto">Open Modal Window (auto)</p>

You can also use TD, DIV, IMG, INPUT to trigger the modal window.

For the data-lwmw-width and data-lwmw-height you can have any value you want as long it is px or % or you can have it as auto.

Thank you!

Best Regards,
Aggelos Tsakonas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , , , , ,

 

Knowledge Base for Likno Web Modal Windows Builder.

New attributes have been added in Likno Web Modal Windows Builder v. 2.2 build #264.

Now, you are able to call a Modal Window with specific parameters for width, height, header and footer.

The general syntax is:

For width:

data-lwmw-width="{width value}"
where {width value} you can have a value in px, percentage (%) or auto.

For example: data-lwmw-width="300px"
                    data-lwmw-width="50%"
                    data-lwmw-width="auto"

For height:

data-lwmw-height="{width value}"
where {height value} you can have a value in px, percentage (%) or auto.

For example: data-lwmw-height="300px"
                    data-lwmw-height="50%"
                    data-lwmw-height="auto"

For header:

data-lwmw-header="your custom header content here"
As a custom header content you can use either simple text or HTML code.

For Example: data-lwmw-header="New Header 1" (Simple Text)
                    data-lwmw-header="<span style='color:#FFF;'>This is a new Header</span>" (HTML code)
                    or
                    data-lwmw-header="<span style=/"color:#FFF;/">This is a new Header</span>" (HTML code)

Note: Be extra careful when using quotes inside the custom header content. You can use either single quotes or /". It is recommended to use single quotes.

For footer:

data-lwmw-footer="your custom footer content here"
As a custom footer content you can use either simple text or HTML code.

For Example: data-lwmw-footer="New Footer 1" (Simple Text)
                    data-lwmw-footer="<span style='color:#FFF;'>This is a new Footer</span>" (HTML code)
                    or
                    data-lwmw-footer="<span style=/"color:#FFF;/">This is a new Footer</span>" (HTML code)

Note: Be extra careful when using quotes inside the custom header content. You can use either single quotes or /". It is recommended to use single quotes.

All the above attributes can be used in the following cases.

1. Show content as specified inside this project


1.1 Multi-sheet > Embedded

multisheet modal window, embedded code

Then, the HTML code could be like below for 4 sheets;

<!-- Code for Modal Window Sheet 1 -->

<div style="text-align: center;" data-lwmw-width="40%" data-lwmw-height="500px" data-lwmw-header="New Header 1" data-lwmw-footer="New Footer 1">
    <p>&nbsp;</p>
    <p>Embedded text of<br>1st sheet</p>
    <p>&nbsp;</p>
    <p>Hello!</p>
</div>

<!-- Code for Modal Window Sheet 2 -->

<div style="text-align: center;" data-lwmw-width="400px" data-lwmw-height="auto" data-lwmw-header="New Header 2" data-lwmw-footer="New Footer 2">
    <p>&nbsp;</p>
    <p>Embedded text of<br>2nd sheet</p>
    <p>&nbsp;</p>
    <p>How are you?</p>
</div>

<!-- Code for Modal Window Sheet 3 -->

<div style="text-align: center;" data-lwmw-width="auto" data-lwmw-height="auto" data-lwmw-header="New Header 3" data-lwmw-footer="New Footer 3">
    <img src="
http://www.likno.com/Images/lwmw_example_kid.jpg"
width="174"
height="175"
style="margin-top: 10px;"/>
    <p>Framed photo created with our Photo Frame Show software<br><a href="
http://www.frameshow.com">check it out!</a></p>
</div>

<!-- Code for Modal Window Sheet 4 -->

<div style="text-align: center;" data-lwmw-width="40%" data-lwmw-height="40%" data-lwmw-header="New Header 4" data-lwmw-footer="New Footer 4">
    <p>&nbsp;</p>
    <p>Embedded text of<br>4th sheet</p>
    <p>&nbsp;</p>
    <p>Let us know what to improve, thanks!<br><br>
        <i>(use the 'Send Feedback' button in the application)</i>
    </p>
</div>

With the code above each sheet is declared to have different width, height, header and footer.

Open When

You can use the data-lwmw-width, data-lwmw-height, data-lwmw-header, data-lwmw-footer as  you wish, in order to call the modal window. This option will override the above declared attributes and all the modal window sheets will have the values you declared on modal window calling.

<a href="#" target="Modal_Window_1" data-lwmw-width="70%" data-lwmw-height="auto" data-lwmw-header="This is a new HEADER!" data-lwmw-footer="This is a new FOOTER!">Info on Product 1</a>

 

1.2 Multi-Sheet > Page Elements

multisheet modal window, page elements

The HTML code in the page that the modal will be opened should look like below:

<!-- Code for Modal Window Sheet 1 -->

<div class="sampleClass" style="display: none;" data-lwmw-width="40%" data-lwmw-height="500px" data-lwmw-header="New Header 1" data-lwmw-footer="New Footer 1">
    <p>&nbsp;</p>
    <p>Text of<br>1st sheet</p>
    <p>&nbsp;</p>
    <p>Hello!</p>
</div>

<!-- Code for Modal Window Sheet 2 -->

<div class="sampleClass" style="display: none;" data-lwmw-width="400px" data-lwmw-height="auto" data-lwmw-header="New Header 2" data-lwmw-footer="New Footer 2">
    <p>&nbsp;</p>
    <p>Text of<br>2nd sheet</p>
    <p>&nbsp;</p>
    <p>How are you?</p>
</div>

<!-- Code for Modal Window Sheet 3 -->

<div class="sampleClass" style="display: none;" data-lwmw-width="auto" data-lwmw-height="auto" data-lwmw-header="New Header 3" data-lwmw-footer="New Footer 3">
    <img src="
http://www.likno.com/Images/lwmw_example_kid.jpg"
width="174"
height="175"
style="margin-top: 10px;"/>
    <p>Framed photo created with our Photo Frame Show software<br><a href="
http://www.frameshow.com">check it out!</a></p>
</div>

<!-- Code for Modal Window Sheet 4 -->

<div class="sampleClass" style="display: none;" data-lwmw-width="40%" data-lwmw-height="40%" data-lwmw-header="New Header 4" data-lwmw-footer="New Footer 4">
    <p>&nbsp;</p>
    <p>Text of<br>4th sheet</p>
    <p>&nbsp;</p>
    <p>Let us know what to improve, thanks!<br><br>
        <i>(use the 'Send Feedback' button in the application)</i>
    </p>
</div>

Notes:
- "sampleClass" is an example, you can use any other value you like.
- If an element already uses another class value, HTML allows you to use multiple class values separated by space:
       <div class="anotherClass sampleClass" style="display: none;">

- Once the modal window appears the elements disappear from your page afterwards. Therefore make sure that your page elements are not visible elements, but hidden through the style="display: none;" code.

- Keep in mind that if no elements are found in your page with that class the modal window will not appear. Make sure that you have correctly selected which elements will appear by adding the correct class attribute.

1.3 Multi-sheet > HTML file

multi-sheet modal window, HTML file

The HTML File option is the same as the Embedded option but you place the code in an external HTML file.

In the HTML File input box, you insert the name of the HTML page that holds the code for the Modal Windows.

 

 

2. Make certain links/forms in page open in this window


2.1 Single

Single Modal Window

In case of External URL

<a href="http://www.likno.com/product1_info.html" target="Modal_Window_1_single" data-lwmw-width="70%" data-lwmw-height="auto" data-lwmw-header="This is a new HEADER!" data-lwmw-footer="This is a new FOOTER!">Info on Product 1</a>

In case of an Element

<a href="#company_info" target="Modal_Window_1_single" data-lwmw-width="70%" data-lwmw-height="auto" data-lwmw-header="This is a new HEADER!" data-lwmw-footer="This is a new FOOTER!">Company Info</a>

The modal window shows the following "in-page" element that uses this ID:

<div id="company_info" style="display:none; text-align: center;">
     <p>&nbsp;</p>
     <p>Hello!</p>
    
<p>&nbsp;</p>
     <p>Our company is here to serve you!</p>
</div>

Notes:

- You are not restricted to a DIV, you can show any type of element, like an image for example:

<img id="company_info" src="http://www.mysite.com/images/company_info.gif" style="display:none;" />

- The ID is always unique per element, you will get an error if you use the same ID on another page element.

- Once the modal window appears the element disappears from your page afterwards. Therefore make sure that your page element is not a visible element, but it is hidden through the style="display: none;" code.

- Keep in mind that if the element you specified is not in your page the modal window will not appear. Make sure that you have correctly selected which element will appear by adding the correct ID attribute.

2.2 Multi by Divs

Multi by Divs Modal Window

In case of External File

<a href="http://www.likno.com/product1_info.html" target="Modal_Window_1_multi_divs" data-lwmw-width="70%" data-lwmw-height="auto" data-lwmw-header="This is a new HEADER!" data-lwmw-footer="This is a new FOOTER!">Info on Product 1</a>

In case of an Element

<a href="#products_info" target="Modal_Window_1_multi_divs">Products Info</a>

...the modal window shows the following "in-page" elements (one sheet per DIV), that use this "class":

<div class="products_info" style="text-align:center; display: none;" data-lwmw-width="40%" data-lwmw-height="500px" data-lwmw-header="New Header 1" data-lwmw-footer="New Footer 1">
        <p>&nbsp;</p>
        <p>Modal Window for<br><br><b>AllWebMenus</b></p>
        <p>Create javascript menus for<br>websites in just a few clicks!</p>
        <p><a href="http://www.likno.com/allwebmenusinfo.html" target="_top">more info on this product</a></p>
</div>

<div class="products_info" style="text-align:center; display: none;" data-lwmw-width="400px" data-lwmw-height="auto" data-lwmw-header="New Header 2" data-lwmw-footer="New Footer 2">
     <p>&nbsp;</p>
     <p>Modal Window for<br><br><b>Likno Web Button Maker</b></p>
     <p>Create professional and stylish<br>web buttons in just a few clicks!</p>
     <p><a href="http://www.likno.com/web-button-maker/index.html" target="_top">more info on this product</a></p>
</div>

<div class="products_info" style="text-align:center; display: none;" data-lwmw-width="auto" data-lwmw-height="auto" data-lwmw-header="New Header 3" data-lwmw-footer="New Footer 3">
      <p>&nbsp;</p>
      <p>Modal Window for<br><br><b>Photo Frame Show</b></p>
      <img src="http://www.likno.com/Images/lwmw_example_kid.jpg" width="250" height="233" style="margin-top:10px;"/>
      <p>Framed photo created with our Photo Frame Show software<br><a href="http://www.frameshow.com">check it out!</a></p>
</div>

2.3 Multi by Links

Multi by Links Modal Window

In case of External URL

The window shows content located outside the containing page, such as another html page, an image, pdf file etc.

<a href="http://www.likno.com/product1_info.html" target="Modal_Window_1_multi_links" data-lwmw-width="40%" data-lwmw-height="500px" data-lwmw-header="New Header 1" data-lwmw-footer="New Footer 1">Info on Product 1</a>

<a href="http://www.google.com" target="Modal_Window_1_multi_links" data-lwmw-width="400px" data-lwmw-height="auto" data-lwmw-header="New Header 2" data-lwmw-footer="New Footer 2">Open Google</a>

<a href="http://www.likno.com/Images/logo.gif" target="Modal_Window_1_multi_links" data-lwmw-width="auto" data-lwmw-height="auto" data-lwmw-header="New Header 3" data-lwmw-footer="New Footer 3">View Image</a>

<a href="http://www.likno.com/downldd/AllWebMenus_Manual.pdf" target="Modal_Window_1_multi_links" data-lwmw-width="40%" data-lwmw-height="40%" data-lwmw-header="New Header 4" data-lwmw-footer="New Footer 4">View PDF</a>

In case of Element (DIV, IMG etc.) of the containing page

The window shows an element located inside the containing page.

Which element?

The one that uses the same ID as the one used in the href attribute, without the "#".

For example, for this <a> link...

<a href="#company_info" target="Modal_Window_1_multi_links">Company Info</a>

...the modal window shows the following "in-page" element that uses this ID:

<div id="company_info" style="display:none; text-align: center;">
   <p>&nbsp;</p>
   <p>Hello!</p>
   <p>&nbsp;</p>
   <p>Our company is here to serve you!</p>
</div>

Notes:

- You are not restricted to a DIV, you can show any type of element, like an image for example:

<img id="company_info" src="http://www.mysite.com/images/company_info.gif" style="display:none;" />

- The ID is always unique per element, you will get an error if you use the same ID on another page element.

- Once the modal window appears the element disappears from your page afterwards. Therefore make sure that your page element is not a visible element, but it is hidden through the style="display: none;" code.

- Keep in mind that if the element you specified is not in your page the modal window will not appear. Make sure that you have correctly selected which element will appear by adding the correct ID attribute.

 

2.4 Form

Form Modal Window

Contrary to the other 3 methods, this method is not related to page links (<a> tags) but to page forms (<form> tags).

It is used so that the user views the results of a form (i.e. the content after the form's "submit" button is pressed) into a modal window opening above the page.

This use case applies when you use the _form suffix next the window's name inside the "target" attribute of a page's <form> element:

Examples of such forms in the HTML of a page:

<!-- FORM 1 -->

<form action="http://www.likno.com/form1.php" method="POST"  target="Modal_Window_1_form">
   What is your name?<br>
   <table class="highlightText" style="width: 220px; border: none;">
       <tr><td> Name: </td><td> <input type="text" name="user_name"/> </td></tr>
       <tr><td> Surname: </td><td> <input type="text" name="user_surname"/> </td></tr>
       <tr><td colspan="2" align="center"><input type="submit" value="Submit"></td></tr>
   </table>
</form>

<!-- FORM 2 -->

<form action="http://www.likno.com/form2.php" method="POST"  target="Modal_Window_1_form">
   How would you like to travel today?<br>
   <input type="radio" name="transport" id="car" value="car" checked="checked"/><label for="car">by car</label>
   <input type="radio" name="transport" id="bus" value="bus"/><label for="bus">by bus</label>
   <input type="radio" name="transport" id="bike" value="bike"/><label for="bike">by bike</label>
   <input type="submit" value="Select">
</form>

And you can call the form in the Modal Window using the specific parameters as shown below:

<form action="http://www.likno.com/form2.php" method="POST" target="Modal_Window_1_form" data-lwmw-width="70%" data-lwmw-height="auto" data-lwmw-header="This is a new HEADER!" data-lwmw-footer="This is a new FOOTER!">

 

Tags: , , , , , , , , ,

 

Knowledge Base support case for AllWebMenus,  abstracted and stripped of all user’s private info.


Initial Email From:
Paolo
Initial Email Subject: questions about AllWebMenus
Support Case Month: November 2012

Hello Kostas,

How do I exactly use a menu dynamically, I mean populating it from database driven data? Also dynamically it can manage unlimited items/subitems or is there any restriction?

Many thanks for your very good support!

Paolo

Reply From: Likno Customer Support

Hello Paolo,

You need to use the "Server-Side Menus API":

http://www.likno.com/addins/dhtml-menu-serverside.html

Read the Help PDF (link there) for how to use it.

Please note that it is for advanced users and no implementation support can be given for free (because it requires programming focus, etc.)

We have no restriction on the number of items, unless the browser has problems with too many items.

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Paolo

Hello Kostas,

Thank you for your reply.

Thanks,
Paolo

 

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

 

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Pete
Initial Email Subject: No Data in Compiled menu
Support Case Month: June 2012

I have now modified the menu to work in 2 rows as it didn't fit page. After compiling modified menu when I upload to server the awmdata/menu folder contains no data at all! Can you please help?

Thank You
Pete

Related URL: http://www.pete-symonds.me.uk/buildingsurveying.biz/index.htm

Reply From: Likno Customer Support

Hello,

First of all, I tried to view your page but I get a “page not found” error:

page not found error

Regarding your support question, I am not sure what the problem is. When you compile the menu, does the local “awmdata” folder have the compiled files in it?

If the local files exist, then your problem is in the uploading. 

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Pete

Gooday Kostas.
Not sure why the page is not coming up as it seems to work for me!
There is data in the local and uploaded awmdata folder for but nothing in the local or uploaded menu folder (sub folder in awmdata.)
I have attached the awmdata folder.
Thanks for your help.
Pete

Reply From: Likno Customer Support

Dear Pete,

Are you sure you used the link you sent to me? Is it possible that you have to be logged in to some online control panel in order for this to work?

The “menu” folder within “awmdata” folder, will only hold images if there are any images used by your menu. If your menu does not use images, then it is natural for this folder to be empty.

PS: the email you sent me just now, has “petresymonds” instead of “petesymonds” so it bounced back. I am now sending it again using your original email address.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Pete

Hi Kostas.

Thank you for spotting my mistake re my email addy!

I'm quite sure the link I sent is correct. To make sure I have copied and pasted the URL below, this was copied from a page that is up and running in Internet Explorer 8, it also works ok in Firefox (which is my default browser.)

http://www.pete-symonds.me.uk/buildingsurveyors/index.htm

I realize the menu is much too large for the page so changed it to 2 rows in your software which was then saved in Allwebmenus. I used Position Menu in Dreamweaver saved the page also in Dreamweaver and uploaded all of the required files to my host server. If I preview from Dreamweaver everything shows ok.

I have used your software many times and never had this problem before!

Pete

Reply From: Likno Customer Support

Dear Pete,

The original link was wrong indeed... you had sent:

http://www.pete-symonds.me.uk/buildingsurveying.biz/index.htm

while the correct URL you sent now is:

http://www.pete-symonds.me.uk/buildingsurveyors/index.htm

Also, your email is still coming wrong (with the extra "r") and I have to change it by hand when I reply. I do not know if you can correct this somehow in your email application.

Anyway, now I was able to see the page and the menu, which is indeed too wide. What is the problem though? Did you upload the new files? If so, did you upload them in the correct location?

From what I see your library files are up to date, so you only need to upload the "menu.js" really. And you should upload it to:

http://www.pete-symonds.me.uk/buildingsurveyors/menu.js

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Pete

Hi Kostas.

How stupid feel now! If you hadn't have pointed it out I may not of noticed! The URL is indeed xxxx/buildingsurveyING. I first started on this site in January, the client has only just decided to go ahead with the website. I must have named the local directory wrong in the first place!

Thank you for your invaluable help, you've saved my sanity!!

Pete

 

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

 

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Larry
Initial Email Subject: Blank Pages
Support Case Month: August 2012

I have been using All Web Menus 5 Pro for a number of years. I publish my web site using Front Page 2003. I only use All Web for one web site. All of my other web sites work OK, i am just having a problem with the Novaca web site.

I was experimenting with positioning the menu and now all of the pages in the web site, in FrontPage are blank. The pages in all other web sites are OK. Is it possible that I did something in AllWebMenus to effect the pages in FrontPage?

Reply From: Likno Customer Support

Hello,

This is very weird! What do you mean by “blank”? That they do not show in the preview, or that the actual files are empty somehow?

Can you send me one of the files that got affected to have a look? Are you sure that this was caused by AllWebMenus? If so, can you tell what was the last thing you did with it?

The more info we have, the better the chances to replicate the problem and find what is causing it.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Larry

Kostas

The files are only blank when I try to view them in FrontPage. I only see the top shared border.
If I enter data onto the page, it looks good, I save it. When I reopen it to view it, the data is gone.

If I try to enter data onto the bottom shared border, it looks good, I save it and when I reopen it, it is completely blank.

If you go to the web site www.novaca.com, the index page is gone, you only see the top and bottom shared borders. If you click on “product list – by model number” at the top of the page, the pages load OK, but those same pages are blank when I try to open them in FrontPage. The AllWebMenus menu is gone on all the pages.

I don’t know if it was caused by AllWebMenus. I was trying the different ways to position the drop down menu and I compiled each time I made a change and published to the server using FrontPage, to see what change it made. I couldn’t get it to do what I wanted, so I tried to use my original settings for the menu positioning and nothing worked.

Regards
Larry

Reply From: Likno Customer Support

Dear Larry,

Well, you say that you open a page, you write some data, save it and when you re-open it the data is gone. In this whole process you did not touch AllWebMenus, so it is most likely that whatever the problem is, it is not relevant to AllWebMenus. To further confirm this, you can try uninstalling your FrontPage AllWebMenus plugin to see if the problem remains.

Another test you can take would be to try creating a new test-site and see if the same problem appears there. Make sure that you save the test-site somewhere under “My Documents”, to ensure that you have the required access rights.

Please let me know of your findings.  Although this is probably not related to AllWebMenus, it is still a very weird problem and I am willing to help you find out what’s causing it (if I can).

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Larry

Kostas

Thanks for your help.

Something was corrupted in the Front Page files on my computer. I ended up deleting the web off my CPU and copying an old back-up version. Everything works OK now, I just had to go through all the work of down loading the web site to the host servers and re-up dating the web site.
What I was trying to do, was to center all the pages on my web site. I centered the top and bottom borders. I then centered the data on each page. All worked OK except the Linkno’s menu. I was trying to change the menu positioning automatically, when I got into trouble.I have the menu attached to the top border, but when I centered the top border, the menu did not follow.

Larry

 

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

 


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