Easy Icons

nod3zp

Пользователь
Регистрация:22 Август 2020
Сообщения:19
Реакции:1
Баллы:0
Веб-сайт:github.com
header.png
Небольшое дополнение позволяющее добавить иконки на сайт Moscow OVH
Кому-то это может и пригодится, а лично я делал под дизайн который скоро дропну тут же :cool:

1598172144832.png
1. Необходимо подключить библиотеку EasyIcons в BODY шаблона в панеле Moscow OVH
HTML:
<script src="https://cdn.jsdelivr.net/gh/nod3zp/easyicons/EasyIcon.js"></script>
HTML:
<script src="https://cdn.jsdelivr.net/gh/nod3zp/easyicons/EasyIcon.min.js"></script>

2. В тот-же BODY добавляем инициализацию скрипта и вводим необходимые параметры
HTML:
<script>
        let IconsArray = [
            {
                where: '<span>Обратная связь</span>',
                icon: 'fas fa-ice-cream',
                tag: '.nav-link'
            },
            {
                where: '<span>Серверы</span>',
                icon: 'fas fa-server',
                tag: '.nav-link',
                add: true
            }
        ];

        //  where - Это параметр предопределяющий заменяемый компонент
        //  tag - Класс объекта в котором выполняем поиск where (Для хеадера это .nav-link)
        //  icon - Класс иконки с сервиса https://fontawesome.com/icons
        //  add - Необязательный тэг при добавление которого и установке его значения на TRUE будет не заменяться текст а добавляться иконка к тексту

        new EasyIcons(IconsArray);
</script>
 
Последнее редактирование:

Personalize

Сверху Снизу