SiteEdit
       Рус  Eng

On-line руководство
по созданию сайтов

Разнообразные пункты меню

Категории:
Рассылка SiteEdit
E-mail *
Имя *
Компания
Телефон
Все мы знаем, что меню в программе SiteEdit настраиваются одинаково. Достаточно задать настройки в одном месте, и все они распространяются на те страницы, которые мы отображаем в меню. Это сделано ради удобства и упрощает работу с программой, а также устраивает большинство пользователей.
Но, допустим, у вас есть пожелание настроить каждый пункт индивидуально, будь то цвет, шрифт и д.р. Это возможно, но выполняется это вручную. Покажем на примере работы с универсальным меню. Но, поняв принцип, вы можете также изменить "главное мен", "дополнительное меню" и т.д.

Чтобы самостоятельно справится с этой задачей, выполните ряд следующих действий:

Откройте проект вашего сайта в программе SiteEdit. Может быть, меню у вас уже настроено, не важно - как именно.


Рис. Пример проекта с меню

Попытаемся изменить фон пунктов. На следующем слайде показана конечная картинка. Поняв принцип, вы можете менять не только цвет фона, а получить возможность настроить каждый пункт как угодно.


Рис. Пункты меню с разноцветными пунктами страниц

Откройте одну из страниц вашего проекта через браузер - локально (в верхнем меню программы есть иконка с изображениями браузеров).


Рис. просмотр страницы проекта через браузер локально

Затем в браузере в открывшейся html странице кликните правой кнопкой мыши и появившемся меню выберите пункт "Исходный код страницы".


Рис. Просмотреть Исходный код страницы в браузере

Найдите область в коде, где прописывается меню, и скопируйте название класса.


Рис. Пример части кода, где видим меню

Скопированную часть кода (в нашем случае это "mitem_about" - так называется страница about.html) вставить в CSS редактор в программе SiteEdit.

Вы открываете CSS панель (F3) и прописываете новой строкой такую фразу:

.mitem_about { }


Рис. Прописывание нового стиля для страницы

Сохраните изменения в CSS, обновите программу (вверху иконка обновления параметров CSS редактор)


Рис. Обновление параметров CSS редактора

Затем открываем дерево дизайна (F4), и открываем пункт "Другие стили". Появился наш новый созданный стиль для пункта "О компании - about.html" - [.mitem_about]. Кликайте по нему и задавайте индивидуальные настройки, какие вам нужно. Мы зададим цвет фона, к примеру.


Рис. Настройка пункта индивидуально

По такой же аналогии добавьте новые стили для остальных страниц, которые требуется индивидуально настроить. Для этого достаточно открыть CSS панель (F3), скопировать

.mitem_about { }

Вставить ниже и заменить "about" на другое значение, например "home", "guest", "contact" и т.д. и т.п., исходя из названий страниц. Название страницы вы можете посмотреть, открыв список страниц (F11). В итоге получаем такую картинку:


Рис. Пункты меню с разноцветными пунктами страниц
Copyright © Edgestile Company, 2004
тел.:  8 (495) 229-45-50, 8 (812) 612-2642, 8 (34241) 3-69-90
e-mail:  info@siteedit.ru - общие вопросы
icq: 268-447-867 - общие вопросы
все контакты
Официальный сайт CMS Siteedit Получить сайт Тест-драйв интернет магазина