Ucoz is a popular website management system. With its help, you can customize each element of your own resource and create a unique page design. The menu is one of the main elements of any site, because it is through it that the user navigates through your resource.
Instructions
Step 1
You can use the website builder controls to customize the menu in Ucoz. So, you can change the background color of the selected template, the color of links and text in menu blocks. Editing of all elements is done through the menu of the constructor "Design" - "Design management (CSS)".
Step 2
This will open up a CSS stylesheet, i.e. the template on the basis of which the interface elements are displayed. Find the line navBar in the displayed code and edit it as you see fit. For example:
#navBar {padding: 4px; background: # 959595; overflow: auto; color: red; }
Step 3
This code sets the indentation of the text from the borders of the created block by 4 pixels, while the background of the menu acquires the value # 959595, which corresponds to a certain color in the HTML format. The overflow: auto parameter is used to set the display of content that does not fit in the specified area. This parameter should not be edited without special need. The color option sets the content elements of the block to red.
Step 4
To edit the parameters of a link, you can also use the options that are in the same code block. Change the #navBar a: link (normal link), a: active (link color after clicking), a: visited (visited link), and a: hover (link color after hover) to your liking. Change the color of the color attribute and edit the text-decoration parameter, which sets the attributes for the text. Values for this option can be underline, blink, linethrough, overline.
Step 5
After editing, click the "Save" button. In a similar way, change the lines.subColumn (background for displaying vertical menu items),.boxTable (titles of menu blocks),.boxContent (contents of lists of menu links),.uMenuV (vertical menu items) to your liking. You can remove unnecessary parameters and insert your own CSS code, as well as edit the colors of other elements in the design.
Step 6
Save changes and view the result by going to your website page. Editing of the Ucoz menu items is complete.
