The Elegant Icon Font – 360 Of The Best Free Icons For The Modern Web
/*-----------------Menu Icons---------------- */.menu-home a:before { font-family: 'ETmodules'; content: "\e074"; margin-right: 10px; margin-top: -2px; color: #ffffff; font-size: 18px; float: left;}.menu-services a:before { font-family: 'ETmodules'; content: "\e035"; margin-right: 10px; margin-top: -2px; color: #ffffff; font-size: 18px; float: left;}.menu-about a:before { font-family: 'ETmodules'; content: "\e08a"; margin-right: 10px; margin-top: -2px; color: #ffffff; font-size: 18px; float: left;}.menu-blog a:before { font-family: 'ETmodules'; content: "\e086"; margin-right: 10px; margin-top: -2px; color: #ffffff; font-size: 18px; float: left;}.menu-contact a:before { font-family: 'ETmodules'; content: "\e07e"; margin-right: 10px; margin-top: -2px; color: #ffffff; font-size: 18px; float: left;} |
Użyj tego kodu, aby ukryć ikony w podmenu. W przeciwnym razie zrzuty ekranu automatycznie pokażą ikonę nadrzędnego elementu powyżej.
#top-menu li li a:before {display: none;} |
Aby umieścić niestandardowy obraz jako ikonę, użyj go jako linii treści i zastąp URL adresem przesłanego pliku obrazu:
content: url(REPLACE_THIS_URL); |
The Elegant Icon Font – 360 Of The Best Free Icons For The Modern Web