Размещаем блоки под вертикальным меню.

Перейти к контенту

Главное меню:

Статьи
Размещаем блоки под вертикальным меню.
Все статьи → Websitex5CMS    Websitex5    
Размещаем блоки под вертикальным меню.
фото

Предположим вы сделали шаблон сайта с вертикальным основным меню (или с подменю страницы). Выглядит примерно так. Ниже этого меню остается пустое пространство, которое средства программы WebsiteX5 не позволяют никак использовать, а вам хотелось бы расположить там рекламные баннеры, поле поиска или другие элементы (как часто и делают на различных сайтах). Попробуем это осуществить. Например нам надо на главной странице разместить  баннер. На странице проекта WebsiteX5 делаем столбец нужной ширины (не уже ширины баннера), ниже основного контента в этот столбец вставляем объект "HTML и виджеты" и в этот объект помещаем HTML код нашего баннера. В параметрах объекта задаем высоту 0 и снимаем галочку  в поле "отображать полосы".  Нажимаем "Предпросмотр" и видим, что сейчас наш баннер расположен под основным контентом страницы. Ищем в исходном коде этот блок и смотрим, какой id ему присвоен, в моем примере - это блок с id=imCell_3.  Закрываем предпросмотр, а на вкладке "Эксперт"  объекта с баннером  пишем небольшой CSS-код , задающий местоположение.

#imCell_3 {

position:absolute;
left:-130px;
top:300px}

 

Параметрами  left:-130px; top:300px  можно регулировать положение баннера по горизонтали и вертикали соответственно. Расстояние в px определяет положение баннера относительно верхнего левого угла контента страницы. Не забываем привязать к проекту файлы с картинками баннера. Снова открываем "Предпросмотр" и видим что наш баннер уже расположен там, где мы и хотели, т.е. ниже вертикального меню, а под основным контентом, где он был раньше,  пустого пространства не осталось. О том, как разместить на всех страницах сайта один и тот же баннер (или любой другой объект, описанный кодом html,css,php) я расскажу во второй части статьи.

 

 

 

 


<<пред.   след.>>

Просмотров 5615    Добавить комментарий  (3)

23.07.2016 11:54  Руслан
Здравствуйте Сергей. А вы можете написать статью, про то как сделать чтоб было горизонтальное и вертикальное меню сайта одновременно.?

Админ:
Здравствуйте, Руслан. Да, могу. Напишите, пожалуйста, мне на электронную почту , как именно вы хотите организовать такое меню, что должно быть в горизонтальном , а что в вертикальном меню.


05.03.2016 13:16  Prolex
Как то так я и представлял, но лучше воспользоваться советами специалиста.
Для того, чтобы научиться ездить на велосипеде необязательно его нужно изобретать.
Благодарю за урок)))
20.12.2014 21:50  Сергей Кондулуков
Хорошая и дельная статья.
Автору спасибо:-)
Назад к содержимому | Назад к главному меню