Cum de a pune o navigare plutitoare?(punBB)

Bună ziua, cum spune si titlul ... cum pot pune o navigare plutitor ca aceasta?

https://i.imgur.com/iWwXd.png

Multumesc ...

HTML:

Cod:

<div class="menu-fixed">Content</div>

CSS:

Cod:

.menu-fixed {
background: red;
border-bottom: 1px solid blue;
position: fixed;
left: -1px;
top: -1px;
width: 100%;}

Şi pentru a avea un rezultat ca aceasta?
http://www.shinobilegend.net/

http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html
Modifica acest meniu.

Şi în acest fel?
http://dota.rpgwars.net/portal

Folosesti hoverul.
Exemplu:

HTML:

Cod:

<div class="menu-fixed">Content</div>

CSS:

Cod:

.menu-fixed {
background: red;
border-bottom: 1px solid blue;
position: fixed;
left: -1px;
top: -15px;
width: 100%;
height: 50px;}

.menu-fixed:hover {
top: 15px;}

Ei bine, ceea ce am:

Cod:

.menu-fixed {
background: #383232;
border-bottom: 2px solid green;
position: fixed;
left: -1px;
top: -15px;
width: 100%;
height: 50px;}

Dar vreau să pun o imagine şi un motor de căutare ca aceasta:
http://www.shinobilegend.net/forum.html

un răspuns?

Topic rezolvat?

Da, rezolvate, datorită