0
Добавить Соцсети
Автор zoovmeste, 22 февр. 2017 23:55
Сообщений в теме: 10
#1
Отправлено 22 Февраль 2017 - 23:55
Добрый день. Необходимо добавить на главную страницу в самый низ (перед приветствием) три изображения.
Между изображениями необходимо сделать пробел
Кнопки "подписаться" - кликабельные
Ссылки:
https://vk.com/mogwayru
https://www.instagram.com/mogway.ru/
Все изображения и пример во вложении
Иконки соцсетей в подвале, удалите
Между изображениями необходимо сделать пробел
Кнопки "подписаться" - кликабельные
Ссылки:
https://vk.com/mogwayru
https://www.instagram.com/mogway.ru/
Все изображения и пример во вложении
Иконки соцсетей в подвале, удалите
#2
Отправлено 02 Март 2017 - 00:05
друзья. неделя прошла. будьте добры помочь
#3
Отправлено 02 Март 2017 - 17:09
zoovmeste (22 Февраль 2017 - 23:55) писал:
Добрый день. Необходимо добавить на главную страницу в самый низ (перед приветствием) три изображения.
Между изображениями необходимо сделать пробел
Кнопки "подписаться" - кликабельные
Ссылки:
https://vk.com/mogwayru
https://www.instagram.com/mogway.ru/
Все изображения и пример во вложении
Иконки соцсетей в подвале, удалите
Между изображениями необходимо сделать пробел
Кнопки "подписаться" - кликабельные
Ссылки:
https://vk.com/mogwayru
https://www.instagram.com/mogway.ru/
Все изображения и пример во вложении
Иконки соцсетей в подвале, удалите
<!-- Основная часть --> <div id="content" class="wrap"> <div class="container"> <div class="row">и сразу после него вставьте блок
{% IF index_page %} <div class="col-sm-4 col-xs-12 imgBlockSoc"> <img src="{ASSETS_IMAGES_PATH}010.jpg"> <a href="https://www.instagram.com/mogway.ru/" class="butBlockSoc">Подписаться</a> </div> <div class="col-sm-4 col-xs-12 imgBlockSoc"> <img src="{ASSETS_IMAGES_PATH}015.jpg"> <a href="https://vk.com/mogwayru" class="butBlockSoc">Подписаться</a> </div> <div class="col-sm-4 col-xs-12 imgBlockSoc"> <img src="{ASSETS_IMAGES_PATH}012.jpg"> </div> {% ENDIF %}
Далее в конец файла main.css добавьте блок
.imgBlockSoc { text-align: center; } .imgBlockSoc a.butBlockSoc { display: block; width: 140px; background: #4ab253; padding: 10px 19px; margin: 10px auto; color: #fff; text-transform: uppercase; border-radius: 5px; }
Картинки необходимо загрузить в разделе Сайт-> Редактор шаблонов.
#4
Отправлено 03 Март 2017 - 23:10
спасибо. можно еще сверху блоков добавить надпись по центру страницы "МЫ В СОЦИАЛЬНЫХ СЕТЯХ"
и блок приветствие убрать ниже, а то он вплотную к нижнему краю блока соцсетей
и блок приветствие убрать ниже, а то он вплотную к нижнему краю блока соцсетей
#5
Отправлено 03 Март 2017 - 23:15
и еще: можно сделать эти изображения скрытыми для мобильной версии? или заменить их иконками?
#6
Отправлено 13 Март 2017 - 17:51
zoovmeste (03 Март 2017 - 23:10) писал:
спасибо. можно еще сверху блоков добавить надпись по центру страницы "МЫ В СОЦИАЛЬНЫХ СЕТЯХ"
и блок приветствие убрать ниже, а то он вплотную к нижнему краю блока соцсетей
и блок приветствие убрать ниже, а то он вплотную к нижнему краю блока соцсетей
#7
Отправлено 16 Март 2017 - 11:22
спасибо. как изменить изображение и ссылки иконок соцсетей в подвале?
#9
Отправлено 16 Март 2017 - 16:47
instagram vkontakte
#10
Отправлено 16 Март 2017 - 20:54
zoovmeste (16 Март 2017 - 16:47) писал:
instagram vkontakte
Тогда в шаблоне HTML замените:
<li><a href="https://facebook.com/" title="FaceBook.com" class="fa fa-facebook" target="_self"> </a></li> <li><a href="https://vk.com/" title="VK.com" class="fa fa-vk" target="_self"> </a></li> <li><a href="https://youtube.com/" title="YouTube.com" class="fa fa-youtube" target="_self"> </a></li> <li><a href="https://twitter.com/" title="Twitter.com" class="fa fa-twitter" target="_self"> </a></li>
на
<li><a href="https:/instagram.com/" title="FaceBook.com" class="fa fa-instagram" target="_self"> </a></li> <li><a href="https://vk.com/" title="VK.com" class="fa fa-vk" target="_self"> </a></li>
и в этом коде поменяйте ссылки на соц. сети на Ваши
#11
Отправлено 16 Март 2017 - 22:06
спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных