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


Виджет Для Присоединения К Социальной Сети


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

#1 Sgray

Sgray

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

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

Отправлено 12 Февраль 2016 - 22:05

Существует ли виджет для присоединения к социальным сетям (вступить в группу, подписаться)?

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Февраль 2016 - 01:30

Такие виджеты имеются на сторонних сервисах, например виджет от ВК сообщества:
http://vk.com/dev/Community

#3 Sgray

Sgray

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

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

Отправлено 13 Февраль 2016 - 08:17

Надо добавить блок "Мы в социальных сетях" как в теме "Лазурь" внизу, только без инстаграм. Если возможно, то сделать выдвигающимся с боку экрана как в этой же теме виджет в контакте.

#4 MikDark

MikDark

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

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

Отправлено 13 Февраль 2016 - 16:19

Просмотр сообщенияSgray (13 Февраль 2016 - 08:17) писал:

Надо добавить блок "Мы в социальных сетях" как в теме "Лазурь" внизу, только без инстаграм. Если возможно, то сделать выдвигающимся с боку экрана как в этой же теме виджет в контакте.

В шаблоне HTML попробуйте найти код:
<h3>Варианты оплаты</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  <div id="payment_services">
				<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
				<span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
				<span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
			  </div>
			</div>

и после него добавьте:
<h3>Мы в социальных сетях</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  <div id="payment_services">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-youtube"></a>
<a href="#" class="fa fa-vk"></a>
			  </div>
			</div>

где вместо # пропишите ссылки на страницы в соц. сетях.

#5 Sgray

Sgray

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

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

Отправлено 13 Февраль 2016 - 16:43

Просмотр сообщенияMikDark (13 Февраль 2016 - 16:19) писал:

В шаблоне HTML попробуйте найти код:
<h3>Варианты оплаты</h3>
		 <a class="open-close" href="#"></a>
		 <div class="wrapper">
			 <div id="payment_services">
			 <span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
			 <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
			 <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
			 <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
			 <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
			 <span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
			 <span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
			 <span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
			 <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
			 <span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
			 </div>
		 </div>

и после него добавьте:
<h3>Мы в социальных сетях</h3>
		 <a class="open-close" href="#"></a>
		 <div class="wrapper">
			 <div id="payment_services">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-youtube"></a>
<a href="#" class="fa fa-vk"></a>
			 </div>
		 </div>

где вместо # пропишите ссылки на страницы в соц. сетях.

А почему не появляются картинки соц сетей? И как можно закрыть ссылки от поисковиков? Посмотрите правильно ли добавил ссылку ОК.

#6 MikDark

MikDark

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

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

Отправлено 14 Февраль 2016 - 19:04

Просмотр сообщенияSgray (13 Февраль 2016 - 16:43) писал:

А почему не появляются картинки соц сетей? И как можно закрыть ссылки от поисковиков? Посмотрите правильно ли добавил ссылку ОК.

Вам нужно из прикрепленного архива загрузить файл font-awesome.min.CSS в раздел Сайт - Редактор шаблонов
Теперь в шаблоне HTML перед </head> добавляем:
	<link rel="stylesheet" type="text/css" href="/design/font-awesome.min.css">

После этого иконки должны появиться.

Прикрепленные файлы



#7 Sgray

Sgray

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

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

Отправлено 14 Февраль 2016 - 19:08

Просмотр сообщенияMikDark (14 Февраль 2016 - 19:04) писал:

Вам нужно из прикрепленного архива загрузить файл font-awesome.min.CSS в раздел Сайт - Редактор шаблонов
Теперь в шаблоне HTML перед </head> добавляем:
<link rel="stylesheet" type="text/css" href="/design/font-awesome.min.css">

После этого иконки должны появиться.

Появились 4 маленьких квадратика

#8 MikDark

MikDark

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

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

Отправлено 14 Февраль 2016 - 19:32

Просмотр сообщенияSgray (14 Февраль 2016 - 19:08) писал:

Появились 4 маленьких квадратика

Изменения Вам произвели.

#9 Sgray

Sgray

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

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

Отправлено 14 Февраль 2016 - 19:34

Просмотр сообщенияMikDark (14 Февраль 2016 - 19:32) писал:

Изменения Вам произвели.

А ОК можно добавить

#10 MikDark

MikDark

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

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

Отправлено 14 Февраль 2016 - 19:38

Просмотр сообщенияSgray (14 Февраль 2016 - 19:34) писал:

А ОК можно добавить

Попробуйте после строки:
<a href="https://vk.com/podarkiyolaru" class="fa fa-vk"></a>

добавить:
<a href="#" class="fa fa-odnoklassniki"></a>


#11 Sgray

Sgray

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

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

Отправлено 14 Февраль 2016 - 19:40

Просмотр сообщенияMikDark (14 Февраль 2016 - 19:38) писал:

Попробуйте после строки:
<a href="https://vk.com/podarkiyolaru" class="fa fa-vk"></a>

добавить:
<a href="#" class="fa fa-odnoklassniki"></a>

Опять маленькие значки стали

#12 MikDark

MikDark

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

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

Отправлено 14 Февраль 2016 - 19:43

Просмотр сообщенияSgray (14 Февраль 2016 - 19:40) писал:

Опять маленькие значки стали

Изменения Вам произвели, Вам осталось только прописать нужную ссылку. Только перед изменениями закройте,пожалуйста, все открытые шаблоны, чтобы не перетереть наши изменения.

#13 Sgray

Sgray

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

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

Отправлено 14 Февраль 2016 - 19:46

Просмотр сообщенияMikDark (14 Февраль 2016 - 19:43) писал:

Изменения Вам произвели, Вам осталось только прописать нужную ссылку. Только перед изменениями закройте,пожалуйста, все открытые шаблоны, чтобы не перетереть наши изменения.

Спасибо. А как обычно, закрывают эти ссылки от индексации, чтобы не передавался вес главной? Если да, то как и куда добавить в код.

#14 MikDark

MikDark

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

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

Отправлено 14 Февраль 2016 - 19:50

Просмотр сообщенияSgray (14 Февраль 2016 - 19:46) писал:

Спасибо. А как обычно, закрывают эти ссылки от индексации, чтобы не передавался вес главной? Если да, то как и куда добавить в код.

Для этого нужно взять ссылку, например:
<a href="#" class="fa fa-odnoklassniki"></a>

и добавить в нее  rel="nofollow"
<a href="#" class="fa fa-odnoklassniki" rel="nofollow"></a>


#15 Sgray

Sgray

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

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

Отправлено 14 Февраль 2016 - 19:57

Просмотр сообщенияMikDark (14 Февраль 2016 - 19:50) писал:

Для этого нужно взять ссылку, например:
<a href="#" class="fa fa-odnoklassniki"></a>

и добавить в нее  rel="nofollow"
<a href="#" class="fa fa-odnoklassniki" rel="nofollow"></a>

И еще, в разрешении меньше 490 нужно подправить в подвале. Чтобы кнопки соц. сетей были скрыты, как другие элементы в подвале. Когда нажимаешь на галочку в строке "мы в соц. сетях", то открываются меню вариантов оплаты.

#16 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 15 Февраль 2016 - 11:44

Просмотр сообщенияSgray (14 Февраль 2016 - 19:57) писал:

И еще, в разрешении меньше 490 нужно подправить в подвале. Чтобы кнопки соц. сетей были скрыты, как другие элементы в подвале. Когда нажимаешь на галочку в строке "мы в соц. сетях", то открываются меню вариантов оплаты.

Здравствуйте. В шаблоне html замените блок кода:
<div class="four columns">
			<h3>Варианты оплаты</h3>
			<a class="open-close" href="#"></a>
			<div class="wrapper">
			  <div id="payment_services">
				<span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
				<span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
				<span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
			  </div>
			</div>
<h3>Мы в социальных сетях</h3>
						<a class="open-close" href="#"></a>
						<div>
						  <div id="payment_service">
<a href="http://ok.ru/group/54683475116037" class="fa fa-ok"></a>
<a href="https://www.facebook.com/Podarki-Yolaru-514798998638992/" class="fa fa-facebook"></a>
<a href="https://twitter.com/PodarkiYolaRu" class="fa fa-twitter"></a>
<a href="https://www.youtube.com/channel/UCrCNTaIgEfMuGFK7lADDWIg" class="fa fa-youtube"></a>
<a href="https://vk.com/podarkiyolaru" class="fa fa-vk"></a>
<a href="#" class="fa fa-odnoklassniki"></a>
						  </div>
						</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="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				<span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				<span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				<span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
				<span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				<span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
				<span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
				<span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
				<span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
				<span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
			  </div>
			</div>
			</div>
			<div class="four columns">
<h3>Мы в социальных сетях</h3>
						<a class="open-close" href="#"></a>
						<div class="wrapper">
						  <div id="payment_service">
<a href="http://ok.ru/group/54683475116037" class="fa fa-ok"></a>
<a href="https://www.facebook.com/Podarki-Yolaru-514798998638992/" class="fa fa-facebook"></a>
<a href="https://twitter.com/PodarkiYolaRu" class="fa fa-twitter"></a>
<a href="https://www.youtube.com/channel/UCrCNTaIgEfMuGFK7lADDWIg" class="fa fa-youtube"></a>
<a href="https://vk.com/podarkiyolaru" class="fa fa-vk"></a>
<a href="#" class="fa fa-odnoklassniki"></a>
						  </div>
						</div>		   
		  </div>


#17 Sgray

Sgray

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

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

Отправлено 18 Февраль 2016 - 06:46

Просмотр сообщенияMikDark (14 Февраль 2016 - 19:50) писал:

Для этого нужно взять ссылку, например:
<a href="#" class="fa fa-odnoklassniki"></a>

и добавить в нее  rel="nofollow"
<a href="#" class="fa fa-odnoklassniki" rel="nofollow"></a>

Сделал как указано по всем соц.сетям, но валидатор показывает что внутренние ссылки с соц сетей есть.

#18 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 18 Февраль 2016 - 07:29

Попробуйте сделать по следующему примеру:
<a href="#" class="fa fa-odnoklassniki"></a>

замените на:
<noindex><a href="#" class="fa fa-odnoklassniki"></a></noindex>


#19 Sgray

Sgray

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

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

Отправлено 18 Февраль 2016 - 13:00

Просмотр сообщенияVaccina (18 Февраль 2016 - 07:29) писал:

Попробуйте сделать по следующему примеру:
<a href="#" class="fa fa-odnoklassniki"></a>

замените на:
<noindex><a href="#" class="fa fa-odnoklassniki"></a></noindex>

Ок




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

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