Форум Сайтостроение Веб-строительство

Как прописать свои картинки

Patoha
На сайте с 25.09.2023
Offline
8
Patoha
354

Здравствуйте. Интересует вот така вещь. У меня меню сайта вот такого вида (прикрепил фото) Стоит фото а потом название.

Прописано так

<li><a href="/" class="is-active"><div><span class="fal fa-home"></span></div>Главная</a></li>

Как мне добавить свой пункт меню, чтобы закинуть свою картинку и прописать, чтобы оно выводило?

png 99.png
В3
На сайте с 11.04.2013
Offline
79
Владимир312
#1

Используйте тег img

<li><a href="/" class="is-active"><div><img src="/picture.png" alt="picture" /></div>Главная</a></li>
W1
На сайте с 22.01.2021
Offline
286
webinfo
#2
Patoha :
Как мне добавить свой пункт меню, чтобы закинуть свою картинку и прописать, чтобы оно выводило?

В соответствии с шаблоном и функцией вывода меню.

Мой форум - https://webinfo.guru –Там я всегда на связи
Patoha
На сайте с 25.09.2023
Offline
8
Patoha
#3
Всем спасибо. Получилось 😊
богоносец
На сайте с 30.01.2007
Offline
754
богоносец
#4
Владимир312 #:
alt="picture"

alt="кей1 кей2 кей3...

S9
На сайте с 01.05.2021
Offline
25
Sannnia98
#5
Решил поставить на кулинарный сайт шаблон "reboot" Владельцы данного шаблона, подскажите, как правильно в него впихнуть иконку сайта ? Уже всяко разно пробовал, не появляется она ни в поиске  ни в метрике (   Какой формат делать png ?  Какой именно размер?  И куда что прописать, что бы она точно появилась. Замучился уже. 
W1
На сайте с 22.01.2021
Offline
286
webinfo
#6
Sannnia98 #:
Владельцы данного шаблона, подскажите

Ты прям в точку попал. Владельцы данного шаблона тщательно штудируют этот топик.

Sannnia98 #:
Какой формат делать png ?  Какой именно размер?

Если ты про фавикон, то читай доки: https://yandex.ru/support/webmaster/search-results/favicon.html

Но есть ещё и Apple Touch icon.

Фавиконка - Вебмастер. Справка
  • yandex.ru
Размер: пикселей. Формат: SVG (рекомендуемый), ICO, GIF, JPEG, PNG, BMP. Анимация не поддерживается. Как фавиконка может отображаться на сервисах Яндекса Для отображения может использоваться любая фавиконка, если она доступна для робота и отвечает требованиям сервиса, на котором должна быть показана. Так, если на сайте фавиконка разных размеров...
MrDesigner
На сайте с 31.01.2008
Offline
193
MrDesigner
#7
Sannnia98 #:
Решил поставить на кулинарный сайт шаблон "reboot"
Вообще-то для кулинарного сайта есть специально написанная тема Cook It.
Cook It – Кулинарная тема для WordPress с рецептами
Cook It – Кулинарная тема для WordPress с рецептами
  • wpshop.ru
Проработанные шрифты, межстрочное расстрояние, ширина контентной области и форматирование статьи улучшают восприятие контента страницы. Источник записи Возможность задать источник записи, который выведется в конце поста. При желании можно в один клик закрыть ссылку от индексации через JS.
S9
На сайте с 01.05.2021
Offline
25
Sannnia98
#8
MrDesigner #:
Вообще-то для кулинарного сайта есть специально написанная тема Cook It.

Спасибо, присмотрюсь к ней )

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий