How to make the menu on the website

How to make the menu on the website

Information technologies develop every day. And the fact that it seemed something inaccessible earlier is already available practically to each inhabitant today. And it is absolutely optional to have supernatural abilities and knowledge to make own website. And if it is only about adding the menu on the resource, then even the school student can cope here.

It is required to you

  • The computer with connection to the Internet

Instruction

1. Visit the website of PureCSSMenu service. Here you will see the visual editor by means of whom you quickly and will be able easily to make the menu for any website.

2. To pass to the page where menu templates are laid out, press the Templates button which is at the left. Then you need to select pleasant a template and to click on it. In the Preview window you will see really working menu which is created by means of tables of cascade styles.

3. Browse each of the offered templates to select the most suitable for your website. If color and a font, the menu which was pleasant to you on style, do not approach a color gamma of the website, then you can change these parameters having clicked the Parametrs tab.

4. Change color and a font by means of HTML of the code or you will select it from the palette offered by a resource, having clicked on pleasant a shade.

5. Now create structure of the menu for the website. For this purpose click "Items". In the opened tab you will see the button with a big plus and the inscription "Add Item". Press this button, and at the end of the menu new point will be added. To insert new point into the middle of the menu, select a tab after which there has to be adding and click with the inscription "Add Next Item".

6. To add the enclosed point to a drop-down menu click with the inscription "Add Subitem", previously having selected that menu item which will contain a new tab. If you want to delete some of points, then select it and click "Remove Item".

7. In the field of "Item Parameters" it is necessary to fill all fields for correct work of the new menu. In the field of "Text" enter the name of a menu item, in the field of "Link" enter the address of the page on which there will be a transition after clicking of this button. To select in what way the page should open, in the field of "Target" put "_self" or "_blank" value. At the first option the page will open in the same window, when choosing the _blank function - in new.

8. Now you need to insert the code of the created menu into your website. For this purpose press the Download button which is in the lower right corner, and select the folder on the computer in which the purecssmenu-com.zip archive will be saved. After saving the file unpack this archive and open the purecssmenu.html file which contains the code of your menu. Copy this code and insert into the file of a template of your website.

Author: «MirrorInfo» Dream Team


Print