Инструкция
1
Для примера рассматривается работа в системе ucoz. Оформление различных элементов сайта часто задается с помощью таблицы стилей (CSS). Чтобы получить к ней доступ, войдите в панель управления, используя учетную запись администратора. На главной странице панели выберите раздел «Управление дизайном».
2
В развернувшемся списке страниц, доступных для редактирования, выберите в категории «Общие шаблоны» пункт «Таблица стилей (CSS)». Просмотрите информацию, прописанную в строках, относящихся к общему оформлению (блок General Style) и конкретно к меню (блоки, в названиях которых стоит слово Menus). Вам необходимо выяснить, какие параметры заданы для панели меню: ширина, высота, фон панели и кнопок, изображения и так далее.
3
Если параметры вас не устраивают, замените их на те, которые вам нужны, и сохраните шаблон. После этого, уже можно запускать графический редактор и, используя полученные сведения, рисовать собственные кнопки. Сохраните их и вернитесь на сайт. В меню «Инструменты» выберите пункт «Файловый менеджер» или нажмите одноименную строку-ссылку, расположенную под блоком с кодом.
4
Загрузите на сайт новые кнопки (стрелки-указатели или другие графические элементы, которые вы будете использовать в меню). Пропишите значение для кнопок в коде (например, background: url('http://ссылка на изображение из файлового менеджера') no-repeat ХХpx ХХpx), задайте параметры для выравнивания, положения на странице. Пропишите стиль и размер шрифта для разделов меню (font-family и font-size) и внесите другие изменения, нужные вам.
5
Нажмите на кнопку «Сохранить», дождитесь оповещения о том, что шаблон успешно сохранен и откройте страницу сайта, чтобы оценить результат проделанной работы. Если вас что-то не устроило, вы можете отменить свои действия в окне редактирования CSS, воспользовавшись кнопкой в виде стрелки влево на панели инструментов.