Как настроить меню сайта?

Ucoz – популярная система управления сайтами. С ее помощью вы можете настроить каждый элемент собственного ресурса и создать уникальный дизайн страниц. Меню является одним из главных элементов любого сайта, ведь через него пользователь и выполняет навигацию по вашему ресурсу.
Создать сайт самостоятельно с Wix.com

Инструкция

Для настройки меню в 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 завершено.

Оцените статью!