[XFI] Иконки социальных сетей в сайдбаре

BergForce

Проверенные
Сообщения
69
Реакции
15
Баллы
3,305
Добавьте пожалуйста иконку Boosty
 
не, мб я не так понял, но я имел ввиду про это
Посмотреть вложение 147845
Хотел вместо звёздочки чтоб иконка Boosty была.
Плагин использует (вернее, на его основе построен) иконочный шрифт (как раз он отображает иконки ВК, ТГ и т. д.), в котором отсутствует иконка/символ Boosty.
 
Последнее редактирование:
Плагин использует иконочный шрифт (как раз он отображает иконки ВК, ТГ и т. д.), в котором отсутствует иконка/символ Boosty.
Саму-то иконку я знаю где найти, даже Font Awesome наверно не понадобится, просто знать бы где их менять и где они хранятся)
 
Саму-то иконку я знаю где найти, даже Font Awesome наверно не понадобится, просто знать бы где их менять и где они хранятся)
Подожди, а причем тут вообще этот плагин и твои соц. сети? Ты пишешь вообще в другое место... Запутал всех и вся вокруг...
Твое решение (но в след. раз пиши куда нужно!):

CSS:
.xenfocus-social a[href*='boosty.to']::before {
    content: '';
    background: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Слой_1' x='0px' y='0px' viewBox='0 0 235.6 292.2' style='enable-background:new 0 0 235.6 292.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23d7d7d7;%7D%0A%3C/style%3E%3Cg id='b_1_'%3E%3Cpath class='st0' d='M44.3,164.5L76.9,51.6H127l-10.1,35c-0.1,0.2-0.2,0.4-0.3,0.6L90,179.6h24.8c-10.4,25.9-18.5,46.2-24.3,60.9 c-45.8-0.5-58.6-33.3-47.4-72.1 M90.7,240.6l60.4-86.9h-25.6l22.3-55.7c38.2,4,56.2,34.1,45.6,70.5 c-11.3,39.1-57.1,72.1-101.7,72.1C91.3,240.6,91,240.6,90.7,240.6z'/%3E%3C/g%3E%3C/svg%3E) center/16px no-repeat;
}
 
Подожди, а причем тут вообще этот плагин и твои соц. сети? Ты пишешь вообще в другое место... Запутал всех и вся вокруг...
Твое решение (но в след. раз пиши куда нужно!):

CSS:
.xenfocus-social a[href*='boosty.to']::before {
    content: '';
    background: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Слой_1' x='0px' y='0px' viewBox='0 0 235.6 292.2' style='enable-background:new 0 0 235.6 292.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23d7d7d7;%7D%0A%3C/style%3E%3Cg id='b_1_'%3E%3Cpath class='st0' d='M44.3,164.5L76.9,51.6H127l-10.1,35c-0.1,0.2-0.2,0.4-0.3,0.6L90,179.6h24.8c-10.4,25.9-18.5,46.2-24.3,60.9 c-45.8-0.5-58.6-33.3-47.4-72.1 M90.7,240.6l60.4-86.9h-25.6l22.3-55.7c38.2,4,56.2,34.1,45.6,70.5 c-11.3,39.1-57.1,72.1-101.7,72.1C91.3,240.6,91,240.6,90.7,240.6z'/%3E%3C/g%3E%3C/svg%3E) center/16px no-repeat;
}
ну если б я знал изначально куда писать... Я думал это и есть сайдбар
 
Подожди, а причем тут вообще этот плагин и твои соц. сети? Ты пишешь вообще в другое место... Запутал всех и вся вокруг...
Твое решение (но в след. раз пиши куда нужно!):

CSS:
.xenfocus-social a[href*='boosty.to']::before {
    content: '';
    background: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Слой_1' x='0px' y='0px' viewBox='0 0 235.6 292.2' style='enable-background:new 0 0 235.6 292.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23d7d7d7;%7D%0A%3C/style%3E%3Cg id='b_1_'%3E%3Cpath class='st0' d='M44.3,164.5L76.9,51.6H127l-10.1,35c-0.1,0.2-0.2,0.4-0.3,0.6L90,179.6h24.8c-10.4,25.9-18.5,46.2-24.3,60.9 c-45.8-0.5-58.6-33.3-47.4-72.1 M90.7,240.6l60.4-86.9h-25.6l22.3-55.7c38.2,4,56.2,34.1,45.6,70.5 c-11.3,39.1-57.1,72.1-101.7,72.1C91.3,240.6,91,240.6,90.7,240.6z'/%3E%3C/g%3E%3C/svg%3E) center/16px no-repeat;
}
А куда этот код вставлять, в какой шаблон и в какое место?
 
А куда этот код вставлять, в какой шаблон и в какое место?
extra.less, но код сырой. По-хорошему, надо бы цвет вектора из переменной брать, но тебе сойдет, судя по твоим вопросам.
 
extra.less
Less:
.xenfocus-social a[href*='boosty.to'] {
  &::before {
    content: '';
    background:
        url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Слой_1" x="0px" y="0px" viewBox="0 0 235.6 292.2" style="enable-background:new 0 0 235.6 292.2;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg id="b_1_"%3E%3Cpath class="st0" d="M44.3,164.5L76.9,51.6H127l-10.1,35c-0.1,0.2-0.2,0.4-0.3,0.6L90,179.6h24.8c-10.4,25.9-18.5,46.2-24.3,60.9 c-45.8-0.5-58.6-33.3-47.4-72.1 M90.7,240.6l60.4-86.9h-25.6l22.3-55.7c38.2,4,56.2,34.1,45.6,70.5 c-11.3,39.1-57.1,72.1-101.7,72.1C91.3,240.6,91,240.6,90.7,240.6z"/%3E%3C/g%3E%3C/svg%3E')
        center/16px
        no-repeat, 
        rgba(255,255,255,0.12);
  }
  &:hover {
    background: linear-gradient(193.2deg, #EF7829 -97.36%, #F0692A 2686.98%, #F15E2C 6167.4%, #F15A2C 9846.7%);
  }
}
Поправил код.
 
Последнее редактирование:
А почему это всё не в теме стиля, пред обсуждающим пока за спам здесь.
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу