Como colocar a barra de menu na parte superior

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

Resolvido Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ em 23/10/12, 11:08 pm

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, 11:18 am, editado 1 vez(es)
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior em 23/10/12, 11:16 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ em 24/10/12, 04:23 am

não funcionou esse código =/

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior em 24/10/12, 10:28 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ em 24/10/12, 12:37 pm

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, 12:47 pm, editado 1 vez(es)
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior em 24/10/12, 12:40 pm

Retire o código para me poder montar outro.

Abraços. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ em 24/10/12, 12:48 pm

já retirei o código
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior em 24/10/12, 01:03 pm

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;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ em 24/10/12, 01:14 pm

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, 01:27 pm, editado 1 vez(es)
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior em 24/10/12, 01:23 pm

Olá querido,

Qual barra? Não entendi.

Graciosamente,
Mikéé - Ajudeiro.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ em 24/10/12, 01:28 pm

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

http://i45.tinypic.com/6pb5g6.png


Última edição por Bruninho._ em 24/10/12, 01:35 pm, editado 1 vez(es)
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Sennior em 24/10/12, 01:35 pm

Olá,

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

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

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ em 24/10/12, 01:35 pm

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

http://i45.tinypic.com/6pb5g6.png
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Luciano98 em 24/10/12, 07:30 pm

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ em 24/10/12, 10:05 pm

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Luciano98 em 25/10/12, 12:09 am

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como colocar a barra de menu na parte superior

Mensagem por Bruninho._ em 25/10/12, 11:18 am

Pô galera valeu mesmo agora deu tudo certo!

Muito Obrigado a todos que me ajudaram!

Amo vcs !! s2
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 145
Pontos Ativos : 228

Ver perfil do usuário http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

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