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
227 napja
553 néző

WordPress themes

WordPress themes
228 napja
177 néző

G-Portál themes

G-Portál themes
228 napja
103 néző

Tumblr themes

Tumblr themes
228 napja
153 néző

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>


2 888 megtekintés

Hozzászólások