Menu como faz?

3 participantes

Ir para baixo

Tópico resolvido Menu como faz?

Mensagem por FreakMeat 06.11.12 15:22

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 16:10, editado 1 vez(es)
FreakMeat
FreakMeat
****

Membro desde : 03/04/2012
Mensagens : 362
Pontos : 597

http://styledesigner.criaforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu como faz?

Mensagem por Consolado 06.11.12 15:29

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.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu como faz?

Mensagem por FreakMeat 06.11.12 15:32

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

Membro desde : 03/04/2012
Mensagens : 362
Pontos : 597

http://styledesigner.criaforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu como faz?

Mensagem por Consolado 06.11.12 15:37

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.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu como faz?

Mensagem por FreakMeat 06.11.12 15:39

Não resultou 2!
FreakMeat
FreakMeat
****

Membro desde : 03/04/2012
Mensagens : 362
Pontos : 597

http://styledesigner.criaforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu como faz?

Mensagem por Consolado 06.11.12 15:46

Olá!

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

Até mais.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu como faz?

Mensagem por FreakMeat 06.11.12 15:48

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

Membro desde : 03/04/2012
Mensagens : 362
Pontos : 597

http://styledesigner.criaforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu como faz?

Mensagem por Daemon 06.11.12 15:53

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 .-.
Daemon
Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu como faz?

Mensagem por FreakMeat 06.11.12 15:55

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?
FreakMeat
FreakMeat
****

Membro desde : 03/04/2012
Mensagens : 362
Pontos : 597

http://styledesigner.criaforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu como faz?

Mensagem por Consolado 06.11.12 15:57

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.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu como faz?

Mensagem por FreakMeat 06.11.12 16:10

Resultou
FreakMeat
FreakMeat
****

Membro desde : 03/04/2012
Mensagens : 362
Pontos : 597

http://styledesigner.criaforum.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos