Сообщений в теме: 11

[lis78]

1.Как добавить иконку другой соцсети, например инстаграмма (у вас нет? чтоб они общей стилистики были), соответственно как убрать значки, которые не нужны.
2.Как прикрепить свои аккаунты к иконкам соцсетей.
Спасибо.

[Danil]

 lis78 (17 Октябрь 2015 - 20:04) писал:

1.Как добавить иконку другой соцсети, например инстаграмма (у вас нет? чтоб они общей стилистики были), соответственно как убрать значки, которые не нужны.
2.Как прикрепить свои аккаунты к иконкам соцсетей.
Спасибо.

Здравствуйте.
Необходимо уточнить, какие именно иконки Вы хотите, т.к. коды иконок находятся в файле font-awesome.css и Вам самостоятельно сложно будет их найти.
Пример для инстаграма:
в шаблоне html найдите код

<a href="https://www.facebook.com/" title="FaceBook.com"><span class="fa fa-facebook"></span></a>
<a href="https://twitter.com/" title="Twitter.com"><span class="fa fa-twitter"></span></a>
<a href="https://google.com/" title="Google Plus"><span class="fa fa-google-plus"></span></a>
<a href="https://vk.com/" title="VK.com"><span class="fa fa-vk"></span></a>
<a href="https://www.youtube.com/" title="YouTube.com"><span class="fa fa-youtube"></span></a>

и замените на

<a href="https://www.facebook.com/" title="FaceBook.com"><span class="fa fa-facebook"></span></a>
<a href="https://twitter.com/" title="Twitter.com"><span class="fa fa-twitter"></span></a>
<a href="https://google.com/" title="Google Plus"><span class="fa fa-google-plus"></span></a>
<a href="https://vk.com/" title="VK.com"><span class="fa fa-vk"></span></a>
<a href="https://www.youtube.com/" title="YouTube.com"><span class="fa fa-youtube"></span></a>
<a href="Ссылка на страницу" title="Всплывающий текст при наведении"><span class="fa fa-instagram"></span></a>

[lis78]

 Danil (17 Октябрь 2015 - 20:14) писал:

Здравствуйте.Необходимо уточнить, какие именно иконки Вы хотите, т.к. коды иконок находятся в файле font-awesome.css и Вам самостоятельно сложно будет их найти.Пример для инстаграма:в шаблоне html найдите код

<a href="https://www.facebook.com/" title="FaceBook.com"><span class="fa fa-facebook"></span></a><a href="https://twitter.com/" title="Twitter.com"><span class="fa fa-twitter"></span></a><a href="https://google.com/" title="Google Plus"><span class="fa fa-google-plus"></span></a><a href="https://vk.com/" title="VK.com"><span class="fa fa-vk"></span></a><a href="https://www.youtube.com/" title="YouTube.com"><span class="fa fa-youtube"></span></a>

и замените на

<a href="https://www.facebook.com/" title="FaceBook.com"><span class="fa fa-facebook"></span></a><a href="https://twitter.com/" title="Twitter.com"><span class="fa fa-twitter"></span></a><a href="https://google.com/" title="Google Plus"><span class="fa fa-google-plus"></span></a><a href="https://vk.com/" title="VK.com"><span class="fa fa-vk"></span></a><a href="https://www.youtube.com/" title="YouTube.com"><span class="fa fa-youtube"></span></a><a href="Ссылка на страницу" title="Всплывающий текст при наведении"><span class="fa fa-instagram"></span></a>

Я хочу убрать иконки фейсбука, твиттера, ютуба. Хочу добавить инстаграм, оставить вконтакте и гугл плюс. И, соответственно прикрепить их к своим аккаунтам. Как прикрепить аккаунты? Спасибо

[Firefly]

 lis78 (18 Октябрь 2015 - 12:55) писал:

Я хочу убрать иконки фейсбука, твиттера, ютуба. Хочу добавить инстаграм, оставить вконтакте и гугл плюс. И, соответственно прикрепить их к своим аккаунтам. Как прикрепить аккаунты? Спасибо

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

			  <div class="social">
				<a href="https://www.facebook.com/" title="FaceBook.com"><span class="fa fa-facebook"></span></a>
				<a href="https://twitter.com/" title="Twitter.com"><span class="fa fa-twitter"></span></a>
				<a href="https://google.com/" title="Google Plus"><span class="fa fa-google-plus"></span></a>
				<a href="https://vk.com/" title="VK.com"><span class="fa fa-vk"></span></a>
				<a href="https://www.youtube.com/" title="YouTube.com"><span class="fa fa-youtube"></span></a>
			  </div>

Замените на:

			  <div class="social">
				<a href="https://google.com/" title="Google Plus"><span class="fa fa-google-plus"></span></a>
				<a href="https://vk.com/" title="VK.com"><span class="fa fa-vk"></span></a>
				<a href="https://www.instagram.com/" title="instagram.com"><span class="fa fa-instagram"></span></a>
			  </div>

Вместо имеющихся ссылок на основные страницы, например https://google.com/, вставьте свои ссылки на профили.

[yuragravi]

иконка для одноклассников есть?

[MikDark]

 yuragravi (25 Октябрь 2015 - 15:12) писал:

иконка для одноклассников есть?

Список иконок есть здесь: http://fontawesome.v....com/#icons-new

[yuragravi]

 MikDark (25 Октябрь 2015 - 15:42) писал:

Список иконок есть здесь: http://fontawesome.v....com/#icons-new

в этой версии 3.0 иконку однокласн. не поддерживает увы, похоже

[MikDark]

 yuragravi (25 Октябрь 2015 - 20:19) писал:

в этой версии 3.0 иконку однокласн. не поддерживает увы, похоже

Да, можно только сделать ее с помощью картинки

[Castiel]

 yuragravi (25 Октябрь 2015 - 20:19) писал:

в этой версии 3.0 иконку однокласн. не поддерживает увы, похоже

Здравствуйте, Вы можете самостоятельно обновить версию иконок fontawsome и тогда будет поддерживаться иконка с одноклассниками.
Для этого вам необходимо скачать последнюю версию font awsome на официальном сайте или по прямой ссылке (версия 4.4) или из вложения

После скачивания архива font-awsome-4.4.0 необходимо извлечь все содержимое архива
Предварительно удалите старые файлы иконок в Редакторе шаблонов (FontAwesome.otf, fontawesome-webfont.eot, fontawesome-webfont.svg, fontawesome-webfont.ttf, fontawesome-webfont.woff, fontawesome-webfont.woff2)
Затем найти файлы в папке fonts и загрузить их к себе в шаблон через Редактор шаблонов - Добавить файлы (зеленая кнопка).
Далее в Редакторе шаблонов находим файл font-awesome.css и удаляем его.
Загружаем прикрепленный файл font-awesome.css через Редактор шаблонов - Добавить файлы (зеленая кнопка).

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

•  font-awesome.css   26,11К   459 Количество загрузок:
•  font-awesome-4.4.0.zip   522,43К   79 Количество загрузок:

[Эбболка]

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

[Firefly]

 Эбболка (26 Октябрь 2015 - 09:12) писал:

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

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

			 <div class="social">
			
				 <a href="http://www.youtube.com/channel/***" title="Перейти в YouTube"><span class="fa fa-youtube"></span></a>
							 <a href="https://plus.google.com/u/0/***/posts/p/pub" title=" подписаться в Google Plus"><span class="fa fa-google-plus"></span></a>
							 <a href="http://ok.ru/***" title="перейти в группу"><span class="fa fa-odnoklassniki"></span></a>
							 <a href="https://instagram.com/***/" title=" подписаться в instagram"><span class="fa fa-instagram"></span></a>
						 </div>

Замените на:

			 <div class="social">
			
				 <a href="http://www.youtube.com/channel/***" target="_blank" title="Перейти в YouTube"><span class="fa fa-youtube"></span></a>
							 <a href="https://plus.google.com/u/0/***/posts/p/pub" target="_blank" title=" подписаться в Google Plus"><span class="fa fa-google-plus"></span></a>
							 <a href="http://ok.ru/***" target="_blank" title="перейти в группу"><span class="fa fa-odnoklassniki"></span></a>
							 <a href="https://instagram.com/***/" target="_blank" title=" подписаться в instagram"><span class="fa fa-instagram"></span></a>
						 </div>

[Эбболка]

будьте добры, уберите ссылки мои с кода ,Большое спасибо и за ответ и за ссылки )