Я хочу изменить свое меню так, чтобы в начале было маленькое изображение дома, и когда пользователь нажимает значок этого дома, он будет перенаправлен на домашнюю страницу. Проблема в том, я не знаю, что изменить или где ... У меня есть код в HTML + CSSКак добавить значок дома в меню?
<li class="home"><a href="#"><div class="home-image"></div></a></li>
Спасибо.
попробовать этот
<li class="home"><a href="#"><div class="home-image"><span class="icon-home"></span></div></a></li>
Если вы ничего не знаете о CSS, то просто вставить этот код
<li class="home"><a href="http://google.com/"><div class="home-image">
<img width="50" height="50" style="margin-top:3px" src="http://icons.iconarchive.com/icons/double-j-design/origami-colored-pencil/256/blue-home-icon.png">
</div></a></li>
Вы можете использовать шрифт Высокий/Bootstrap/Google.
Шрифт Высокий:
Вставьте следующий код в разделе Head [<head>paste it here</head>]
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
и добавить этот
<li class="home"><a href="#"><div class="home-image"><i class="fa fa-home"></i></div></a></li>
Bootstrap иконки:
Вставьте следующий код в разделе Head [<head>paste it here</head>]
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
и добавить этот
<li class="home"><a href="#"><div class="home-image"><i class="glyphicon glyphicon-home"></i></div></a></li>
Google Иконки:
Вставьте следующий код в разделе Head [<head>paste it here</head>]
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
и добавьте это
<li class="home"><a href="#"><div class="home-image"><i class="material-icons">home</i></div></a></li>
Вам необходимо добавить стиль, чтобы изменить размер значка.
Примеры:
<i class="fa fa-home" style="font-size:24px;"></i>
<i class="glyphicon glyphicon-home" style="font-size:24px;"></i>
<i class="material-icons" style="font-size:24px;">home</i>
Спасибо всем за ваши ответы, но где я должен вставить этот код? Я думаю, что я оставил основную деталь: я хочу внести изменения в модуль «верхнего меню» prestashop. – user3271204