Перейти к содержимому


Перенос Меню


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Алексей!

Алексей!

    Пользователь

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 06 Декабрь 2013 - 14:50

добрый день
помогите перенести боковой блок меню

Прикрепленные изображения

  • Снимок экрана 2013-12-06 в 15.42.33.png


#2 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Декабрь 2013 - 14:57

Просмотр сообщенияАлексей! (06 Декабрь 2013 - 14:50) писал:

добрый день
помогите перенести боковой блок меню

Здравствуйте, напишите номер вашего аккаунта или адрес вашего сайта

#3 Алексей!

Алексей!

    Пользователь

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 06 Декабрь 2013 - 14:59

Просмотр сообщенияCastiel (06 Декабрь 2013 - 14:57) писал:

Здравствуйте, напишите номер вашего аккаунта или адрес вашего сайта

http://klima40.ru/

#4 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Декабрь 2013 - 15:46

Просмотр сообщенияАлексей! (06 Декабрь 2013 - 14:59) писал:


Редактируем шаблон HTML
Находим и удаляем
{% IFNOT menu_empty %}
			 <ul class="span44 links">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
					 <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						 class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>
					 </li>
			 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
		 {% ENDIF %}


перед 390 строкой
{% IF index_page %}
Вставляем эту часть
{% IFNOT menu_empty %}
			 <div id="header_menu">
			 <ul class="header_menu links">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
					 <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						 class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>
					 </li>
			 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
</div>
		 {% ENDIF %}
		 <div class="clear"></div>

Далее добавляем стили для меню, редактируем main.css и добавляем в любое удобное место
#header_menu {background-color: #fff;width: 712px; height: 100px;margin: 1.5%;}
#header_menu .links li {display: block;float: left;width: 100px;padding: 0 40px 10px 0px;}
#header_menu .links li.first {padding-left: 0 !important;}
#header_menu .links {font-size:1.2em;}
#header_menu .links li{display:block;float:left;width:102px; padding-bottom:6px;}
#header_menu .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#B2B2B2; text-decoration:none;padding-left:20px;text-align:left;}
#header_menu .links li a:hover,
#header_menu .links li a.hover{text-decoration:none; color:#000;}
#header_menu .links li a.catalog{background:url("{ASSETS_IMAGES_PATH}menu_icon_catalog_16.png") left center no-repeat;}
#header_menu .links li a.catalog-act {background:url("{ASSETS_IMAGES_PATH}menu_icon_catalog_16_act.png") left center no-repeat;}
#header_menu .links li a.present{background:url("{ASSETS_IMAGES_PATH}menu_icon_present_16.png") left center no-repeat;}
#header_menu .links li a.present-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_present_16_act.png") left center no-repeat;}
#header_menu .links li a.briefcase{background:url("{ASSETS_IMAGES_PATH}menu_icon_briefcase_16.png") left center no-repeat;}
#header_menu .links li a.briefcase-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_briefcase_16_act.png") left center no-repeat;}
#header_menu .links li a.key{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16.png") left center no-repeat;}
#header_menu .links li a.key-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16_act.png") left center no-repeat;}
#header_menu .links li a.tick{background:url("{ASSETS_IMAGES_PATH}menu_icon_tick_16.png") left center no-repeat;}
#header_menu .links li a.tick-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_tick_16_act.png") left center no-repeat;}
#header_menu .links li a.label{background:url("{ASSETS_IMAGES_PATH}menu_icon_label_16.png") left center no-repeat;}
#header_menu .links li a.label-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_label_16_act.png") left center no-repeat;}
#header_menu .links li a.heart{background:url("{ASSETS_IMAGES_PATH}menu_icon_heart_16.png") left center no-repeat;}
#header_menu .links li a.heart-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_heart_16_act.png") left center no-repeat;}
#header_menu .links li a.clipboard{background:url("{ASSETS_IMAGES_PATH}menu_icon_clipboard_16.png") left center no-repeat;}
#header_menu .links li a.clipboard-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_clipboard_16_act.png") left center no-repeat;}
#header_menu .links li a.address{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16.png") left center no-repeat;}
#header_menu .links li a.address-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_address_16_act.png") left center no-repeat;}
#header_menu .links li a.clock{background:url("{ASSETS_IMAGES_PATH}menu_icon_clock_16.png") left center no-repeat;}
#header_menu .links li a.clock-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_clock_16_act.png") left center no-repeat;}
#header_menu .links li a.cart{background:url("{ASSETS_IMAGES_PATH}menu_icon_cart_16.png") left center no-repeat;}
#header_menu .links li a.cart-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_cart_16_act.png") left center no-repeat;}
#header_menu .links li a.user{background:url("{ASSETS_IMAGES_PATH}menu_icon_user_16.png") left center no-repeat;}
#header_menu .links li a.user-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_user_16_act.png") left center no-repeat;}
#header_menu .links li a.document{background:url("{ASSETS_IMAGES_PATH}menu_icon_document_16.png") left center no-repeat;}
#header_menu .links li a.document-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_document_16_act.png") left center no-repeat;}
#header_menu .links li a.home{background:url("{ASSETS_IMAGES_PATH}menu_icon_home_16.png") left center no-repeat;}
#header_menu .links li a.home-act{background:url("{ASSETS_IMAGES_PATH}menu_icon_home_16_act.png") left center no-repeat;}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных