Menü kódja
A perjel helyére jönnek a menük linkjei. A menü kódjában ez a rész az ikon és a menücím közötti szünet.
<div class="navi">
<a class="navi-link" href="/"><strike class="fa fa-home"></strike> Főoldal</a>
<a class="navi-link" href="/"><strike class="fa fa-facebook-official"></strike> Facebook</a>
<a class="navi-link" href="/"><strike class="fa fa-camera"></strike> Galéria</a>
<a class="navi-link" href="/"><strike class="fa fa-folder"></strike> Oldal</a>
<a class="navi-link" href="/"><strike class="fa fa-info"></strike> Kapcsolat</a>
</div>
Ikonok megjelenítésének kódja
WordPress-esek plugint is használhatnak ez helyett. Leírása itt található meg.
G-portálosoknak kötelező a lejjebb látható kód, ha ikonokat is szeretnétek megjeleníteni a menüben. Több ikon közül itt tudtok válogatni: Font Awesome Icons
Ikon kódja
<script src="https://use.fontawesome.com/9f3339f954.js"></script>
CSS kód
<style type="text/css">
strike {
text-decoration: none;
}
.navi {
width: 250px;
}
a.navi-link {
font-family: Arial;
font-size: 13px;
color: #ffffff !important;
background: #A72A2F;
text-align: left;
text-decoration: none;
display: block;
padding: 10px;
margin-bottom: -15px;
}
a.navi-link:hover {
color: #ffffff;
background: #707072;
text-decoration: none;
}
</style>
Forrás nincsen. A menüt én készítettem.
2 974 megtekintés