Перейти к содержимому


Добавить Соцсети


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 zoovmeste

zoovmeste

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 252 сообщений

Отправлено 22 Февраль 2017 - 23:55

Добрый день. Необходимо добавить на главную страницу в самый низ (перед приветствием) три изображения.
Между изображениями необходимо сделать пробел
Кнопки "подписаться" - кликабельные
Ссылки:
https://vk.com/mogwayru
https://www.instagram.com/mogway.ru/
Все изображения  и пример во вложении

Иконки соцсетей в подвале, удалите

Прикрепленные изображения

  • 010.jpg
  • 012.jpg
  • 015.jpg
  • 016.jpg


#2 zoovmeste

zoovmeste

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 252 сообщений

Отправлено 02 Март 2017 - 00:05

друзья. неделя прошла. будьте добры помочь

#3 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 02 Март 2017 - 17:09

Просмотр сообщенияzoovmeste (22 Февраль 2017 - 23:55) писал:

Добрый день. Необходимо добавить на главную страницу в самый низ (перед приветствием) три изображения.
Между изображениями необходимо сделать пробел
Кнопки "подписаться" - кликабельные
Ссылки:
https://vk.com/mogwayru
https://www.instagram.com/mogway.ru/
Все изображения  и пример во вложении

Иконки соцсетей в подвале, удалите
Здравствуйте. В шаблоне HTML найдите блок
<!-- Основная часть -->
	  <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 zoovmeste

zoovmeste

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 252 сообщений

Отправлено 03 Март 2017 - 23:10

спасибо. можно еще сверху блоков добавить надпись по центру страницы "МЫ В СОЦИАЛЬНЫХ СЕТЯХ"

и блок приветствие убрать ниже, а то он вплотную к нижнему краю блока соцсетей

#5 zoovmeste

zoovmeste

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 252 сообщений

Отправлено 03 Март 2017 - 23:15

и еще: можно сделать эти изображения скрытыми для мобильной версии? или заменить их иконками?

#6 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 13 Март 2017 - 17:51

Просмотр сообщенияzoovmeste (03 Март 2017 - 23:10) писал:

спасибо. можно еще сверху блоков добавить надпись по центру страницы "МЫ В СОЦИАЛЬНЫХ СЕТЯХ"

и блок приветствие убрать ниже, а то он вплотную к нижнему краю блока соцсетей
Здравствуйте. Внесла Вам изменения на сайт. Проверьте, пожалуйста.

#7 zoovmeste

zoovmeste

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 252 сообщений

Отправлено 16 Март 2017 - 11:22

спасибо. как изменить изображение и ссылки иконок соцсетей в подвале?

#8 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 463 сообщений

Отправлено 16 Март 2017 - 12:49

Просмотр сообщенияzoovmeste (16 Март 2017 - 11:22) писал:

спасибо. как изменить изображение и ссылки иконок соцсетей в подвале?

Здравствуйте. Какие иконки Вам там нужны?

#9 zoovmeste

zoovmeste

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 252 сообщений

Отправлено 16 Март 2017 - 16:47

instagram vkontakte

#10 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 463 сообщений

Отправлено 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">&nbsp;</a></li>
				<li><a href="https://vk.com/" title="VK.com" class="fa fa-vk" target="_self">&nbsp;</a></li>
				<li><a href="https://youtube.com/" title="YouTube.com" class="fa fa-youtube" target="_self">&nbsp;</a></li>
				<li><a href="https://twitter.com/" title="Twitter.com" class="fa fa-twitter" target="_self">&nbsp;</a></li>

на

<li><a href="https:/instagram.com/" title="FaceBook.com" class="fa fa-instagram" target="_self">&nbsp;</a></li>
				<li><a href="https://vk.com/" title="VK.com" class="fa fa-vk" target="_self">&nbsp;</a></li>

и в этом коде поменяйте ссылки на соц. сети на Ваши

#11 zoovmeste

zoovmeste

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 252 сообщений

Отправлено 16 Март 2017 - 22:06

спасибо




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных