Перейти к публикации

Вопрос по svg-иконках в стандартных шаблонах


Рекомендованные сообщения

Всем привет.

 

Подскажите, где редактируются иконки в стандартных шаблонах DLE (например Green)?

Хочу добавить иконку инстаграмма и сломал голову, как это сделать?

 

image.png

 

    <a href="#" target="_blank" rel="nofollow" class="soc_od" title="Мы в Одноклассниках">
            <svg class="icon icon-od"><use xlink:href="#icon-od"/></svg>
        </a>

Как сюда подтянуть другие иконки?

Изменено пользователем rSteLlMi
Ссылка на сообщение
Поделиться на других сайтах
39 минут назад, rSteLlMi сказал:

Всем привет.

 

Подскажите, где редактируются иконки в стандартных шаблонах DLE (например Green)?

Хочу добавить иконку инстаграмма и сломал голову, как это сделать?

 

image.png

 


    <a href="#" target="_blank" rel="nofollow" class="soc_od" title="Мы в Одноклассниках">
            <svg class="icon icon-od"><use xlink:href="#icon-od"/></svg>
        </a>

Как сюда подтянуть другие иконки?

/images/sprite.svg

Ссылка на сообщение
Поделиться на других сайтах
31 минуту назад, radrigo сказал:

/images/sprite.svg

Этот файл я изучил. По нему тоже много вопросов.

 

Например, как разобрать данный кусок?

<symbol id="icon-vk" viewBox="0 0 868 1024">
<title>vk</title>
<path class="path1" d="M807.051 555.39c-43.39-43.39-95.458-69.424-164.881-86.78v0c43.39-17.356 86.78-52.068 112.814-86.78 26.034-43.39 43.39-86.78 43.39-138.847 0-43.39-8.678-86.78-26.034-112.814-17.356-34.712-52.068-60.746-86.78-78.102-43.39-26.034-78.102-34.712-121.492-43.39s-104.136-8.678-182.237-8.678h-381.831v1041.356h433.898c78.102 0 138.847-8.678 182.237-17.356 52.068-17.356 95.458-34.712 130.169-69.424 34.712-26.034 60.746-60.746 78.102-95.458 17.356-43.39 34.712-86.78 34.712-138.847 8.678-69.424-8.678-121.492-52.068-164.881zM503.322 355.797c-8.678 17.356-17.356 26.034-43.39 43.39-17.356 8.678-34.712 8.678-60.746 8.678-17.356 0-52.068 0-95.458 0h-34.712v-216.949h17.356c52.068 0 86.78 0 112.814 0s43.39 8.678 60.746 8.678c17.356 8.678 34.712 17.356 43.39 34.712 8.678 26.034 17.356 43.39 17.356 60.746 0 26.034-8.678 43.39-17.356 60.746zM572.746 781.017c-17.356 26.034-34.712 34.712-60.746 52.068-26.034 8.678-52.068 17.356-78.102 17.356s-78.102 0-147.525 0h-17.356v-260.339h52.068c52.068 0 86.78 0 112.814 0s52.068 0 69.424 8.678c26.034 8.678 52.068 26.034 60.746 43.39 17.356 17.356 17.356 43.39 17.356 78.102 8.678 26.034 0 43.39-8.678 60.746z"></path>
</symbol>

Документ, как я понял, ссылается на https://www.w3.org/

 

К примеру, нашел я на сайта необходимую иконку: https://www.w3schools.com/icons/tryit.asp?filename=tryicons_fa-instagram

С такой версткой вопросов нет <i class="fa fa-instagram"></i>

 

Как это применить с svg?

Всё, разобрался. Необходимо иконки конвертировать в svg редакторе и вставлять полученный код в спрайт.

Изменено пользователем rSteLlMi
Ссылка на сообщение
Поделиться на других сайтах
  • 11 месяцев спустя...
2 часа назад, webksf сказал:

Приветствую!
DLE 14.1
Так и какой код иконки instagram должен быть быть в спрайте?

Вот такой:

Цитата

 

Внимание !!!

На данном форуме существуют достаточно жесткие правила, поэтому прежде чем создавать свою тему убедитесь, что вы внимательно их прочитали и поняли.

1. Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь платной версией скрипта и обладаете лицензией на скрипт. Если вы пользуетесь демоверсией, то вам необходимо разместить сайт в сети интернет, и только потом обращаться за помощью. По находящимся на локальных компьютерах демоверсиям никакой помощи и поддержки на форуме не оказывается. Если вы не указали сайт, то ваша тема будет закрыта, а аккаунт на форуме заблокирован.

 

 

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...