ЯК налаштувати меню сайту :: Управління сайтами

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

Інструкція

Для настройки меню в Ucoz можна скористатися елементами керування конструктором сайтів. Так, ви можете змінити колір фону вибраного шаблону, колір посилань і тексту в блоках меню. Редагування всіх елементів проводиться через меню конструктора «Дизайн» - «Управління дизайном (CSS)».

Перед вами відкриється таблиця стилів CSS, тобто шаблон, на основі якого і відбувається відображення елементів інтерфейсу. Знайдіть у відображеному коді рядок navBar і відредагуйте її на власний розсуд. Наприклад:

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

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

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

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

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