Cikkajánló
Nagyon-nagyon régen nem hoztam érdemi frisst (most sem fogok sajnos), de azért legalább a .png képeket feltöltöttem már a galériába, amiket készítettem egy ideje. Összeszoktam várni őket, hogy több
Hoztam egy egyszerű de mutatós CSS idézetblokkot. Egy kicsit a sima hagyományos idézetblokkot átalakítottam. Hasonló kinézeteket már biztosan láttatok egyes oldalakon. G-Portálon és rendes HTML oldalon is ugyanaz a
Ezekben a hetekben összegyűlt egy csomó .png képem, amiket ma feltöltöttem a galériába. Ezek az albumok frissültek:   Amanda Seyfried – új album 20db Beyonce – 8 darab Demi
Prémium téma | Zendaya Coleman G-Portálos téma Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme
Legördülő menü 06.

 
 
 
 

Menü kódja
A perjel helyére kell a link címet másolni!

 

<ul id="menu">
<li>
<a href="/">Főoldal</a></li>
<li>
<a href="/">Hírek</a>
<ul id="submenu">
<li>
<a href="/">Almenü 1.</a></li>
<li>
<a href="/">Almenü 2.</a></li>
<li>
<a href="/">Almenü 3.</a></li>
<li>
<a href="/">Almenü 4.</a></li>
</ul></li>
<li>
<a href="/">Információ</a>
<ul id="submenu">
<li>
<a href="/">Almenü 1.</a></li>
<li>
<a href="/">Almenü 2.</a></li>
<li>
<a href="/">Almenü 3.</a></li>
<li>
<a href="/">Almenü 4.</a></li>
</ul>
</li>
<li>
<a href="/belepes">Galéria</a></li>
</ul>

 

CSS kód

 

<style type="text/css">
#menu{
list-style: none;
}
#menu li{
float: left;
padding: 2px;
position: relative;
}
#menu a{
float: left;
padding: 10px 0;
width: 130px;
}
#menu li a{
font-family: Century Gothic !important;
font-size: 11px !important;
font-weight: normal !important;
color: #B5B5B5;
text-align: center;
background: #393939;
letter-spacing: 1px !important;
text-transform: uppercase;
text-decoration: none;
}
#menu li:hover > a{color: #BFD68B;}
*html #menu li a:hover{ /* IE6 */
color: #BFD68B;
}
#menu li:hover > ul{
display: block;
}
#submenu{
list-style: none;
padding: 0;
display: none;
position: absolute;
top: 41px;
left: 2px;
z-index: 99999;
background: #BFD68B;
width: 130px;
}
#submenu li{
float: none;
margin: 0;
padding: 0;
display: block;
}
#submenu li a{
font-family: Century Gothic !important;
font-size: 13px !important;
font-weight: normal !important;
color: #079032 !important;
background: #BFD68B;
padding: 10px 0;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
#submenu li a:hover{ /* lenyíló menü színe, ha ráviszed az egeret */
color: #ffffff !important;
background: #b1c778;
}
</style>

lindadesign Hozzászólások
2 124 megtekintés

Hozzászólások