|
Дата: 30.07.2007 10:50 am · Subject: Re: Меню на сайте
Меню, как и многие другие компоненты на в шаблоне вставляется через макрос ^ AssetProxy(Asset URL); У большинства на сайте в папке /root/ImportNode/WebGUI 7 Style 3/ есть меню "Style3 Coolmenu" и его шаблон "Newe Coolmenu" Для начала стоит отметить их "галками" и нажать "Сделать дубликат" Редактировать будем полученные копии, чтобы не изменять настройки существующих шаблонов, которые используют оригинал. Первым делом отредактируем копию меню: присвоим в закладке "вид страницы/модуля" нашему меню полученную копию шаблона. Можно, также переименовать наше новое меню для удобства дальнейшего использования. Итак: свойства самого меню устанавливают, какие именно страницы это меню будет отображать и какой шаблон будет использоваться. Шаблон меню задаёт то, в каком виде будет отображаться меню (вертикально, горизонтально, в виде выпадаюшего... и т. д.) Теперь основная работа будет заключаться в том, чтобы шаблон исходного Coolmenu (выпадающего меню) отредактировать так, чтобы наше меню выглядело так, как мы хотим. Сам шаблон состоит из двух половинок, которые при редактировании расположены в окошках одно над другим. Это в вержнем окошке, собственно, шаблон и в нижнем то, что при отображении попадает в хедер страницы (Java скрипты и таблицы стилей). В верхнем окошке шаблона выпадающего меню можно настраивать его расположение: "слева", "справа", "по центру", а также отступ от левого края и отступ от верхнего края. Прошу обратить внимание, что отступ задаётся в пикселях и имеет абсолютное позиционирование. То есть независимо от того, в такой части шаблона вы вставите это меню, на странице оно будет располагаться в соотверствии с настройками шаблона, описанными выше. Поэтому в шаблон страницы лучше всего вставлять это меню в самом начале, сразу за админичтративным меню (^ AdminBar();). В связи с тем, что меню имеет абсолютное позиционирование, то в шаблоне учитывается расстояние от левого и верхнего края при включенной и выключенной административной панели: -------------------- coolmenu.onlineRoot="" coolmenu.pxBetween=2 //это растояние между пунктами меню coolmenu.fromLeft=25 //расстояние от левого края при выкл. админ. панели coolmenu.fromTop=138 //расстояние от верхнего края при выкл. админ. панели <tmpl_if session.var.adminOn> coolmenu.fromLeft=186 //расстояние от левого края при вкл. админ. панели coolmenu.fromTop=160 //расстояние от верхнего края при выкл. админ. панели </tmpl_if> coolmenu.rows=1 // 1- меню располож. горизонтально, 0 - вертикально ------------------------ Соответственно оба значения надо менять пропорционально. Если вы задали выравнивание меню по центру, то заданное значение отступа от левого края игнорируется. Остальные значения можно пока не менять. В нижнем окне расположена таблица стилей, которая задаёт внешний вид (фон, рамка, надпись) самого меню. Для разных уровней меню можно задавать разные стили. В общих чертах - это всё. Если будут более подробные вопросы по отдельным параметрам - готов ответить.
|