JS Animated. Как текстовый логотип заменить изображением

Здравствуйте! Из этого туториала вы узнаете, как текстовый логотип заменить изображением в HTML шаблоне.

Для того, чтобы определить тип логотипа, который используется в вашем шаблоне, необходимо проинспектировать элемент, либо нажать кнопку F12 для проверки исходного кода страницы.

Если это логотип текстового типа и вы собираетесь заменить его желаемым изображением, пожалуйста, следуйте этой пошаговой инструкции:

1. Соединитесь с FTP-сервером и откройте файл index.html. Найдите часть кода, соответствующую логотипу:

   

2. Удалите текстовый логотип и вставьте тег изображения внутри тега ссылки:

    <a href="index.html"><img alt="logo" src="/images/logo.png" /></a> 

   Убедитесь, что тег изображения закрыт:

   

3. Сохраните изменения и повторно загрузите файл на сервер.

4. Вы также должны загрузить изображение логотипа в папку, указанную в файле index.html. Откройте папку images и загрузите картинку:

   

5. Обновите страницу, вы увидите новый логотип-изображение.

   Пожалуйста, обратите внимание, что изменения следует применять ко всем файлам index.html.

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