Помогите Пожалуйста С Дизайном.
#1
Отправлено 06 Февраль 2014 - 03:17
1. Слайды перенесть с шапку.
2. В шапку добавить контакты (mail, телефон, адрес, время работы).
3. Меню сделать по центру.
4. Поиск и корзину перенести.
5. И если возможно сделать так чтобы при наведении на каталог всплывали категории.
#2
Отправлено 06 Февраль 2014 - 04:18
#3
Отправлено 06 Февраль 2014 - 06:10
#5
Отправлено 06 Февраль 2014 - 17:54
Аксолотль (06 Февраль 2014 - 17:22) писал:
Я перешел на тему "Техника", а что дальше... Что куда?
Здравствуйте, напишите подробнее что именно вы хотите изменить. Изобразите ваши пожелания на скриншоте, если эти изменения приведут к глобальному изменению шаблона, то вам лучше обратиться в дизайн студию.
#6
Отправлено 06 Февраль 2014 - 18:17
Аксолотль (06 Февраль 2014 - 03:17) писал:
1. Слайды перенесть с шапку.
2. В шапку добавить контакты (mail, телефон, адрес, время работы).
3. Меню сделать по центру.
4. Поиск и корзину перенести.
5. И если возможно сделать так чтобы при наведении на каталог всплывали категории.
Как примерно должно выглядеть в прикрепленном файле.
номер акаунта SL-269324Сейчас перешел на тему "Техника" как советовали выше. Пока только перенес блок меню.
#7
Отправлено 06 Февраль 2014 - 18:20
Аксолотль (06 Февраль 2014 - 18:17) писал:
Как примерно должно выглядеть в прикрепленном файле.
номер акаунта SL-269324Сейчас перешел на тему "Техника" как советовали выше. Пока только перенес блок меню.
Укажите изменения на новом шаблоне. Сделайте скриншот нового шаблона и укажите на нем что необходимо сделать.
#9
Отправлено 06 Февраль 2014 - 20:22
Аксолотль (06 Февраль 2014 - 18:40) писал:
И если возможно сделать так чтобы при наведении на каталог всплывали категории.
найдите в main.css
#header_menu {background-color: #fd7507;width: 712px; height: 25px;margin: 3%;}замените на
#header_menu {background-color: #fd7507;width: 712px; height: 25px;margin: 0 3% 3% 3%;}
На остальных двух вариантах непонятно что Вы хотите сделать: переместить, поднять, убрать?
Сейчас при наведении на категории, подкатегории также появляются правее. Вам нужно, чтобы именно при нажатии на каталог появлялись категории товаров?
#12
Отправлено 07 Февраль 2014 - 05:32
<div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_SKYPE %} <div class="clear"></div> <div class="left"> <a style="text-decoration: none;" class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </div> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> <div class="icq-number left"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} <div class="clear"></div> </div> {% ENDIF %} </div>сюда вставляем необходимую информацию, например:
<div class="contacts"> <div class="clear"></div> <div class="left"> <span class="valignMiddle">test@test.ru</span> </div> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_SKYPE %} <div class="clear"></div> <div class="left"> <a style="text-decoration: none;" class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </div> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> <div class="icq-number left"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} <div class="clear"></div> </div> {% ENDIF %} </div>на примере добавила почту.
2.Перенос слайдера вверх, код слайдера в шаблоне HTML перенесите поставив после:
<!-- Правый блок. Контент сайта --> <div class="span8" style="padding-bottom: 10px;"> <div class="row-fluid">3.создаем подвал, в HTML перед:
</div> </div> </div> <div class="clear"></div> </body> </html>вставляем:
<!-- Правый блок. Контент сайта --> <div style="padding-bottom: 10px;float:none;margin:0 auto; width:100%" class="span8"> <div class="row-fluid"> <div style=" text-align:center;" class="span7"> <!-- Блок навигации --> {% 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 %} <div class="clear"></div> <!-- Прелоадер изображений которые появляются при наведеннии на ссылку в меню --> <div style="position:absolute;top:-9999px;"> <div class="header"> <ul class="links"> <li> <a class="catalog-act"></a> <a class="present-act"></a> <a class="briefcase-act"></a> <a class="key-act"></a> <a class="tick-act"></a> <a class="label-act"></a> <a class="heart-act"></a> <a class="clipboard-act"></a> <a class="address-act"></a> <a class="clock-act"></a> <a class="cart-act"></a> <a class="user-act"></a> <a class="document-act"></a> <a class="home-act"></a> </li> </ul> </div> </div> <!-- /Блок навигации --> <div class="span44 hidden-phone"> <p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> </p> </div> </div> </div> </div>дублирующий кож блока меню и коопирайты удалите в данном шаблоне, они будут выше находиться
#13
Отправлено 07 Февраль 2014 - 05:39
Сделать как вы сказал.
#15
Отправлено 07 Февраль 2014 - 06:15
.work-time { float: left; padding-left: 3px; vertical-align: middle; }замените на:
.work-time { float: left; padding-left: 3px; text-align: left; vertical-align: middle; width: 100%; }2.В nyvo.css найдите:
.theme-default .nivoSlider { background: url("/design/nyvo_loading.gif") no-repeat scroll 50% 50% #FFFFFF; box-shadow: 0 1px 5px 0 #4A4A4A; margin-bottom: 50px; position: relative; }удалите margin-bottom: 50px;
#19
Отправлено 08 Февраль 2014 - 03:29
Удаление блоков, указанных на скриншоте, сайт - редактор шаблонов - HTML найдите:
<!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->после данной строчки найдите и удалите:
{% FOR menu %} {% FOR footer %} <div class="menu_main"> <a class="link_nav" title="Разделы сайта">Разделы сайта</a> <a title="Разделы сайта" style="text-decoration: none"><h4 class="hidden-phone">Разделы сайта</h4></a> <ul> {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %} </ul> </div> {% ENDFOR %} {% ENDFOR %}и чуть ниже найдите и удалите:
<div class="span44 hidden-phone"> <p class="copy">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br /> {SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> </p> </div>Далее для переноса строки, листаем данный шаблон в самый низ и ищем:
{COPYRIGHT_FOR_DESIGN_TECH} <span>{SETTINGS_STORE_REGION}</span><br />меняем эти строки на:
{COPYRIGHT_FOR_DESIGN_TECH}<br /> <span>{SETTINGS_STORE_REGION}</span><br />
#20
Отправлено 08 Февраль 2014 - 11:01
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных