MUDAR MEU MENU

Detalhes da questão

Endereço do fórum: http://forummoneyonline.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá eu gostaria que o menu do meu site fosse como desse forum.
http://playfatal.forumeiros.com/forum

Olá!

Adicione este CSS na sua folha de estilos:

Código:

body {
        overflow-x: hidden !important;
}
body table tbody tr td table:nth-child(2) {
        width: 114% !important;
        margin-left: -7% !important;
        background:rgba(20, 20, 20, 0.901961);
        height: 50px;
        padding-top: 10px;
}
.sprite-icon_mini_calendar, a.mainmenu[href="/calendar"] {
        display: none;
}
body table tbody tr td table:nth-child(2) a:first-child, body table tbody tr td table:nth-child(2) a:hover {
    background: url("http://i.imgur.com/y75XdvO.png") repeat;
    background: rgba(255,255,255,0.2);
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    line-height: 30px !important;
}
body table tbody tr td table:nth-child(2) a {
    margin-left: 10px;
    color: #eee;
    color: rgba(255,255,255,0.8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    line-height: 30px !important;
    padding: 20px 5px 0px 5px !important;
}

O menu não ficará igual, mas vai ficar suficientemente parecido!

Hancki

já coloquei mais não mudou nada....

Mudou o tema depois de eu realizar o código, então é óbvio que não funciona.

Use este:

Código:

body {
        overflow-x: hidden !important;
}
#page-header .navbar {
        background:rgba(20, 20, 20, 0.901961) !important;
        height: 50px;
        padding-top: 10px;
}
.sprite-icon_mini_calendar, a.mainmenu[href="/calendar"], ul.linklist li a img, #page-header div.navbar div ul li a[href="http://forummoneyonline.forumeiros.com/"] {
        display: none;
}
#page-header .navbar a[href="/"], #page-header .navbar a:hover {
    background-color: rgba(255,255,255,0.2) !important;
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
    line-height: 30px !important;
}
#page-header .navbar a.mainmenu {
    font-size: 10px !important;
    text-transform: uppercase !important;
    margin-left: 10px !important;
    text-shadow: none !important;
    color: white !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    line-height: 30px !important;
}

Hancki

obrigado deu tudo certinho..