2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Függőleges menü 21.

 
 

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>&nbsp;&nbsp;Főoldal</a>
<a class="navi-link" href="/"><strike class="fa fa-facebook-official"></strike>&nbsp;&nbsp;Facebook</a>
<a class="navi-link" href="/"><strike class="fa fa-camera"></strike>&nbsp;&nbsp;Galéria</a>
<a class="navi-link" href="/"><strike class="fa fa-folder"></strike>&nbsp;&nbsp;Oldal</a>
<a class="navi-link" href="/"><strike class="fa fa-info"></strike>&nbsp;&nbsp;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 082 megtekintés

Hozzászólások