Jump to content

Социальная иконка дискорда

Onore
Onore
in Themes and design Invision Community 4

Featured Replies

Posted
comment_139793

Нужно изменить эту иконку что бы она была похожа на дискорд

 

Screenshot.png

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/18803-socialnaya-ikonka-diskorda/
    Share on other sites
    comment_139794 
    a.ipsfocus_sDiscord:before{ content: "\f210"; }
.ipsfocus_social .ipsfocus_sDiscord{ background: #167cff; background-image: linear-gradient(to bottom, #167cff 0%, #167cff 100%); }

    Это в CUSTOM

    на сайте fontawesome нет иконки дискорд

    так что вставил похожий.

    цвет сам настроишь.

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/18803-socialnaya-ikonka-diskorda/?&do=findComment&comment=139794
    Share on other sites
    • Author
    comment_139797

    Почему то ничего не изменилось

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/18803-socialnaya-ikonka-diskorda/?&do=findComment&comment=139797
    Share on other sites
    comment_139799
    16 минут назад, Onore сказал:

    Почему то ничего не изменилось

    потому что в настройках стиля Социал Буттонс

    надо добавить вот так

    <li><a href="ссылка дискорд" class="ipsfocus_sDiscord" target="_blank">Discord</a></li>

    пример

    Спойлер

    1.png.2b6840c9e01f61c5cacc15c1b25bcfba.png

    2.png.81b4cf1a56c59faad76d5f7cacbbdd05.png

     

    Edited by SlawkA

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/18803-socialnaya-ikonka-diskorda/?&do=findComment&comment=139799
    Share on other sites
    • Author
    comment_139807

    А можно туда вставить картинку? Вот эту https://image.flaticon.com/icons/svg/356/356060.svg

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/18803-socialnaya-ikonka-diskorda/?&do=findComment&comment=139807
    Share on other sites
    comment_139814

    попробуй так вставить 

    a.ipsfocus_sDiscord:before{ background: url "прямая ссылка"; }
.ipsfocus_social .ipsfocus_sDiscord{ background: #167cff; background-image: linear-gradient(to bottom, #167cff 0%, #167cff 100%); }

     

    либо через ресурс самого стиля. 

    {resource="appstores/ios/ar.svg" app="core" location="global"}

     

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/18803-socialnaya-ikonka-diskorda/?&do=findComment&comment=139814
    Share on other sites

    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
    Ответить в этой теме...
    Go to topic listing

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

    • No registered users viewing this page.