Cikkajánló
A cím kérdésére az őszinte válasz az lenne, hogy akármennyi, mert mindenki saját maga dönti el, hogy mennyi honlapot szeretne szerkeszteni. Ez jogos is, de az én véleményem ettől
Ez is egy olyan szövegdoboz, ha a képre viszed az egeret, akkor jelenik meg a benne lévő tartalom, ami lehet üdvözlő szöveg, Chat, Facebook doboz, stb. Annyi hátránya van
Most valahogy nagyon szivárvány színhez volt kedvem, így egy jó színes egész sablont készítettem Photoshop-ban. A sablon ingyenes és innen le is tölthető :) Bármilyen oldalon felhasználható, csak szét
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
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.

lindadesign Hozzászólások
1 825 megtekintés

Hozzászólások