Нужна Помощь С Изменениями.
#101
Отправлено 05 Февраль 2016 - 13:33
#102
Отправлено 05 Февраль 2016 - 13:49
Venom_Den (05 Февраль 2016 - 13:33) писал:
Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне style.css найдите данный код:
.footer_time, .footer_phone, .footer_skype, .footer_icq { display: block; color: #A0522D; padding: 3px 0 3px 22px; font-size: 14px; margin-left: 16px; line-height: 30px; font-weight: 700; }
И замените его вот этим вот кодом:
.footer_time, .footer_phone, .footer_skype, .footer_icq { display: block; color: #A0522D; padding: 3px 0 3px 30px; font-size: 14px; margin-left: 16px; line-height: 30px; font-weight: 700; }
Далее в самый конец данного шаблона добавьте, пожалуйста, следующий код:
span.footer_phone { margin-left: 10px; }
#103
Отправлено 19 Апрель 2016 - 10:02
Помогите реализовать мечты в жизнь, а то я совсем уже запуталась)))
1. Нужно чуть сузить шапку и промоблок.
2. Поменять цвет верхнего меню и цвет при наведении курсора на верхнее меню.
3. Изменить черный цвет поиска.
4.Поменять цвет каталога, блока новостей и "вы смотрели" на свои.
5. Изменить цвет стрелочек на главной странице Фанера, Мдф, Лдсп
6. Кнопка быстрый заказ - изменить цвет на свой.
7. В подвале тоже убрать красный цвет при наведении.
8. В подвале убрать варианты оплаты и обратную связь.
9. В подвале цвет шрифта сделать черным.
10. В подвале между Информацией и Контактах поставить яндекс карту и сузить подвал.
11. в карточке товара во вкладках тоже поменять цвет.
помогите пожалуйста
#104
Отправлено 19 Апрель 2016 - 10:17
Мне нужно, чтобы Если человек кликал в поле поиска, то надпись, которая там сейчас светло-сереньким видна " Поиск по магазину Пенни.ру" исчезала. А сейчас ее нужно удалить, и только после этого написать то, что ищешь.
http://penney.ru/
Аккаунт SL-361405
#105
Отправлено 19 Апрель 2016 - 10:46
Котуся (19 Апрель 2016 - 10:02) писал:
Помогите реализовать мечты в жизнь, а то я совсем уже запуталась)))
1. Нужно чуть сузить шапку и промоблок.
2. Поменять цвет верхнего меню и цвет при наведении курсора на верхнее меню.
3. Изменить черный цвет поиска.
4.Поменять цвет каталога, блока новостей и "вы смотрели" на свои.
5. Изменить цвет стрелочек на главной странице Фанера, Мдф, Лдсп
6. Кнопка быстрый заказ - изменить цвет на свой.
7. В подвале тоже убрать красный цвет при наведении.
8. В подвале убрать варианты оплаты и обратную связь.
9. В подвале цвет шрифта сделать черным.
10. В подвале между Информацией и Контактах поставить яндекс карту и сузить подвал.
11. в карточке товара во вкладках тоже поменять цвет.
помогите пожалуйста
Здравствуйте!
1) Укажите, пожалуйста, на скриншоте, как должна выглядеть шапка.
2) В конец шаблона style.css добавьте строки:
.et_categ_box a {color: red;} .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background-color: green; color:blue;}
цвета замените на необходимые.
3) В тот же шаблон, в конец, добавьте строку:
#header input[type="text"] {background: #fff;}
цвет замените на свой.
4) Замените background в строке:
.box-heading{padding: 6px 15px 6px 40px;background: #BDB76B;color:#fff;font-size:17px;line-height: 30px;font-family: Calibri;font-weight: lighter;}
border в строке:
.infoBoxContents{position: relative;text-align:left;font-size: 12px;font-family: Calibri;border: 1px solid #cdcdcd;display: block;margin: 0;padding: 10px;}
background в строке:
.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none; display: block; width: 100%; position:relative;}
border-bottom в строке:
.accordion a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }
background-color и color в строках:
.accordion li a:hover { background-position:0 0; background-color: #EEE8AA; color:#000000; }
5) замените цвета в строках:
.jcarousel-control-prev {background: #d11717 url('{ASSETS_IMAGES_PATH}nav.png?design=movement') no-repeat 1px 3px;} .jcarousel-control-next {background: #d11717 url('{ASSETS_IMAGES_PATH}nav.png?design=movement') no-repeat -30px 3px;} .jcarousel-control-prev:hover, .jcarousel-control-next:hover {background-color: #ff0000;}
6) В конец шаблона вставьте:
.buy_button {background: green !important;color: red!important;} .buy_button:hover {background: red !important;color: green!important;}
цвета - поменяйте.
7) цвет в этой строке:
.footer_menu li:hover{background: #ff0000;}
9) строку:
#footer {color: #fff;padding-bottom: 10px;text-align: left;}замените на:
#footer {color: #000;padding-bottom: 10px;text-align: left;}
.footer_time, .footer_phone, .footer_skype, .footer_icq {display: block;color: #fff;padding:3px 0 3px 22px; font-size: 14px; margin-left: 16px; line-height: 30px;}на:
.footer_time, .footer_phone, .footer_skype, .footer_icq {display: block;color: #000;padding:3px 0 3px 22px; font-size: 14px; margin-left: 16px; line-height: 30px;}
#footer a {color:#fff;text-decoration:none}на:
#footer a {color:#000;text-decoration:none}
11) в строке :
#tabs > a {border: none;font-weight: lighter;font-size: 14px;color: #000000;background-color: #BDB76B;display: inline-block;line-height: 35px;margin-right: -2px;padding: 0 28px;margin-bottom: 0;}замените background-color
и в строке:
#tabs > a.active:hover {border: none;background-color: #FF0000;color: #fff;text-decoration: none;}замените background-color
8, 10) В шаблоне html замените блок кода:
<div class="footer_bg_color"> <div id="footer"> <div class="container"> <div class="four columns"> <h3>Информация</h3> <a class="open-close" href="#"></a> <div class="wrapper"> <ul class="footer_menu"> {% FOR menu %} {% FOR footer %} {% 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 %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> <div class="four columns"> <h3>Варианты оплаты</h3> <a class="open-close" href="#"></a> <div class="wrapper"> <div id="payment_services"> <span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" > </span> <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги"> </span> <span class="icon_6" title="Мы принимаем к оплате Webmoney"> </span> <span class="icon_7" title="Мы принимаем оплату через систему РБК money"> </span> <span class="icon_8" title="Мы принимаем оплату через SMS"> </span> <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span> <span class="icon_10" title="Мы принимаем оплату через Робокассу"> </span> </div> </div> </div> <div class="four columns"> <h3>Контакты</h3> <a class="open-close" href="#"></a> <div class="wrapper"> {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %} </div> </div> <div class="four columns"> <h3>Обратная связь</h3> <a class="open-close" href="#"></a> <div class="wrapper"> <div class="submit_message"></div> {% IF FORM_SEND_OK %}<div class="success">Ваше сообщение успешно отправлено администрации магазина</div>{% ENDIF %} <form method="post" action="javascript:void(null);" id="feedbackForm" enctype="multipart/form-data"> {% IFNOT FORM_SEND_OK %} <input type="hidden" name="hash" value="{HASH}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="left"> <p><label for="feedback_name" class="required">Представьтесь, пожалуйста<em>*</em></label></p> <span class="forname logoinput"> </span> <input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="required"/> <p><label for="feedback_email" class="required">Электронная почта<em>*</em></label></p> <span class="foremail logoinput"> </span> <input id="feedback_email" type="email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/> <!--<p><label for="feedback_file" class="required">Прикрепить файл</label></p> <input id="feedback_file" type="file" name="form[assets_file]" value="" />--> <p><label for="feedback_message" class="required">Текст сообщения<em>*</em></label></p> <textarea id="feedback_message" rows="11" cols="40" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required">{FORM_FEEDBACK_MESSAGE}</textarea> </div> <div class="clear"></div> {% ENDIF %} <div class="buttons"> <div class="left"> <p class="back-link">{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="buy_button">Отправить</button>{% ENDIF %}</p> </div> <div class="clear"></div> </div> </form> </div> </div> <div class="clear"></div> </div> </div> <div id="copyright"> <div class="container">© {DATE_YEAR} «{SETTINGS_STORE_NAME}»</div> <div class="container">{SETTINGS_STORE_ORG_NAME}</div> <div class="container">Все права защищены</div> <div class="container">{COPYRIGHT_FOR_DESIGN_MOVEMENT} {SETTINGS_STORE_REGION}</div> <div class="container">{SETTINGS_STORE_HTML_CODE}</div> </div> <div id="back-top" style="" title="Наверх"> <img src="{ASSETS_IMAGES_PATH}scroll.png?design=movement"> </div> <div class="clear"></div> </div>
на:
<div id="footer"> <div class="container"> <div class="four columns"> <h3>Информация</h3> <a class="open-close" href="#"></a> <div class="wrapper"> <ul class="footer_menu"> {% FOR menu %} {% FOR footer %} {% 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 %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> <div class="four columns"> <h3>Карта</h3> <script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=Axrm8XV96yKPnyrRra0MB1Csc6AlNbHc&width=320&height=400&lang=ru_RU&sourceType=constructor"></script> </div> <div class="four columns"> <h3>Контакты</h3> <a class="open-close" href="#"></a> <div class="wrapper"> {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %} </div> </div> <div class="clear"></div> </div> </div>
На сайте https://tech.yandex....ls/constructor/ сгенерируйте свою карту размером 320х400 px и замените блок кода:
<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=Axrm8XV96yKPnyrRra0MB1Csc6AlNbHc&width=320&height=400&lang=ru_RU&sourceType=constructor"></script>
на свой.
Затем, замените в style.css строку
#footer .container .four.columns {border: none; margin-top: 20px;}на:
#footer .container .four.columns {border: none; margin-top: 20px;width: 30%; }
#106
Отправлено 19 Апрель 2016 - 11:44
Все получилось!!!
Нужно чуток подправить:
1. В подвале все блоки и карту разместить красиво, чтобы не наезжало одно на другое.
2. Убрать сверху полосу, которая появляется при прокрутке вниз.
#107
Отправлено 19 Апрель 2016 - 11:52
И чуть чуть подвинуть в шапке блок с прайс листом влево
#108
Отправлено 19 Апрель 2016 - 12:00
Котуся (19 Апрель 2016 - 11:44) писал:
Все получилось!!!
Нужно чуток подправить:
1. В подвале все блоки и карту разместить красиво, чтобы не наезжало одно на другое.
2. Убрать сверху полосу, которая появляется при прокрутке вниз.
1) Выполните, пожалуйста, последнюю часть высланной инструкции:
замените в style.css строку
#footer .container .four.columns {border: none; margin-top: 20px;}
на:
#footer .container .four.columns {border: none; margin-top: 20px;width: 30%; }
2) В конец style.css добавьте строку:
#header_bar {display: none !important;}
#109
Отправлено 19 Апрель 2016 - 13:08
Котуся (19 Апрель 2016 - 11:52) писал:
И чуть чуть подвинуть в шапке блок с прайс листом влево
1) В шаблоне style.css найдите строку:
.accordion a { text-decoration: none; border-bottom: 1px solid white; font-size:11px; font-weight:700; text-transform:uppercase; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }
измените в ней значение font-size с 11 до необходимого.
2) в том же шаблоне найдите строку:
.header_banners {float:left;}
замените ее на:
.header_banners {float:left; margin-left: -30px;}
#110
Отправлено 19 Апрель 2016 - 14:08
1. При внесении изменений в подвал исчезла картинка, которая там стояла. как бы ее на место возвернуть.
2. В подвале яндекс карту надо бы подкорректировать, а то все загораживается снизу. Возможно это из за того , что уменьшили сам подвал, тогда давайте сделаем его повыше, что бы все корректно встало.
3.В карточке товара сделать шрифт более читабельным - увеличить.
спасибо)))
#111
Отправлено 19 Апрель 2016 - 14:09
lenasmith (19 Апрель 2016 - 10:17) писал:
Мне нужно, чтобы Если человек кликал в поле поиска, то надпись, которая там сейчас светло-сереньким видна " Поиск по магазину Пенни.ру" исчезала. А сейчас ее нужно удалить, и только после этого написать то, что ищешь.
http://penney.ru/
Аккаунт SL-361405
Здравствуйте. В шаблоне html найдите строку:
<input type="text" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину Пенни.ру...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину Пенни.ру...';}" />
замените ее на:
<input type="text" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину Пенни.ру...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину Пенни.ру...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину Пенни.ру...';}" />
#112
Отправлено 19 Апрель 2016 - 14:53
RedHead (19 Апрель 2016 - 14:09) писал:
<input type="text" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину Пенни.ру...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину Пенни.ру...';}" />
замените ее на:
<input type="text" name="q" id="Search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину Пенни.ру...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину Пенни.ру...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину Пенни.ру...';}" />
Огромное спасибо! Все получилось!
#113
Отправлено 19 Апрель 2016 - 15:11
Котуся (19 Апрель 2016 - 14:08) писал:
1. При внесении изменений в подвал исчезла картинка, которая там стояла. как бы ее на место возвернуть.
2. В подвале яндекс карту надо бы подкорректировать, а то все загораживается снизу. Возможно это из за того , что уменьшили сам подвал, тогда давайте сделаем его повыше, что бы все корректно встало.
3.В карточке товара сделать шрифт более читабельным - увеличить.
спасибо)))
1) В шаблоне html перед строкой:
<div id="footer">
вставьте:
<div class="footer_bg_color">
2) Второй вопрос не совсем понятен. После "возвращения" фона, посмотрите, что именно нужно отредактировать. Спасибо.
3) В шаблоне style.css найдите строку:
.product_info_wrapper{margin-left: 30px;float: left;width: 50%;padding-bottom:10px}
замените ее например на:
.product_info_wrapper{margin-left: 30px;float: left;width: 50%;padding-bottom:10px; font-size: 130%; }
Если Вы имели ввиду текст его где-то, то уточните, пожалуйста, где именно.
#114
Отправлено 19 Апрель 2016 - 17:05
По поводу подвала, там яндекс карта закрывается метрику закрывает, я это имела ввиду. как бы сделать так, чтобы ее видно было.
и еще вопрос, мне нужно в шапке между логотипом и баннером добавить еще один баннер с о временем работы и адресом.
подскажите, как можно это реализовать и каких размеров должна быть картинка?
Спасибо.
#115
Отправлено 19 Апрель 2016 - 17:46
Котуся (19 Апрель 2016 - 17:05) писал:
По поводу подвала, там яндекс карта закрывается метрику закрывает, я это имела ввиду. как бы сделать так, чтобы ее видно было.
и еще вопрос, мне нужно в шапке между логотипом и баннером добавить еще один баннер с о временем работы и адресом.
подскажите, как можно это реализовать и каких размеров должна быть картинка?
Спасибо.
На данный момент метрика у Вас вообще не отображается. Вы хотите добавить ее на сайт?
Тогда вставьте строки:
<div class="settingsStore"> {SETTINGS_STORE_HTML_CODE} </div>
перед строками:
<div class="clear"></div> </div> {% ELSE %} Вы пользуетесь чрезмерно устаревшим браузером. Настоятельно рекомендуем вам скачать и установить современный браузер.<br/>
2) Подготовьте изображение размером примерно 150х300 пикселей. Загрузите его в редкторе шаблонов с помощью кнопки "добавить файлы".
Затем, в шаблоне html после строк:
<div id="header"> <div class="container"> <div class="logo"> <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" width="265" height="55" class="scale-with-grid"></a> </div>
вставьте:
<div> <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" class="scale-with-grid"></a> </div
замените название изображение на свое и напишите нам, поможем прописать стили непосредственно для Вашего изображения.
#116
Отправлено 20 Апрель 2016 - 10:53
Аккаунт SL-380450
#117
Отправлено 20 Апрель 2016 - 11:15
#118
Отправлено 20 Апрель 2016 - 11:23
Котуся (20 Апрель 2016 - 10:53) писал:
Аккаунт SL-380450
Здравствуйте. Перед внесением изменений, создайте бэкап.
В шаблоне html найдите блок кода:
<div> <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}b1.png?design=movement" alt="" title="" class="scale-with-grid"></a> </divзамените его на:
<div class="baner-head"> <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}b1.png?design=movement" alt="" title="" class="scale-with-grid"></a> </div>
Затем, в конец style.css добавьте строки:
.baner-head {display: inline-block; width: 250px;float: left;}
Затем, найти строку:
.contacts {display: block;font-family: Calibri;font-size: 14px;line-height: 1em;color: #000 !important;float: right;margin: 15px 15px 10px 60px;width: 415px;}заменить ее на:
.contacts {display: block;font-family: Calibri;font-size: 14px;line-height: 1em;color: #000 !important;float: right;margin: 15px 15px 10px 60px;width: 565px;}
Затем, строку:
.header_banners {float:left; margin-left: -30px;}на:
.header_banners {float:left; margin-left: -50px;}
.phone { display: block; font-family: Calibri; line-height: 1em; color: #000 !important; margin-left: 198px; margin-top: -5px; font-size: 20px; }на:
.phone { display: block; font-family: Calibri; line-height: 1em; color: #000 !important; margin-left: 164px; margin-top: -5px; font-size: 20px; }
.shopping_cart_block {position: absolute;right: 20px;top: 128px;z-index: 10;}на:
.shopping_cart_block {position: absolute;right: 20px;top: 35px;z-index: 10;}
и
#search { width: 150px; position: absolute; top: 128px; right: 100px; z-index: 100; }замените на:
#search { width: 150px; position: absolute; top: 35px; right: 100px; z-index: 100; }
Затем, уточните, какие блока и как должны располагаться с мобильной версии и на планшете.
Котуся (20 Апрель 2016 - 11:15) писал:
Выполните, пожалуйста, инструкцию #118, после вышлем инструкцию к этому вопросу, чтобы не возникло путаницы и ошибок в коде.
#119
Отправлено 20 Апрель 2016 - 11:42
1. Поиск и корзину нужно вернуть на панель верхнего меню.
2. Расположить баннеры в таком порядке, начиная от логотипа - время работы - контакты- прайс лист
3. Посмотрите пожалуйста по метрике, я все сделала, а ее все равно нет, как подкорректировать?
спасибо Вам пребольшущеее))))))
#120
Отправлено 20 Апрель 2016 - 13:32
Котуся (20 Апрель 2016 - 11:42) писал:
1. Поиск и корзину нужно вернуть на панель верхнего меню.
2. Расположить баннеры в таком порядке, начиная от логотипа - время работы - контакты- прайс лист
3. Посмотрите пожалуйста по метрике, я все сделала, а ее все равно нет, как подкорректировать?
спасибо Вам пребольшущеее))))))
1) По поводу корзины и поиска, извините, подумала, что они сместились вниз из-за добавления банера.
В style,css замените строки:
.shopping_cart_block {position: absolute;right: 20px;top: 35px;z-index: 10;}на:
.shopping_cart_block {position: absolute;right: 20px;top: 133px;z-index: 10;}
и:
#search { width: 150px; position: absolute; top: 35px; right: 100px; z-index: 100; }на:
#search { width: 150px; position: absolute; top: 133px; right: 100px; z-index: 100; }
2) В шаблоне html найдите блок кода:
<div class="header_banners"> <a href="https://yadi.sk/i/5gj6KmkFqizfE"><img src="https://cdn3.iconfinder.com/data/icons/document-icons-2/30/647702-excel-24.png"> ПРАЙС ЛИСТ на 20.04.2016</a> <br> <a href="https://yadi.sk/i/fKIqU_tlqiw4w"><img src="https://cdn3.iconfinder.com/data/icons/document-icons-2/30/647702-excel-24.png"> ЗАЯВКА НА РАСПИЛ</a> <br> <a href="https://yadi.sk/i/ONxgj2Caqj5jY"><img src="https://cdn3.iconfinder.com/data/icons/document-icons-2/30/647704-pdf-24.png"> СХЕМА ПРОЕЗДА</a> </div>
переместите его ниже, вставив перед строкой:
<!-- Время работы магазина -->
Затем, в style,css замените строку:
.contacts {display: block;font-family: Calibri;font-size: 14px;line-height: 1em;color: #000 !important;float: right;margin: 15px 15px 10px 60px;width: 565px;}на:
.contacts {display: block;font-family: Calibri;font-size: 14px;line-height: 1em;color: #000 !important;float: right;margin: 15px 15px 10px 60px;}
.phone { display: block; font-family: Calibri; line-height: 1em; color: #000 !important; margin-left: 164px; margin-top: -5px; font-size: 20px; }на:
.phone { display: block; font-family: Calibri; line-height: 1em; color: #000 !important; margin-right: 77px; margin-top: -5px; font-size: 20px; float: left; }
.header_banners {float:left; margin-left: -50px;}на:
.header_banners {float:right;}
3) метрика у Вас сейчас отображается в левом нижнем углу экрана.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных