Уебсайт за персонализирано меню X5

Част 1 [Част 2]

В програмата Websitex5 в настройките на шаблона има само две конфигурации на хоризонталното меню: над заглавката (заглавката) и под заглавката. Всъщност с помощта на няколко реда css код можете да поставите хоризонталния блок на менюто на напълно произволно място: на фона на заглавката, в областта на съдържанието, дори да превърнете хоризонталното меню във вертикално и като цяло подредете произволно бутоните от менюто. За това искам да говоря в тази статия.

Взех за пример прост безплатен шаблон, намерен в Интернет. Бутоните в моя пример ще бъдат прости, без 3D ефекти. Конфигурирах само промяната на цвета на шрифта върху мишката и иконите за елемента от менюто (все едно, симулиращи копчета за аудио център). В настройките на шаблона задайте менюто над „заглавката“ и задайте височината на хоризонталното меню на 0 px. какво се е случило е показано на Фигура 1. Менюто все още изглежда както обикновено, разположено в горната част на страницата на фона на заглавката. Сега нека добавим такъв код в общите настройки в раздела „експерт“.

#imMnMn <
вляво: 100px;
отгоре: 100px;
ширина: 800px;>
/ стил>

Виждаме, че менюто се е изместило: picture_2. Свойството отляво: 100px стил задава разстоянието от левия край на страницата, а горното: Свойството стил 100px задава най-горното разстояние до нашето меню (фигура_3). Нека преместим менюто още по-надясно и надолу, като напишем например наляво: 393px; отгоре: 149px (image_4).

---