0
И Мне Помогите С Дизайном
Автор Tanya, 30 июня 2014 23:30
Сообщений в теме: 9
#1
Отправлено 30 Июнь 2014 - 23:30
Пыталась сама разбираться, но увы...(( нужна Ваша помощь
Аккаунт SL-292728
Вопросы на фото
Аккаунт SL-292728
Вопросы на фото
#2
Отправлено 01 Июль 2014 - 13:58
Tanya (30 Июнь 2014 - 23:30) писал:
Пыталась сама разбираться, но увы...(( нужна Ваша помощь
Аккаунт SL-292728
Вопросы на фото
Аккаунт SL-292728
Вопросы на фото
1. поменять фон
найдите в style.css
#wrapper{background-color:#f2f2f2}меняете значение background-color:#f2f2f2 (например background-color:#345612)
2. Увеличить размер шрифта каталога
найдите в style.css
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; }замените на
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:15px; font-weight:700; text-transform:uppercase;padding: 8px 10px 8px 0; display: block; cursor: pointer; }меняте значение font-size:15px;
3. Опускаем меню
найдите в style.css
#megamenu{position:absolute;height:54px;top:90px;left:238px;}замените на
#megamenu{position:absolute;height:54px;top:162px;left:238px;}.
4.Уменьшаем колличество просмотренных товаров
найдите в hTML
<!-- Недавно просмотренные товары --> {% IFNOT recently_viewed_goods_empty %} <div id="recently_viewed"> <h4 class="title_block">Недавно просмотренные товары</h4> <div class="block_content"> <ul class="product_images"> {% FOR recently_viewed_goods %} <li class="item clearfix">замените на
<!-- Недавно просмотренные товары --> {% IFNOT recently_viewed_goods_empty %} <div id="recently_viewed"> <h4 class="title_block">Недавно просмотренные товары</h4> <div class="block_content"> <ul class="product_images"> {% FOR recently_viewed_goods %} {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 3 %}{break}{% ENDIF %} <li class="item clearfix">5. Способы оплаты
найдите в HTML
<table width="100%" class="payment_sistem"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td> </tr> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td> </tr> </table>замените на
<table width="100%" class="payment_sistem"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> </tr> </table>
#3
Отправлено 01 Июль 2014 - 23:59
Спасибо большое! Все четко !))
Еще вопросики:
1) на счет фона. Можно ли фоном сделать картинку? ну например как в приложенном фото, или какой то другой фон по желанию( тут надо поэксперементировать)?
2) как поставить слоган в шапку(посередине) и контактный телефон (справа)+кнопки соц. сетей?
Еще вопросики:
1) на счет фона. Можно ли фоном сделать картинку? ну например как в приложенном фото, или какой то другой фон по желанию( тут надо поэксперементировать)?
2) как поставить слоган в шапку(посередине) и контактный телефон (справа)+кнопки соц. сетей?
#4
Отправлено 02 Июль 2014 - 01:15
1. В style.css найдите:
2. http://forum.storela...ку/#entry116147
Для добавление слогана в шаблоне HTML найдите:
#wrapper { background-color: #f2f2f2; }замените на:
#wrapper { background: url('{ASSETS_IMAGES_PATH}название файла картинки') repeat;; }
2. http://forum.storela...ку/#entry116147
Для добавление слогана в шаблоне HTML найдите:
<div id="header-logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /> {SETTINGS_STORE_NAME} </a> </div>после него вставьте:
<div class="slogan">текст</div>
#5
Отправлено 04 Июль 2014 - 23:56
1) с фоном разобралась, все ОК. спасибо
2) по поводу контактного телефона, вроде все сделала как было написано http://forum.storela...ку/#entry116147
а получилась какая-то бяка ))) (см. приложенную картинку) в чем может быть загвоздка?
3) можно ли убрать белые поля на слайдере?
2) по поводу контактного телефона, вроде все сделала как было написано http://forum.storela...ку/#entry116147
а получилась какая-то бяка ))) (см. приложенную картинку) в чем может быть загвоздка?
3) можно ли убрать белые поля на слайдере?
#6
Отправлено 05 Июль 2014 - 01:48
В профиль добавьте пожалуйста номер аккаунта.
Телефонов у вас не обнаружила, на счет слайдера в style.css найдите:
Также в шаблоне HTML найдите:
Телефонов у вас не обнаружила, на счет слайдера в style.css найдите:
.flexslider { background: none repeat scroll 0 0 #fff; border: 4px solid #fff; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin: 0 auto 30px; position: relative; width: 1160px; }попробуйте уменьшить значение width
Также в шаблоне HTML найдите:
<div id="search_block_top">перед ним вставьте:
<br/>
#7
Отправлено 05 Июль 2014 - 15:17
Со слайдером разобралась, спс.
не совсем поняла куда нужно добавить номер аккаунта
на всякий случай вот он: Аккаунт SL-292728
Телефон на сайте сейчас указан в самом низу. Хочу чтоб был крупным шрифтом в шапке. Пыталась делать несколько раз по инструкции, которую вы дали, но получилось что-то не то.
И с Поиском не вышло. Вставила <br/> перед <div id="search_block_top">, Но он только чуть вниз сдвинулся.
не совсем поняла куда нужно добавить номер аккаунта
на всякий случай вот он: Аккаунт SL-292728
Телефон на сайте сейчас указан в самом низу. Хочу чтоб был крупным шрифтом в шапке. Пыталась делать несколько раз по инструкции, которую вы дали, но получилось что-то не то.
И с Поиском не вышло. Вставила <br/> перед <div id="search_block_top">, Но он только чуть вниз сдвинулся.
#8
Отправлено 05 Июль 2014 - 15:50
Tanya (05 Июль 2014 - 15:17) писал:
Со слайдером разобралась, спс.
не совсем поняла куда нужно добавить номер аккаунта
на всякий случай вот он: Аккаунт SL-292728
Телефон на сайте сейчас указан в самом низу. Хочу чтоб был крупным шрифтом в шапке. Пыталась делать несколько раз по инструкции, которую вы дали, но получилось что-то не то.
И с Поиском не вышло. Вставила <br/> перед <div id="search_block_top">, Но он только чуть вниз сдвинулся.
не совсем поняла куда нужно добавить номер аккаунта
на всякий случай вот он: Аккаунт SL-292728
Телефон на сайте сейчас указан в самом низу. Хочу чтоб был крупным шрифтом в шапке. Пыталась делать несколько раз по инструкции, которую вы дали, но получилось что-то не то.
И с Поиском не вышло. Вставила <br/> перед <div id="search_block_top">, Но он только чуть вниз сдвинулся.
<div class="block"> <h4>Контакты</h4> <a class="open-close-footer" href="#"></a> <div class="block_content"> <!-- Контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {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} </a> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"> <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} </a> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Контакт Skype --> {% IF SETTINGS_STORE_SKYPE %} <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> <div class="icq-number left"> <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span>{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} <div class="clear"></div> </div> {% ENDIF %} <table width="100%" class="payment_sistem"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> </tr> </table> </div> </div>Затем найдите строки:
div id="header-logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo2.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /> {SETTINGS_STORE_NAME} </a> </div>и после него добавьте:
<!-- Контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts"> <h4>Контакты</h4> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {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} </a> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"> <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} </a> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Контакт Skype --> {% IF SETTINGS_STORE_SKYPE %} <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> <div class="icq-number left"> <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span>{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} </div> {% ENDIF %}Затем в style.css:
Найдите строку:
h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}и замените её на:
h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}Строку:
#search_block_top{position:static;float:right;margin:26px 10px 0 0}замените на:
#search_block_top{position:static;float:right;margin:90px 10px 0 0}
#9
Отправлено 05 Июль 2014 - 23:24
Затем в style.css:
Найдите строку:
[CODE]
h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}
А чем отличаются эти строки???
Найдите строку:
h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}и замените её на:
[CODE]
h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}
А чем отличаются эти строки???
#10
Отправлено 06 Июль 2014 - 02:26
h4{ padding-bottom:20px; color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}увеличьте тут значение стиля font-size, как понимаю, вы хотели увеличить эту надпись
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных