Categories

Новые шаблоны

JS Animated. Как заменить иконки Flaticon (sympletts)

Ryan DeWitt Октябрь 26, 2015
Rating: 5.0/5. From 2 votes.
Please wait...
JS Animated. Как заменить иконки Flaticon (sympletts)

Из этого туториала Вы узнаете, как заменить значки Flaticon в шаблонах «Website templates».

JS Animated. How to replace Flaticon icons (sympletts)-1
  1. Каждый шаблон включает набор значков, которые могут быть использованы на страницах сайта. Вы можете использовать файл shortcodes.php, для того чтобы увидеть значки, включенные в шаблон. Вы можете скачать этот файл (если он не включен в ваш шаблон). Убедитесь, что Вы загрузили файл shortcodes.php на ваш сервер вместе с файлами шаблона:

    JS Animated. How to replace Flaticon icons (sympletts)-2
  2. Откройте файл shortcodes.php в браузере. Здесь Вы увидите значки и их классы:

    JS Animated. How to replace Flaticon icons (sympletts)-3
  3. Давайте заменим значок. Исследуйте значок, используя инструмент разработчика в Chrome или Firebug в Firefox. Вы увидите класс значка. Мы изменим этот класс:

    JS Animated. How to replace Flaticon icons (sympletts)-4
  4. Откройте нужную страницу html в редакторе. В нашем случае – это файл index.html. Найдите класс, используя функцию поиска редактора:

    JS Animated. How to replace Flaticon icons (sympletts)-5
  5. Скопируйте класс значка. В нашем случае нужно скопировать только название класса (без точки "."):

    JS Animated. How to replace Flaticon icons (sympletts)-6
  6. Мы изменили класс значка:

    JS Animated. How to replace Flaticon icons (sympletts)-7
  7. Сохраните изменения и загрузите файл.html на сервер. Обновите страницу. Мы изменили значок:

    JS Animated. How to replace Flaticon icons (sympletts)-8

Вы можете также ознакомится с детальным видео-туториалом ниже:

JS Animated. Как заменить иконки Flaticon (sympletts)
Эта запись была размещена в JS Animated туториалы и помечена как flaticon, HTML, sympletts. Добавьте в закладки постоянную ссылку.

Submit a ticket

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