Товарищи, помогите, требуется внести следующие корректировки согласно рисунку (всего 5 шт.):
0
Изменить Шапку И Подвал Сайта
Автор hash, 22 марта 2016 02:50
Сообщений в теме: 4
#1
Отправлено 22 Март 2016 - 02:50
#2
Отправлено 22 Март 2016 - 04:49
1. В main.css найдите:
замените на:
замените на:
замените на:
далее найдите:
замените на:
после него пропишите:
далее найдите:
замените на:
div#search { float: left; padding-top: 20px; }
замените на:
div#search { float: left; padding-top: 20px; display: none; }2. В main.css найдите:
.headerTop { padding: 10px; width: 1200px; margin: 0 auto; text-align: right; color: white; }
замените на:
.headerTop { padding: 10px; width: 1200px; margin: 0 auto; text-align: right; color: white; display: none; }3. В main.css найдите:
.headerBottom ul li { list-style: none; float: left; border-right: 1px solid #237F96; padding: 10px; }
замените на:
.headerBottom ul li { list-style: none; display: inline-block; border-right: 1px solid #237F96; padding: 10px; }
далее найдите:
.headerBottom { width: 1200px; margin: 0 auto; }
замените на:
.headerBottom { width: 1200px; margin: 0 auto; text-align: center; }4-5. В main.css найдите:
.col4 { width: 100%; float: none; color: #616161; margin-bottom: 10px; }
после него пропишите:
.footercontent .col4:first-child { text-align: center; } .footercontent .col4:not(:first-child) { display: none; }
далее найдите:
.contactsWrp div, .menu_main ul li { float: left; margin: 0 10px 0 0; font-size: 14px; }
замените на:
.contactsWrp div, .menu_main ul li { display: inline-block; margin: 0 10px 0 0; font-size: 14px; }
#3
Отправлено 22 Март 2016 - 22:21
Спасибо мадмуазель. Всё получилось.
Помогите ещё, пожалуйста, сделать в шапке телефон, время работы и обратный звонок как в этой теме - http://forum.storela...-в-шапке-сайта/
А пытаюсь сделать как там ему ответили, но у меня не находит в main.css текст
.hmright {width: 40%;float: right;height: 120px;padding: 25px 0;}
.hmwrp .contactsWrp {float: left;}
Помогите ещё, пожалуйста, сделать в шапке телефон, время работы и обратный звонок как в этой теме - http://forum.storela...-в-шапке-сайта/
А пытаюсь сделать как там ему ответили, но у меня не находит в main.css текст
.hmright {width: 40%;float: right;height: 120px;padding: 25px 0;}
.hmwrp .contactsWrp {float: left;}
#4
Отправлено 23 Март 2016 - 02:19
В шаблоне HTML найдите:
после него вставьте:
В main.css найдите:
посе него пропишите:
<div class="headerMiddle"> <div class="logo"><a href="http://{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=caramel"/></a></div> <div class="hmright">
после него вставьте:
<div class="contacts"> <ul> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} ({SETTINGS_STORE_PHONE_CITY_CODE1}) {SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<li>{SETTINGS_STORE_WORK_TIME}</li>{% ENDIF %} <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Заказать обратный звонок</a> </ul> </div> <script> $(document).ready(function() { $(".callback").fancybox({ maxWidth : 500, maxHeight : 530, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
В main.css найдите:
.hmright { width: 700px; float: right; height: 120px; padding: 25px 0; }
посе него пропишите:
.hmright .contacts { float: left; } .hmright .contacts li { list-style: none; color: #fff; } .hmright .contacts .callback { display: block; padding: 5px; background: #fff; color: #000; }
#5
Отправлено 23 Март 2016 - 13:25
Всё вышло просто отменно, мучас грасиас!!))
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных