Вёрстка Подвала
#1
Отправлено 03 Июль 2016 - 10:48
Здравствуйте
Помогите пожалуйста переверстать подвал. Нужно передвинуть существующие блоки, добавить меню, логотип и иконки соцсетей. Разумеется графику прорирую сам, нужно только сверстать подвал. Связь с администрацией, обратный звонок убираем полностью. Скрин прилагаю. Спасибо огромное!
http://design.elica-shop.ru/podval.jpg
#2
Отправлено 03 Июль 2016 - 11:08
Ast (03 Июль 2016 - 10:48) писал:
Здравствуйте
Помогите пожалуйста переверстать подвал. Нужно передвинуть существующие блоки, добавить меню, логотип и иконки соцсетей. Разумеется графику прорирую сам, нужно только сверстать подвал. Связь с администрацией, обратный звонок убираем полностью. Скрин прилагаю. Спасибо огромное!
http://design.elica-shop.ru/podval.jpg
Здравствуйте. В шаблоне HTML Вам нужно найти код:
<h3 class="footheader">Наши контакты:</h3>
и перед ним вставить
<div class="footerlogo"><img src="ссылка на логотип"></div>
Далее в разделе Сайт - Меню создайте 3 блока меню, которые далее мы добавить в подвал сайта.
#3
Отправлено 03 Июль 2016 - 11:41
MikDark (03 Июль 2016 - 11:08) писал:
<h3 class="footheader">Наши контакты:</h3>
и перед ним вставить
<div class="footerlogo"><img src="ссылка на логотип"></div>
Далее в разделе Сайт - Меню создайте 3 блока меню, которые далее мы добавить в подвал сайта.
Сделал. Меню footer footer2 footer3
#4
Отправлено 04 Июль 2016 - 07:53
#6
Отправлено 04 Июль 2016 - 12:39
Firefly (04 Июль 2016 - 11:05) писал:
Создал Вам бэкап и произвел изменения. Результат на скриншоте.
Проверьте, пожалуйста, устроит ли Вас данный вариант.
#7
Отправлено 04 Июль 2016 - 14:25
Ast (04 Июль 2016 - 12:39) писал:
Дополнительные изменения Вам внесли. Далее для добавления социальных кнопок сгенерируйте необходимый виджет и добавьте код внутрь блока social_block в коде:
<div class="social_block"></div>
#8
Отправлено 04 Июль 2016 - 14:33
Firefly (04 Июль 2016 - 14:25) писал:
<div class="social_block"></div>
#9
Отправлено 04 Июль 2016 - 14:52
Ast (04 Июль 2016 - 14:33) писал:
Внес Вам дополнительные изменения. Проверьте, пожалуйста.
Чтобы установить ссылки на иконки в HTML найдите код:
<div class="social_block"> Мы в социальных сетях:<br> <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-fb.png"></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-insta.png"></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-ok.png"></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-vk.png"></a> </div>
И вместо # укажите соответствующие ссылки.
#10
Отправлено 04 Июль 2016 - 15:12
Firefly (04 Июль 2016 - 14:52) писал:
Чтобы установить ссылки на иконки в HTML найдите код:
<div class="social_block"> Мы в социальных сетях:<br> <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-fb.png"></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-insta.png"></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-ok.png"></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-vk.png"></a> </div>
И вместо # укажите соответствующие ссылки.
#11
Отправлено 04 Июль 2016 - 16:15
Ast (04 Июль 2016 - 15:12) писал:
Внес Вам дополнительные изменения.
Блоки меню у Вас скрыты по умолчанию для планшетных и мобильных разрешений. Чтобы показывать их всегда, найдите в main.css 2 раза встречающийся код и удалите его:
.menu_footer{display:none;}
#12
Отправлено 04 Июль 2016 - 16:43
Firefly (04 Июль 2016 - 16:15) писал:
Блоки меню у Вас скрыты по умолчанию для планшетных и мобильных разрешений. Чтобы показывать их всегда, найдите в main.css 2 раза встречающийся код и удалите его:
.menu_footer{display:none;}
#14
Отправлено 07 Июнь 2018 - 10:31
Кото (06 Июнь 2018 - 15:16) писал:
Ненужные элементы можно находить через браузер
https://forum.storel...нужно-производ/
#15
Отправлено 07 Июнь 2018 - 11:51
Mr.Nito (07 Июнь 2018 - 10:31) писал:
Ненужные элементы можно находить через браузер
https://forum.storel...нужно-производ/
#17
Отправлено 19 Июль 2018 - 16:14
Ast (18 Июль 2018 - 13:49) писал:
Здравствуйте
В подвале при добавлении нового пункта меню, он залезает на блок для кода с сами строчки меню становятся не кликабельны.
Как можно исправить? Спасибо
В main.css
.menu_footer{padding:10px;height:60px;}
замените на
.menu_footer{padding:10px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных