Personalização do menu

• Descrição:

Queria um menu assim:

Veja como que quero que fique quando estiver numa pagina (Veja o botão FAQ)
-------------------------------------------------------------------------------------
E Quando passasse o mouse emcima de um botão ficaria cinza, repare o botão Inicio:



OBS: Fiz apenas montagem, não há link

• Informações:

Painel de Controle Visualização Imagens e Cores Cores CSS

Código:

  #pun-navlinks{background: black !important;height: 5px;padding: 25px !important;padding-top: 40px !important;color: white !important;text-transform: uppercase;border-bottom: 5px solid orange !important;}a.mainmenu{color: white !important;font-family: Verdana;font-weight: bold;}

Duel escreveu:Aqueles botões com algumas palavras, devem ser criados também? Ou apenas o visual?

Spoiler:

Código:

$(function(){
var prtt = $('#pun-head').html();$('head').before("<div style='position: fixed !important;display: block;padding-right: -100% !important;padding-left: -100% !important;'> "+ prtt +" </div> ");$
});

Código:

#pun-navlinks{width: 100% !important;padding-right: 30% !important;display: none;}

Código:

$('#pun-navlinks').hide();

Código:

    #pun-navlinks{width: 100% !important;padding-right: 30% !important;display: none !important;}

Código:

    $(function(){
    var prtt = $('#pun-head').html();$('head').before("<div style='position: relative !important;display: block;padding-right: -100% !important;padding-left: -100% !important;'> "+ prtt +" </div> ");
    $('#pun-navlinks').hide();
    });