How to configure the menu of the website

How to configure the menu of the website

Ucoz – a popular management system of the websites. With its help you can configure each element of own resource and create unique design of pages. The menu is one of the main elements of any website, through it the user also executes navigation on your resource.

Instruction

1. For setup of the menu in Ucoz it is possible to use controls the designer of the websites. So, you can change background color of the selected template, color of links and the text in menu blocks. Editing all elements is made through the menu of the designer "Design" - "Management of design (CSS)".

2. Before you the stylesheet of CSS, i.e. a template on the basis of which there is a display of elements of the interface will open. Find a line of navBar in the displayed code and edit it at own discretion. For example:

#navBar {padding: 4px; background: #959595; overflow: auto; color: red; }

3. This code sets a text indent from borders of the created block in 4 pixels, at the same time the background of the menu gains #959595 value which matches a certain color in the HTML format. Overflow parameter: auto is applied to a task of display of contents which is not located in the set area. You should not edit this parameter without special need. The option color sets red color to block contents elements.

4. For editing parameters of any given link you can also use options which are in the same block of the code. Change the #navBar a parameters: link (normal link), a: active (color of the link after clicking), a: visited (the visited link) and a: hover (color of the link after guidance of the cursor) at discretion. Change color of the color attribute and edit the text-decoration parameter which sets attributes for the text. Values of this option can be underline (line of underlining), blink (the blinking text), linethrough (the crossed-out text), overline (the line of underlining over the text).

5. After editing click "Save". In the similar way change .subColumn lines (a background for display of paragraphs of the vertical menu), .boxTable (headings of blocks of the menu), .boxContent (contents of lists of links of the menu), .uMenuV (vertical menu items) at discretion. You can delete unnecessary parameters and insert the CSS code and also edit colors of other elements which are in design.

6. Save changes and browse the received result, having passed to the page of your website. Editing menu items of Ucoz is complete.

Author: «MirrorInfo» Dream Team


Print