How To Create a Website Free HTML Codes
Horizontal Menu Here I will show you how to put a Horizontal Drop Down Menu on your website. The
horizontal menu has a Java Script Code, CSS Code and a HTML Code. The Java Script is for the drop down part of the menu
you don't need to edit it, it must be included in the code for the drop down part of the horizontal menu to work. See the Java Script below.
Do not copy the below codes, they just to show you, the complete code is in the grey box below.
<script-type="text/javascript"src="http://www.2createawebsites.com/resources/mikemenuhover.js">
The CSS Code is for the horizontal menu, at the top of the CSS Code is a code to move the menu on your website,
to adjust the horizontal menu position, up, down, right and left use this code to correct the position of your horizontal menu on your page.
div#menu-position-{
left:20;
position:absolute;
top:0px; Adjust your horizontal menu position from the top of the page here
width:950px;
margin-left: 7px; Adjust your horizontal menu left or right here
}
Below the horizontal menu position in the CSS code, is the horizontal menu CSS to change the menu text size and back ground colours etc.
Then you get the HTML horizontal menu Code here you will replace the horizontal menu title and links to your sites horizontal menu
title and links. Yola Visitors copy the code into 1 HTML widget on your site builder easy as that, once you have edited the menu for your
site copy the edited horzontal menu from your site and paste onto the next page you create.
Below is what the horizontal menu will look like on your website.
Hover over the main horizontal menu and a drop down menu will appear.
DEMO:
Horizontal Drop Down Menu Code
|
