Cikkajánló
Sziasztok :) Akadt némi időm így készítettem egy teljesen egyszerű G-Portálos kinézetet, amit lehet blogra vagy rajongói oldalra is simán használni. Semmi extra szolgáltatás nincsen a témában. Egyszerű szürke
Kellemes estét :) Hoztam mára még négyféle project szövegdobozt és kilencféle elit csere ikon effektet. Az összes egyesével megnézhető az alábbi linkeken. Válogassatok :) A project dobozoknál és az
Igazából ezzel a kicsike programmal azt lehet letesztelni, hogy kisebb vagy nagyobb felbontásban az oldalatok kinézete vagy azon elhelyezett menük, galéria képek, üdvözlő üzenetek nem-e csúsznak el más felbontásokban.
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
Vízszintes menü 22.

 

Menü kódja
A perjel helyére jönnek a menük linkjei

 

<div id="navi">
<div class="navi-link-left">
<a class="active" href="/">Főoldal</a> <a href="/">Leírások</a> <a href="/">Galéria</a></div>
<div class="navi-link-right">
<a href="/">Oldal</a> <a href="/">Kapcsolat</a></div>
</div>

 

CSS kód

 

<style type="text/css">
#navi {
position: fixed;
bottom: 0;
margin: 0;
padding: 12px 4px;
overflow: hidden;
background: #333333; /* menü háttérszíne */
width: 600px; /* menü szélessége */
}
.navi-link-left {
float: left;
}
.navi-link-left a { /* bal menüpontok */
display: inline;
color: #ffffff; /* menücímek színe */
text-align: center;
padding: 0 16px;
text-decoration: none;
}
.navi-link-left a:hover { /* ha ráviszed az egeret */
color: #ffffff; /* menücímek színe */
background: #707072; /* menücímek háttere */
padding: 10px 16px;
text-decoration: none;
}
.navi-link-left .active {
background: #6075AC;
padding: 10px 16px;
}
.navi-link-right {
display: inline;
float: right;
}
.navi-link-right a { /* jobb menüpontok */
display: inline;
color: white;
text-align: center;
padding: 0 16px;
text-decoration: none;
}
.navi-link-right a:hover { /* ha ráviszed az egeret */
color: #ffffff;
background: #000000;
padding: 10px 16px;
text-decoration: none;
}
</style>

 

Forrás nincsen. A kódot én készítettem.

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

Hozzászólások