Menu como faz?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu como faz?

Mensagem por FreakMeat em 06/11/12, 01:22 pm

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


Última edição por FreakMeat em 06/11/12, 02:10 pm, editado 1 vez(es)
avatar

FreakMeat
Usuário avançado

Masculino
Inscrito dia : 03/04/2012
Mensagens : 362
Pontos Ativos : 597

Ver perfil do usuário http://styledesigner.criaforum.com

Resolvido Re: Menu como faz?

Mensagem por Consolado em 06/11/12, 01:29 pm

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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Menu como faz?

Mensagem por FreakMeat em 06/11/12, 01:32 pm

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

FreakMeat
Usuário avançado

Masculino
Inscrito dia : 03/04/2012
Mensagens : 362
Pontos Ativos : 597

Ver perfil do usuário http://styledesigner.criaforum.com

Resolvido Re: Menu como faz?

Mensagem por Consolado em 06/11/12, 01:37 pm

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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Menu como faz?

Mensagem por FreakMeat em 06/11/12, 01:39 pm

Não resultou 2!
avatar

FreakMeat
Usuário avançado

Masculino
Inscrito dia : 03/04/2012
Mensagens : 362
Pontos Ativos : 597

Ver perfil do usuário http://styledesigner.criaforum.com

Resolvido Re: Menu como faz?

Mensagem por Consolado em 06/11/12, 01:46 pm

Olá!

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

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Menu como faz?

Mensagem por FreakMeat em 06/11/12, 01:48 pm

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

FreakMeat
Usuário avançado

Masculino
Inscrito dia : 03/04/2012
Mensagens : 362
Pontos Ativos : 597

Ver perfil do usuário http://styledesigner.criaforum.com

Resolvido Re: Menu como faz?

Mensagem por Daemon em 06/11/12, 01:53 pm

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 .-.
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Menu como faz?

Mensagem por FreakMeat em 06/11/12, 01:55 pm

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?
avatar

FreakMeat
Usuário avançado

Masculino
Inscrito dia : 03/04/2012
Mensagens : 362
Pontos Ativos : 597

Ver perfil do usuário http://styledesigner.criaforum.com

Resolvido Re: Menu como faz?

Mensagem por Consolado em 06/11/12, 01:57 pm

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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Menu como faz?

Mensagem por FreakMeat em 06/11/12, 02:10 pm

Resultou
avatar

FreakMeat
Usuário avançado

Masculino
Inscrito dia : 03/04/2012
Mensagens : 362
Pontos Ativos : 597

Ver perfil do usuário http://styledesigner.criaforum.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum