Menu Horizontal Tab

É um menu que serve tanto para layouts fofos quanto darks (só precisa mudar as cores). Veja uma prévia abaixo:
 
Para fazer esse menu, coloque o código abaixo em seu css (entre <style> e </style>)
#tabmenu a {text-decoration:none;color:#b399cc;}
#tabmenu {list-style:none;padding:0;height:30px;font-size:11px;font-weight:bold;text-transform:uppercase;border-bottom:0px solid #c6b3d9;font-family:Arial;}
#tabmenu li {float:left;background:#d9cce6;padding:8px 0 8px 0px;margin-right:1px;}
#tabmenu li a {background:#d9cce6;padding:8px 14px 8px 14px;}
#tabmenu li a:hover {background:#ece6f2;color:#8c66b3;}
.menu-background {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;}
.menu-background a {color:#cccccc;text-decoration:none;font-weight:normal;}
.menu-background a:hover {color:#cccccc;text-decoration:none;font-weight:normal;}
E o código abaixo onde você quer que o menu apareça:

<ul id="tabmenu"> <li><a href="http://SEU LINK AQUI">Link 1</a></li> <li><a href="http://SEU LINK AQUI">Link 2</a></li> <li><a href="http://SEU LINK AQUI">Link 3</a></li> <li><a href="http://SEU LINK AQUI">Link 4</a></li> <li><a href="http://SEU LINK AQUI">Link 5</a></li>
</ul> 
Por: Pâmela Sampaio em 04/05/14
Não copiem o tutorial e se for útil deem os devidos créditos
Facebook Twitter Pinterest Google+ Email Addthis