<div id="navigation">
    <a href="#">Home</a>
    <a href="#">Portfolio</a>
    <a href="#">Our Apps</a>
    <a href="#">Support</a>
    <a href="#">Press</a>
    <a href="#">About</a>
</div>

إليك كود css :

navigation {

position: fixed;

top: 0;

width: 100%;

color: #ffffff;

height: 35px;

text-align: center;

padding-top: 15px;

/* Adds shadow to the bottom of the bar */

-webkit-box-shadow: 0px 0px 8px 0px #000000;

-moz-box-shadow: 0px 0px 8px 0px #000000;

box-shadow: 0px 0px 8px 0px #000000;

/* Adds the transparent background */

background-color: rgba(1, 1, 1, 0.8);

color: rgba(1, 1, 1, 0.8);

}

navigation a {

font-size: 14px;
padding-left: 15px;
padding-right: 15px;
color: white;
text-decoration: none;

}

navigation a:hover {

color: grey;

}

???