Menu como faz?

Qual é minha questão:
Como faço um menu igual a desse forum : http://www.ehobba.com/

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://designforever.foruns.com.pt/

Versão do meu fórum:
PHPBB2

Olá!

Cpainel ->> Visualização ->> Imagens e cores ->> Cores ->> Folha de estilos CSS > e adicione o seguinte código:

Código:

ul.navlinks {
border-bottom: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
font-weight: 700;
height: 40px;
left: 0;
right: 0;
text-align: center;
top: 0;
z-index: 999;
background-image: linear-gradient(bottom, #008002 10%, #72C27F 97%);
background-image: -o-linear-gradient(bottom, #008002 10%, #72C27F 97%);
background-image: -moz-linear-gradient(bottom, #008002 10%, #72C27F 97%);
background-image: -webkit-linear-gradient(bottom, #008002 10%, #72C27F 97%);
background-image: -ms-linear-gradient(bottom, #008002 10%, #72C27F 97%);
background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0.1, #008002), color-stop(0.97, #72C27F) );
}
ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: left;
}

Até mais.

Ei today nenhum codigo que vc me manda funciona! e esse tbm!

Olá!

Troque pelo seguinte código:

Código:

    ul.navlinks {
      border-bottom: 1px solid transparent;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
    font-weight: 700;
    height: 40px;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999;
    background-image: linear-gradient(bottom, rgb(0,128,2) 10%, rgb(114,194,127) 97%);
    background-image: -o-linear-gradient(bottom, rgb(0,128,2) 10%, rgb(114,194,127) 97%);
    background-image: -moz-linear-gradient(bottom, rgb(0,128,2) 10%, rgb(114,194,127) 97%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,128,2) 10%, rgb(114,194,127) 97%);
    background-image: -ms-linear-gradient(bottom, rgb(0,128,2) 10%, rgb(114,194,127) 97%);

    background-image: -webkit-gradient(
      linear,
      right bottom,
      right top,
      color-stop(0.1, rgb(0,128,2)),
      color-stop(0.97, rgb(114,194,127))
    );
    }
    ul.linklist li {
    line-height: 40px;
    }
    ul.linklist.navlinks li a{
    transition: background, color 1.0s;
            -moz-transition: background,color 1.0s;
            -o-transition: background, color 1.0s;
            -webkit-transition: background, color 1.0s;
            -htm-transition: background, color 1.0s;
    padding: 15px 10px 15px 10px;color: #bfbfbf;}
    ul.linklist.navlinks li a:hover{
    transition: background, color 1.0s;
            -moz-transition: background,color 1.0s;
            -o-transition: background, color 1.0s;
            -webkit-transition: background, color 1.0s;
            -htm-transition: background, color 1.0s;
    box-shadow:0px 0px 1px grey;
      text-decoration:none;
      border-radius:5px;
      color:#034F06;
      background-image: linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -o-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -moz-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -webkit-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -ms-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);

    background-image: -webkit-gradient(
      linear,
      right bottom,
      right top,
      color-stop(0.1, rgb(64,148,64)),
      color-stop(0.97, rgb(134,235,147))
    );
    }
    ul.linklist.navlinks li a{
      text-shadow: 0px 0px 2px #07800D;
    color: #AFDEB1;
    }

Até mais.

Não resultou 2!

Olá!

Os códigos estão correctos. O fórum que enviaste acima, é phpBB3, logo, seu fórum é phpBB2.

Até mais.

oxi e vc errou .-. e vem botar a culpa em mim sera que vc tem como mandar o codigo certo n?

Cara... primeiro de tudo respeite os staff e membros pois estão todos aqui somente para ajudar, se for pra falar mal do trabalho dos outros tire sua dúvida por si mesmo.

Realmente para a versao phpbb2 é um pouco mais complicado de se achar o codigo/solução pra quase tudo .-.

Não uai o cara posta varios codigos e depois vem falando que o codigo e phpbb3 a para ele viu la que eu botei phpbb2 e vem postar esse trequo ai?

Olá!

Como eu disse, o código está correcto. Sua versão que não se confere ao código. Muito menos estou culpando o senhor.

Experimente este código:

Código:

    .mainmenu {
      border-bottom: 1px solid transparent;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
    font-weight: 700;
    height: 40px;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999;
    background-image: linear-gradient(bottom, rgb(0,128,2) 10%, rgb(114,194,127) 97%);
    background-image: -o-linear-gradient(bottom, rgb(0,128,2) 10%, rgb(114,194,127) 97%);
    background-image: -moz-linear-gradient(bottom, rgb(0,128,2) 10%, rgb(114,194,127) 97%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,128,2) 10%, rgb(114,194,127) 97%);
    background-image: -ms-linear-gradient(bottom, rgb(0,128,2) 10%, rgb(114,194,127) 97%);

    background-image: -webkit-gradient(
      linear,
      right bottom,
      right top,
      color-stop(0.1, rgb(0,128,2)),
      color-stop(0.97, rgb(114,194,127))
    );
    }
    a.mainmenu {
    line-height: 40px;
    }
    a.mainmenu {
    transition: background, color 1.0s;
            -moz-transition: background,color 1.0s;
            -o-transition: background, color 1.0s;
            -webkit-transition: background, color 1.0s;
            -htm-transition: background, color 1.0s;
    padding: 15px 10px 15px 10px;color: #bfbfbf;}
    a.mainmenu:hover{
    transition: background, color 1.0s;
            -moz-transition: background,color 1.0s;
            -o-transition: background, color 1.0s;
            -webkit-transition: background, color 1.0s;
            -htm-transition: background, color 1.0s;
    box-shadow:0px 0px 1px grey;
      text-decoration:none;
      border-radius:5px;
      color:#034F06;
      background-image: linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -o-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -moz-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -webkit-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -ms-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);

    background-image: -webkit-gradient(
      linear,
      right bottom,
      right top,
      color-stop(0.1, rgb(64,148,64)),
      color-stop(0.97, rgb(134,235,147))
    );
    }
    a.mainmenu {
      text-shadow: 0px 0px 2px #07800D;
    color: #AFDEB1;
    }

Até mais.

Resultou