<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="html"><![CDATA[Форум ReadyScript &mdash; Отображение иконок соцсетей]]></title>
	<link rel="self" href="https://forum.readyscript.ru/feed/atom/topic/731/" />
	<updated>2020-09-03T17:31:24Z</updated>
	<generator>PunBB</generator>
	<id>https://forum.readyscript.ru/topic/731/otobrazhenie-ikonok-sotssetei/</id>
		<entry>
			<title type="html"><![CDATA[Re: Отображение иконок соцсетей]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/11273/#p11273" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Андрей пишет:</cite><blockquote><p>Та же проблема. Поставил ссылку на ватцап и вайбер, иконок нет. Тема Современная.</p></blockquote></div><p>Иконок нет,надо вручную прописать и дать ссылки на картинки</p><p>Расказую как сделать<br />Идем в templates/Ваша тема/resource/css/main.css<br />Ищем&nbsp; .block-social .google<br />Будет блок примерно такого вида(даю пример своего блока (у меня 1956 строка))<br /></p><div class="codebox"><pre><code>.block-social .google {
    background: url(&quot;../img/google.svg&quot;);
    background-size: contain; }
  .block-social .facebook {
    background: url(&quot;../img/facebook.svg&quot;);
    background-size: contain; }
  .block-social .twitter {
    background: url(&quot;../img/twitter.svg&quot;);
    background-size: contain; }
  .block-social .yandex {
    background: url(&quot;../img/yandex.svg&quot;);
    background-size: contain; }
  .block-social .vk {
    background: url(&quot;../img/vk.svg&quot;);
    background-size: contain; }
  .block-social .instagram {
    background: url(&quot;../img/instagram.svg&quot;);
    background-size: contain; }
  .block-social .youtube {
    background: url(&quot;../img/youtube.svg&quot;);
    background-size: contain; }
  .block-social .whatsapp {
    background: url(&quot;../img/whatsapp.svg&quot;);
    background-size: contain; }
  .block-social .telegram {
    background: url(&quot;../img/telegram.svg&quot;);
    background-size: contain; }
  .block-social .viber {
    background: url(&quot;../img/viber.svg&quot;);
    background-size: contain; }</code></pre></div><p>Добавляем ссылки на нужные вам соцсети</p><p>Далее топаем создавать /templates/my/helpers/tpl/footer/social.tpl<br />Содержимое файла<br /></p><div class="codebox"><pre><code>{* Ссылки на группы в социальных сетях *}
{if    $CONFIG.facebook_group
    || $CONFIG.vkontakte_group
    || $CONFIG.twitter_group
    || $CONFIG.instagram_group
    || $CONFIG.youtube_group
    || $CONFIG.viber_group
    || $CONFIG.telegram_group
    || $CONFIG.whatsapp_group}
&lt;div class=&quot;column&quot;&gt;
    &lt;div class=&quot;column_title&quot;&gt;
        &lt;span&gt;{t}МЫ В СОЦСЕТЯХ{/t}&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class=&quot;footer-social_wrapper&quot;&gt;
            &lt;div class=&quot;block-social&quot;&gt;
                {if $CONFIG.facebook_group}
                    &lt;a href=&quot;{$CONFIG.facebook_group}&quot; class=&quot;facebook&quot;&gt;&lt;/a&gt;
                {/if}
                {if $CONFIG.vkontakte_group}
                    &lt;a href=&quot;{$CONFIG.vkontakte_group}&quot; class=&quot;vk&quot;&gt;&lt;/a&gt;
                {/if}
                {if $CONFIG.google_group}
                    &lt;a href=&quot;{$CONFIG.google_group}&quot; class=&quot;google&quot;&gt;&lt;/a&gt;
                {/if}
                {if $CONFIG.twitter_group}
                    &lt;a href=&quot;{$CONFIG.twitter_group}&quot; class=&quot;twitter&quot;&gt;&lt;/a&gt;
                {/if}
                {if $CONFIG.instagram_group}
                    &lt;a href=&quot;{$CONFIG.instagram_group}&quot; class=&quot;instagram&quot;&gt;&lt;/a&gt;
                {/if}
                {if $CONFIG.youtube_group}
                    &lt;a href=&quot;{$CONFIG.youtube_group}&quot; class=&quot;youtube&quot;&gt;&lt;/a&gt;
                {/if}
                {if $CONFIG.viber_group}
                    &lt;a href=&quot;{$CONFIG.viber_group}&quot; class=&quot;viber&quot;&gt;&lt;/a&gt;
                {/if}
                {if $CONFIG.telegram_group}
                    &lt;a href=&quot;{$CONFIG.telegram_group}&quot; class=&quot;telegram&quot;&gt;&lt;/a&gt;
                {/if}
                {if $CONFIG.whatsapp_group}
                    &lt;a href=&quot;{$CONFIG.whatsapp_group}&quot; class=&quot;whatsapp&quot;&gt;&lt;/a&gt;
                {/if}
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- footer-social_wrapper--&gt;
    &lt;/div&gt;

{/if}</code></pre></div><p>В конструкторе создаем Произвольный шаблон, путь к шаблону </p><div class="codebox"><pre><code>%THEME%/helpers/tpl/footer/social.tpl</code></pre></div><p>Вставляем в нужное вам место</p><p>Картинки в путь templates/Ваша тема/resource/img<br />Выложил на 6 дней мой архив <a href="https://dropmefiles.com/4Cufl">https://dropmefiles.com/4Cufl</a></p>]]></content>
			<author>
				<name><![CDATA[Daniel]]></name>
				<uri>https://forum.readyscript.ru/user/1027/</uri>
			</author>
			<updated>2020-09-03T17:31:24Z</updated>
			<id>https://forum.readyscript.ru/post/11273/#p11273</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Отображение иконок соцсетей]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/11268/#p11268" />
			<content type="html"><![CDATA[<p>Та же проблема. Поставил ссылку на ватцап и вайбер, иконок нет. Тема Современная.</p>]]></content>
			<author>
				<name><![CDATA[Андрей]]></name>
				<uri>https://forum.readyscript.ru/user/1628/</uri>
			</author>
			<updated>2020-09-02T10:48:04Z</updated>
			<id>https://forum.readyscript.ru/post/11268/#p11268</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Отображение иконок соцсетей]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/3371/#p3371" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Алексей пишет:</cite><blockquote><p>Добавили ссылку на Инстаграм, но на сайте у пользователя иконка не отображается. <br />Что могло пойти не так?</p></blockquote></div><p>Какая тема у Вас стоит?</p>]]></content>
			<author>
				<name><![CDATA[Андрей]]></name>
				<uri>https://forum.readyscript.ru/user/299/</uri>
			</author>
			<updated>2016-06-02T06:33:13Z</updated>
			<id>https://forum.readyscript.ru/post/3371/#p3371</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Отображение иконок соцсетей]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/3368/#p3368" />
			<content type="html"><![CDATA[<p>Добавили ссылку на Инстаграм, но на сайте у пользователя иконка не отображается. <br />Что могло пойти не так?</p>]]></content>
			<author>
				<name><![CDATA[Алексей]]></name>
				<uri>https://forum.readyscript.ru/user/256/</uri>
			</author>
			<updated>2016-06-02T02:50:28Z</updated>
			<id>https://forum.readyscript.ru/post/3368/#p3368</id>
		</entry>
</feed>
