JS Animated. Как заменить значки Font Awesome на изображения

Mary Gilmore Январь 13, 2016

Rating: 3.7/5. From 3 votes.

Please wait...

Из этого туториала Вы узнаете, как заменить значки Font Awesome на изображения в JS-анимированных шаблонах.

JS Animated. Как заменить значки Font Awesome на изображения

Вот значок Font Awesome (Font Awesome icon), который нужно заменить на изображение jpg:

Для того чтобы заменить его на изображение, следуйте таким инструкциям:

Нажмите правой кнопкой мышки на значок, для того чтобы исследовать его, используя инструмент разработчика Firebug для Mozilla.

Ознакомьтесь с этими туториалами, для получения более детальной информации о работе с инструментом Firebug:

Firebug – Плагин для Mozilla Firefox

Firebug: Как определить файл, который содержит нужный код.
Загрузите изображение, которым Вы хотели бы заменить значок, в любую папку на сервере, например, в папку ‘images’.

Для того чтобы это сделать, войдите в ваш клиент FTP, используя программное обеспечение Filezilla или Файловый менеджер (File Manager) Панели управления хостингом, перейдите в папку ‘images’, нажмите на кнопку ‘Загрузить’ (Upload), выберите изображение jpg, которое Вы хотите загрузить с компьютера, или перетяните изображение с вашего компьютера в папку изображений, используя Filezilla. Ознакомьтесь с данным туториалом, для того чтобы узнать, как загружать файлы на сервер.
Используйте инструмент Firebug, для того чтобы определить файл, где находится код значка и номер строки, которая содержит этот код:
Используя Файловый менеджер, откройте файл, название которого Вы нашли в Firebug и прокрутите вниз к нужной строке:
Замените код значка Font Awesome на полную ссылку к изображению в вашем FTP.

Код должен быть добавлен, используя следующий формат:
```
content: url("http://yourdomain.com/images/yourimage.jpg");
```
где http://yourdomain.com/images/yourimage.jpg — это прямой путь к изображению на сервере:
Не забудьте нажать на кнопку ‘Сохранить’ (Save), для того чтобы сохранить внесённые изменения.