B. Create Top menu

03 Tháng Ba 20151:40 SA(Xem: 8449)
B. Create Top menu
52Vote
41Vote
31Vote
21Vote
10Vote
3.85

The Instruction to Creating Top Menu for Website

 

In the previous instructions, we have known how to creating banner and layout for website!

With the newly created layout, along with creating banner, we also need to create other display components! Today, we will practice to creating top menu for website.

 

Here are the instruction to creat the top menu with the simple layout.

 1

 

Step 1: In the containing box that need to create top menu, select (+) symbol ==> “Menu” ==> “Add”.

2

 

Step 2: Setup some basic settings for top menu

The basic instructions include:

3

 

1. Name: Named to the category to distinguish with the different menus.

The menu that needs to create is “Top menu”.

 ==> Enter the name directly into the empty box.

4

 

2. Menu type: Select the menu type for menu! With top menu, we select “Horizontal Menu”.

5

3. Child branches: selecting the child branches means selecting the category displaying in Top Menu.

5

 

  • 4. The number of levels: after selecting the child branches, with the category including many number of levels, we need to choose which number of levels is allowed to display directly in Top menu.

7

  

The first branch in the Home category following the sample instruction site includes:

8

 

These number of levels will display in the newly created Top Menu!

 

5. Activate: the Menu only displays when you turning on “Activate”.

9

 

6. Customize “Display on all pages”: Select the pages that top menu can display! With Top menu, you should select “All pages”

10

 

Note: the other settings such as HTML ID (the attribute of widget outside the layout, Css Class (customize Css Class), Inline Style Sheets. These settings are only reserved for the administrators who have knowledge about HTML and CSS.

 

Step 3: “Save” the newly created menu!

11

 

The created layout has banner and top menu!

12

 
Top menu is displayed.

 13

 Good Luck!

For other instructions, please visit our website: http://cms.vnvn.com/p203a194/
Gửi ý kiến của bạn
Tên của bạn
Email của bạn
)