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

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

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

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

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

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

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

JS Animated. How to replace the Awesome Font logo with the image1

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

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

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

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

    Firebug: Как определить файл, который содержит нужный код.

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

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

  3. Используйте инструмент Firebug, для того чтобы определить файл, где находится код значка и номер строки, которая содержит этот код:

    JS Animated. How to replace the Awesome Font logo with the image2

  4. Используя Файловый менеджер, откройте файл, название которого Вы нашли в Firebug и прокрутите вниз к нужной строке:

    JS Animated. How to replace the Awesome Font logo with the image3

  5. Замените код значка Font Awesome на полную ссылку к изображению в вашем FTP.

    Код должен быть добавлен, используя следующий формат:

    content: url("http://yourdomain.com/images/yourimage.jpg");

    где http://yourdomain.com/images/yourimage.jpg — это прямой путь к изображению на сервере:

    JS Animated. How to replace the Awesome Font logo with the image4

  6. Не забудьте нажать на кнопку ‘Сохранить’ (Save), для того чтобы сохранить внесённые изменения.

Как Вы можете убедиться, значки Font Awesome были заменены на изображения jpg на сайте:

JS Animated. How to replace the Awesome Font logo with the image5

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

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