Як налаштувати меню сайту

Ucoz - популярна система управління сайтами. З її допомогою ви можете налаштувати кожен елемент власного ресурсу і створити унікальний дизайн сторінок. Меню є одним з головних елементів будь-якого сайту, адже через нього користувач і виконує навігацію по вашому ресурсу.
як налаштувати меню сайту

2 крок

Перед вами відкриється таблиця стилів CSS, тобто шаблон, на основі якого і відбувається відображення елементів інтерфейсу. Знайдіть в видимій частині коді рядок navBar і відредагуйте її на власний розсуд. Наприклад:
#navBar {padding: 4px; background: # 959595; overflow: auto; color: red; }

3 крок

Даний код задає відступ тексту від меж створюваного блоку в 4 пікселя, при цьому фон меню набуває значення # 959595, яке відповідає певному кольору в форматі HTML. Параметр overflow: auto застосовується для завдання відображення змісту, яке не поміщається в задануобласть. Даний параметр редагувати без особливої ​​необхідності не варто. Опція color задає червоний колір елементів вмісту блоку.

4 крок

Для редагування параметрів тієї чи іншої посилання ви можете також скористатися опціями, які знаходяться в цьому ж блоці коду. Змініть параметри #navBar a: link (звичайна посилання), a: active (колір посилання після натискання), a: visited (відвідана посилання) і a: hover (колір посилання після наведення курсору) на свій розсуд. Змініть колір атрибуту color і відредагуйте параметр text-decoration, який задає атрибути для тексту. Значення цієї опції можуть бути underline (підкреслення), blink (миготливий текст), linethrough (перекреслений текст), overline (підкреслення над текстом).

5 крок

Після редагування натисніть кнопку «Зберегти». Аналогічним способом змініть рядки. subColumn (фон для відображення пунктів вертикального меню), .boxTable (заголовки блоків меню), .boxContent (вміст списків посилань меню), .uMenuV (вертикальні пункти меню) на свій розсуд. Ви можете видаляти непотрібні параметри і вставляти свій код CSS, а такожредагувати кольори інших елементів, що знаходяться в дизайні.

6 крок

Збережіть зміни і перегляньте отриманий результат, перейшовши на сторінку вашого сайту. Редагування пунктів меню Ucoz завершено.
Відео по темі




ЩЕ ПОЧИТАТИ