Шапка Сайта
#1
Отправлено 04 Январь 2013 - 17:36
Shopingbel.ru
#2
Отправлено 08 Январь 2013 - 11:38
MisterGood (04 Январь 2013 - 17:36) писал:
Shopingbel.ru
Для того, чтобы добавить скайп и время работы магазина, зайдите в Настройки -> Основные -> Время работы магазина и Номер Skype на сайте
Также у Вас слишком высоко подняты номера телефонов, чтобы опустить их чуть ниже, зайдите в раздел Сайт -> Редактор тем -> файл main.css и найдите блок
#contactInfo { position:absolute; font-size:1.1em; top: -20px; left: 45px; }
можете заменить его на
#contactInfo { position:absolute; font-size:1.1em; top: 10px; left: 45px; }
Поле поиск у Вас изображение в шапке сайта header_page.png. Вам нужно в визуальном редакторе это изменить самостоятельно.
Для того, чтобы при вводе текста в поиск он не уходил на пределы поля, нужно в файле main.css найти блок
#search .search_box { background:none; border:none; font: 11px Verdana, Geneva, sans-serif; width: 200px; padding:0px; padding-left: 14px; padding-top: 8px; }
и заменить на
#search .search_box { background:none; border:none; font: 11px Verdana, Geneva, sans-serif; width: 200px; padding:0px; padding-left: 55px; padding-top: 8px; }
#3
Отправлено 10 Январь 2013 - 17:32
support 2.0 (08 Январь 2013 - 11:38) писал:
Также у Вас слишком высоко подняты номера телефонов, чтобы опустить их чуть ниже, зайдите в раздел Сайт -> Редактор тем -> файл main.css и найдите блок
#contactInfo { position:absolute; font-size:1.1em; top: -20px; left: 45px; }
можете заменить его на
#contactInfo { position:absolute; font-size:1.1em; top: 10px; left: 45px; }
Поле поиск у Вас изображение в шапке сайта header_page.png. Вам нужно в визуальном редакторе это изменить самостоятельно.
Для того, чтобы при вводе текста в поиск он не уходил на пределы поля, нужно в файле main.css найти блок
#search .search_box { background:none; border:none; font: 11px Verdana, Geneva, sans-serif; width: 200px; padding:0px; padding-left: 14px; padding-top: 8px; }
и заменить на
#search .search_box { background:none; border:none; font: 11px Verdana, Geneva, sans-serif; width: 200px; padding:0px; padding-left: 55px; padding-top: 8px; }
спасибо это все помогло а вот как сделать чтобы само слово поиск было в рамке которая на шапке а как переместить меню на уровень со строкой поиска ? как я на картинке отметил ?
поиск двигаю он у меня в рамке получается но тогда вылазит с правой стороны...
И кстати я когда добавляю скайп и время работы оно у меня все получается все под телефонами,почему так ?
#4
Отправлено 10 Январь 2013 - 22:15
#search { float: right; height: 35px; padding-right: 15px; padding-top: 40px; width: 245px; }
и заменить на
#search { float: right; height: 35px; padding-right: 15px; padding-top: 40px; width: 205px; }
далее найти
#search .search_box { background: none repeat scroll 0 0 transparent; border: medium none; font: 11px Verdana,Geneva,sans-serif; padding: 8px 0 0 14px; width: 200px; }
и заменить на
#search .search_box { background: none repeat scroll 0 0 transparent; border: medium none; font: 11px Verdana,Geneva,sans-serif; padding: 8px 0 0 14px; width: 160px; }
далее найти
#search .submit { border: 1px solid white; cursor: pointer; height: 28px; margin-left: 0; margin-top: 2px; padding-top: 0; width: 28px; }
и заменить на
#search .submit { cursor: pointer; height: 28px; margin-left: 0; margin-top: 2px; padding-top: 0; width: 28px; }
Цитата
Это связано с тем что вся информация выводиться в одном блоке.
<!-- Контакты --> <div id="contactInfo"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a 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> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <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> </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <!-- end Контакты -->
Как вариант это разбить данный блок на несколько частей, и вручную задать им стили. Например
<!-- Контакты --> <div id="contactInfo"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <div id="contactInfo" style="left: 120px;"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <div id="contactInfo" style="left: 80px;"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a 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> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <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> </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <!-- end Контакты -->
Далее останется только выровнять блоки путем задания стиля left
#5
Отправлено 11 Январь 2013 - 00:37
Vaccina (10 Январь 2013 - 22:15) писал:
#search { float: right; height: 35px; padding-right: 15px; padding-top: 40px; width: 245px; }
и заменить на
#search { float: right; height: 35px; padding-right: 15px; padding-top: 40px; width: 205px; }
далее найти
#search .search_box { background: none repeat scroll 0 0 transparent; border: medium none; font: 11px Verdana,Geneva,sans-serif; padding: 8px 0 0 14px; width: 200px; }
и заменить на
#search .search_box { background: none repeat scroll 0 0 transparent; border: medium none; font: 11px Verdana,Geneva,sans-serif; padding: 8px 0 0 14px; width: 160px; }
далее найти
#search .submit { border: 1px solid white; cursor: pointer; height: 28px; margin-left: 0; margin-top: 2px; padding-top: 0; width: 28px; }
и заменить на
#search .submit { cursor: pointer; height: 28px; margin-left: 0; margin-top: 2px; padding-top: 0; width: 28px; }
Это связано с тем что вся информация выводиться в одном блоке.
<!-- Контакты --> <div id="contactInfo"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a 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> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <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> </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <!-- end Контакты -->
Как вариант это разбить данный блок на несколько частей, и вручную задать им стили. Например
<!-- Контакты --> <div id="contactInfo"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <div id="contactInfo" style="left: 120px;"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <div id="contactInfo" style="left: 80px;"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a 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> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <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> </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <!-- end Контакты -->
Далее останется только выровнять блоки путем задания стиля left
Спасибо
#6
Отправлено 07 Март 2013 - 00:35
Хочу сделать типа блока под горячие новости (Баннер) в шапке сайта (шаблон пластик) под надписью Работаем"
Что можно сделать? Посоветуйте пожалуйста.
#7
Отправлено 07 Март 2013 - 08:26
frolstep (07 Март 2013 - 00:35) писал:
Хочу сделать типа блока под горячие новости (Баннер) в шапке сайта (шаблон пластик) под надписью Работаем"
Что можно сделать? Посоветуйте пожалуйста.
Добавьте в файл main.csstemplate код:
.hot_news{height:80px; background:red;width:240px; float: right;}
В шаблон HTML найдите код:
<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div> <ul class="telephone23"> {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %} </ul>после него вставьте следующее:
<div class="hot_news"> </div>
#10
Отправлено 25 Ноябрь 2013 - 22:10
Хочу разместить в блоке 2 столбца по 2 строчки.
Картинки и описание с ссылками на странице.
Смотрите скриншот
#11
Отправлено 26 Ноябрь 2013 - 05:19
#12
Отправлено 26 Ноябрь 2013 - 11:10
Vaccina (26 Ноябрь 2013 - 05:19) писал:
Вопрос актуален. На данный момент там размещена картинка в одном виде с одной ссылкой на одну страницу.
Хочу, чтобы картинки и описание к ним были отдельными и ссылки отдельно активные.
Спасибо!
#13
Отправлено 26 Ноябрь 2013 - 17:35
frolstep (26 Ноябрь 2013 - 11:10) писал:
Хочу, чтобы картинки и описание к ним были отдельными и ссылки отдельно активные.
Спасибо!
Чтобы реализовать 2 разные ссылки, нам потребуется разрезать изображение на равные части.
Заливаем полученные изображения на сайт (запоминаем ссылки на изображения)
Редактируем HTML
Находим
<div class="block"> <a href="http://tool77.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" title="Доставка и оплата"><img src="http://st.tool77.ru/2/857/777/Bezymyannyj.jpg" alt="Доставка и оплата"></a> </div>
Заменяем на
<div class="block"> <a href="Ссылка на страницу" title="Доставка"><img src="Ссылка на изображение" alt="Доставка"></a> <a href="Ссылка на страницу" title="Оплата"><img src="Ссылка на изображение" alt="Доставка"></a> </div>
Разрезанные изображения в приложении
#14
Отправлено 26 Ноябрь 2013 - 18:00
#15
Отправлено 06 Август 2014 - 10:24
1. главное меню(верхнее горизонтальное) переместить на самый вверх
2. логотип и контактные данные разместить сразу под этим меню соответственно слева и справа.
3. ниже расположить три блока, увеличив , при этом, их высоту за счет блока "поиск товаров"( его удалить)
4.ниже блоков вывести горизонтальное меню товаров
ВАЖНО!!!! удалить поиск по товарам и "товаров на 0 рублей https://yadi.sk/i/2Ncuz0aPZ9wCq
Заранее спасибо
#16
Отправлено 06 Август 2014 - 10:29
Alexey23 (06 Август 2014 - 10:24) писал:
1. главное меню(верхнее горизонтальное) переместить на самый вверх
2. логотип и контактные данные разместить сразу под этим меню соответственно слева и справа.
3. ниже расположить три блока, увеличив , при этом, их высоту за счет блока "поиск товаров"( его удалить)
4.ниже блоков вывести горизонтальное меню товаров
ВАЖНО!!!! удалить поиск по товарам и "товаров на 0 рублей https://yadi.sk/i/2Ncuz0aPZ9wCq
Заранее спасибо
Здравствуйте, к сожалению данная тема не предназначена для таких глобальных изменений, рекомендуем вам выбрать другую тему или обратиться в дизайн студию.
#17
Отправлено 19 Февраль 2016 - 23:52
#18
Отправлено 20 Февраль 2016 - 02:03
a { color: #bbb; text-decoration: none; cursor: pointer; }
замените на:
a { color: #fff; text-decoration: none; cursor: pointer; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных