2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
282 napja
700 néző

WordPress themes

WordPress themes
284 napja
198 néző

G-Portál themes

G-Portál themes
284 napja
112 néző

Tumblr themes

Tumblr themes
284 napja
162 néző

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 437 megtekintés

Hozzászólások