добрый день
помогите перенести боковой блок меню
0
Перенос Меню
Автор Алексей!, 06 дек. 2013 14:50
Сообщений в теме: 3
#1
Отправлено 06 Декабрь 2013 - 14:50
#3
Отправлено 06 Декабрь 2013 - 14:59
Castiel (06 Декабрь 2013 - 14:57) писал:
Здравствуйте, напишите номер вашего аккаунта или адрес вашего сайта
http://klima40.ru/
#4
Отправлено 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 анонимных