Jump to content

Featured Replies

Posted
comment_127363

Ребята как в Social Buttons добавить кнопку Одноклассники и Вконтакте чтобы были с иконками?Вот скрин где они будут эти иконки.Где ставить я знаю в стиле но как поставить с иконками соц ситей?

Безымянный.png

comment_127364

Зарегистрируйся на этом сайте и добавь себе иконки где за хочешь! http://uptolike.ru/

  • Author
comment_127365

да нет надо сделать через настройки шаблона Social Buttons

comment_127384

skyurter19881205, в настройках стиля посмотри. если нет такой настройки? то только вручную прописывать.

Спойлер

 

  • Author
comment_127394

Есть в настройках.Но мне нужно прописать там строчку для контакта и одноклассников я прописываю но иконка вк и однокласники не отображается а отображается черная иконка

1.png

2.png

comment_127397

skyurter19881205, кэш попробуй очистить. через поддержку.  может еще значок ВК не добавлен в сам стиль.

comment_127414

в global.css нужно добавить код:

a.ipsfocus_sVkontakte:before {
    content: "\f189";
}
a.ipsfocus_sOk:before {
    content: "\f0c0";
}
.ipsfocus_sVkontakte {    background: #3992df;
    background-image: linear-gradient(to bottom, #95c5ff 0%, #00a1ff 100%);
}
.ipsfocus_sOk {
    background: #3992df;
    background-image: linear-gradient(to bottom, #fffc95 0%, #ff9900 100%);
}

Кроме того, вам необходимо хотя бы ссылки туда поставить, не просто a href="#"

P.S. global.css находится здесь: АДминЦП- стили и шаблоны - кликнуть на карандаш около вашего стиля, перейти на вкладку css и вбить в строку поиска global

2017-04-25 20_44_04-Стили и шаблоны.png

comment_127417
  On 25.04.2017 at 17:18, skyurter19881205 said:

а куда его добавлять то значок?

находишь в стиле в CSS

/* ====================== */
/*     SOCIAL BUTTONS     */
/* ====================== */
 

Спойлер

далее ниже находишь такие строки

Спойлер

и вписываешь ниже

a.ipsfocus_sVk:before{ content: "\f189"; }
.ipsfocus_social .ipsfocus_sVk{ background: #0097d3; background-image: linear-gradient(to bottom, #0097d3 0%, #0097d3 100%); }

ну думаю с цветами и размерами сам разберешься.

потом в теме в соц настройках пишешь

<li><a href="#" class="ipsfocus_sVk" target="_blank">VK</a></li>

и на выходе получаем добавленную в стиль кнопку ВК

у меня так получилось

34535445.PNG

 

comment_127419

зачем повторять то, что уже написано?

 

-----

работать так не будет; иконки сменятся, а цвет нет, поэтому в коде нужно добавить аргумент !important в итоге получаем:

a.ipsfocus_sVkontakte:before {
    content: "\f189";
}
a.ipsfocus_sOk:before {
    content: "\f0c0";
}
.ipsfocus_sVkontakte {    background: #3992df !important;
    background-image: linear-gradient(to bottom, #95c5ff 0%, #00a1ff 100%) !important;
}
.ipsfocus_sOk {
    background: #3992df !important;
    background-image: linear-gradient(to bottom, #fffc95 0%, #ff9900 100%) !important;
}

Можно даже там же заключить между тегом <style></style> , без лазаний в шаблоны

2017-04-25 20_54_12-JEDI Российский форум.png

comment_127420
  On 25.04.2017 at 17:53, Envy said:

зачем повторять то, что уже написано?

я писал то что сам сделал и проверил только сейчас. я пока не экстрасенс я только учусь. и не мог знать что ты там пишешь.

  • Author
comment_127424

одноклассники окрасились в цвет жолтый а вк нет

comment_127425
  On 25.04.2017 at 17:57, Igorek said:

я писал то что сам сделал и проверил только сейчас. я пока не экстрасенс я только учусь. и не мог знать что ты там пишешь.

перед тем, как что-то писать, можно пролистать тему, а не заплевывать язвительными коментами экран)

  On 25.04.2017 at 17:59, skyurter19881205 said:

одноклассники окрасились в цвет жолтый а вк нет

код вставьте который я выше дал

<style>a.ipsfocus_sVkontakte:before {
    content: "\f189";
}
a.ipsfocus_sOk:before {
    content: "\f0c0";
}
.ipsfocus_sVkontakte {    background: #3992df !important;
    background-image: linear-gradient(to bottom, #95c5ff 0%, #00a1ff 100%) !important;
}
.ipsfocus_sOk {
    background: #3992df !important;
    background-image: linear-gradient(to bottom, #fffc95 0%, #ff9900 100%) !important;
  }</style>

Попробуйте тогда так вставить в самый верх перед первым <li>2017-04-25 21_02_32-Social Buttons добавление иконки - Техническая поддержка IPS Community Suite 4 -.png

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.