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

Ваше имя

Ваш e-mail

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

captcha

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

JS Animated. Как добавить логотип-изображение в шаблон HTML с текстовым логотипом (сохранив текстовый логотип)

Из этого туториала Вы узнаете, как добавить логотип-изображение в сайт с текстовым логотипом в JS-анимированных шаблонах.

  1. Используйте FTP или Файловый менеджер, для того чтобы получить доступ к файлам сайта, и откройте соответствующий файл index.html для редактирования (в нашем случае это файл index.html).

    JS_animated_how_to_add_image_Logo_in_to_HTML_template_with_text_Logo-1

  2. Найдите комментарий <!— RD Navbar Brand —> в содержимом файла, затем добавьте следующий код над текстовым логотипом:

    <div class="rd-navbar-brand"><a href="index.html" class="brand-name"><img src="images/brand.png" alt=""></a></div> 

    Закончив внесение изменений, нажмите на кнопку Сохранить изменения (Save changes).

    JS_animated_how_to_add_image_Logo_in_to_HTML_template_with_text_Logo-2

  3. Вы должны также загрузить изображение логотипа с вашего компьютера в папку ‘images’ на сервере.

    JS_animated_how_to_add_image_Logo_in_to_HTML_template_with_text_Logo-3

  4. Обновите страницу index.html для просмотра изменений.

    JS_animated_how_to_add_image_Logo_in_to_HTML_template_with_text_Logo-4

Обратите внимание на нашу обширную коллекцию профессиональных Веб-шаблонов, если Вам нужно больше шаблонов!

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

JS Animated. Как добавить логотип-изображение в шаблон HTML с текстовым логотипом (сохранив текстовый логотип)