Як настроїти меню сайту

Як настроїти меню сайту

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

 

Інструкція

1. Для налаштування меню в 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 завершене.

 


Надрукувати  

Схожі матеріали