How To Create a Website Free HTML Codes
Vertical Menu Here I will show you how to put a vertical menu on your website. The
vertical menu has a CSS Code and a HTML Code. In the CSS Code at the top is a code to move the position of your vertical menu on your
site, using this code you can move the vertical menu up, down, right and left on your site, the code is below for you to see,
Do not copy the below code, its just to show you, how to move the vertical menu, the complete code is in the grey box below.
div#menu-position-{
left:20;
position:absolute;
top:0px; Adjust your horizontal menu position from the top of the page here
margin-left: 7px; Adjust your horizontal menu left or right here
}
Below the vertical menu position in the CSS code, is the vertical menu CSS to change the menu text size and back ground colours etc.
Then you get the HTML vertical menu Code here you will replace the vertical menu title and links to your sites vertical 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 vertical menu will look like on your website.
DEMO:
I have 2 codes for the menu, the first vertical menu code 1 has the CSS Code to adjust the menu up, down, right and left and
the second vertical menu code 2 does not have it, the reason is that if you use a drag and drop website like yola then rather use the second code
as you can place the code into 1 HTML widget and adjust the widget.
Only copy one of the codes below
Vertical Menu Code 1 with the code to move the menu.
Vertical Menu Code 2 with out the code to move the menu.
Creating a website has never been so easy, build up to 25 websites for less than $100 a year. Yola
|
