Como colocar a barra de menu na parte superior

3 participantes

Ir para baixo

Tópico resolvido Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ 24.10.12 2:08

Qual é minha questão:
Tipo vi nesse forum uma barra de menu na parte superior e queria implementar no meu forum, a barra é igual a essa no link abaixo.

Links e imagens do meu problema:
Http://pokemonemotion.forums-rpg.com/forum

Endereço do meu fórum:
http://csispecialagents.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por Bruninho._ em 25.10.12 14:18, editado 1 vez(es)
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior 24.10.12 2:16

Como colocar a barra de menu na parte superior Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá querido é bem vindo à nossa comunidade!

Para esta função desejada pelo senhor iremos usar um breve código CSS.
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Depois coloque o seguinte código no inicio de teu CSS:

Código:
.linklist.navlinks.borderless {position: relative;top: -284px;background-color: beige;color: white;}

Se o senhor desejar, poderemos fazer igual o fórum que o senhor mostrou Piscada

Seu grande amigo,
Mikéé - Ajudeiro.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ 24.10.12 7:23

não funcionou esse código =/

tem como fazer igual essa barra de menu ?
http://iplaygame.forum.st/
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior 24.10.12 13:28

Estranho meu código não ter funcionado...

Pois bem, troque o código que eu lhe disse por este:

Código:
#page-footer, div.navbar, div.navbar ul.linklist {
background: url(http://hitskin.com/themes/19/16/11/i_list_bg.png) bottom;
border: 1px solid #2C5787;
left: 0;
position: fixed;
width: 100%;
margin-top: -4px;
}
a.mainmenu {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
a.mainmenu:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 50% 0 no-repeat;
bottom: 5px;
padding-top: 6px;
position: relative;
}

Seu grande amigo,
Mikéé - Ajudeiro.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ 24.10.12 15:37

Esse código deu certo, o problema agora é que a barra não sobe, quando vai uma a outra fik =/

ja tentei alterar aki e só uma q da pra remanejar

aquele Buscar q fika abaixo ta fkando com a cor azul e bagunçando tudo

tem como fazer isso só com a Barra sem o Buscar ir junto ?


Última edição por Bruninho._ em 24.10.12 15:47, editado 1 vez(es)
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior 24.10.12 15:40

Retire o código para me poder montar outro.

Abraços. Piscada
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ 24.10.12 15:48

já retirei o código
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior 24.10.12 16:03

Olá,

Tente este:

Código:
.navbar {
background: url(http://hitskin.com/themes/19/16/11/i_list_bg.png) bottom;
border: 1px solid #2C5787;
position: fixed;
width: 1545px;
text-align: center;
padding: -1px;
margin-top: -285px;
left: 10px;
}
a.mainmenu {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ 24.10.12 16:14

Deu certo agora, mas tipo, tem como remover aquela barra q tem o Buscar tipo nesse forum q dei de exemplo ?

Consegui retirar com esse código

#search-box {
display: none;
}

agora ficou uma linha branca e nao seu como tirar =/


Última edição por Bruninho._ em 24.10.12 16:27, editado 1 vez(es)
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior 24.10.12 16:23

Olá querido,

Qual barra? Não entendi.

Graciosamente,
Mikéé - Ajudeiro.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ 24.10.12 16:28

se vc puder olhar esse é meu forum

http://csispecialagents.forumeiros.com/forum

tipo quando vou em Login pra acessar o forum e colocar meu login e senha aparece essa barra em cima

https://2img.net/h/oi45.tinypic.com/6pb5g6.png


Última edição por Bruninho._ em 24.10.12 16:35, editado 1 vez(es)
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior 24.10.12 16:35

Olá,

Ainda não compreendi onde está a borda. Mas coloque este código CSS:

Código:
.navbar {border: transparent !important;}

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ 24.10.12 16:35

tipo quando vou em Login pra acessar o forum e colocar meu login e senha aparece essa barra em cima

https://2img.net/h/oi45.tinypic.com/6pb5g6.png
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Luciano98 24.10.12 22:30

Olá!

Substitua o código que você está utilizando por esse:
Código:
#page-header .navbar {
background: url(http://hitskin.com/themes/19/16/11/i_list_bg.png) bottom;
border: 1px solid #2C5787;
position: fixed;
width: 1545px;
text-align: center;
padding: -1px;
margin-top: -285px;
left: 10px;
}
#page-header a.mainmenu {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
color:white;
}

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ 25.10.12 1:05

aeee esse seu certo! não está mais aparecendo a barra la em cima da logiin, agora o problema é outro kkkkkkk sumiu a animação em cima dos icones quando passo o mouse, no caso aquela setinha q ficava em cima quando passava o mouse.
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Luciano98 25.10.12 3:09

Olá!

Adicione esse código:
Código:
#page-header a.mainmenu:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 50% 0 no-repeat;
bottom: 5px;
position: relative;
}

Caso não funcione adicione esse:
Código:
#page-header a.mainmenu:hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 50% 0 no-repeat!important;
bottom: 5px;
position: relative;
}

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ 25.10.12 14:18

Pô galera valeu mesmo agora deu tudo certo!

Muito Obrigado a todos que me ajudaram!

Amo vcs !! s2
Bruninho._
Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

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