Barra menu

5 participantes

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

Tópico resolvido Barra menu

Mensagem por Faeel 14.01.15 20:43

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : .
Endereço do fórum : lossantosbr.forumeiros.com

Descrição do problema

Olá, gostaria de substituir a barra do meu fórum pela barra que esta dentro do verde na imagem, se for preciso tem o fórum de onde retirei http://tssabrasil.forumeiros.com/forum



Espero que entendam, Até.


Última edição por Faelzao em 15.01.15 16:22, editado 2 vez(es)
avatar

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra menu

Mensagem por Black_Killer 14.01.15 21:49

Olá,
você quer algo como na imagem, como o quadrado preto? e Escrito branco que você fala? Ou os nomes?

Caso seja os "Botões" como posso dizer, você deve por um fundo nele, como o preto, tentei procurar onde põe esse fundo, mas não me localizei, espero ter ajudar.

Obs.: Você pode pedir esses menus de navegação no fórum, em Criação Gráficas aqui no fórum.
Espero ter ajudado..


Att..
Black_Killer

Black_Killer
*****

Membro desde : 24/03/2012
Mensagens : 490
Pontos : 646

http://officialmasters.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra menu

Mensagem por Faeel 14.01.15 21:59

quero os botões, o design deles, não os menus, como posso colocar no meu fórum?
avatar

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra menu

Mensagem por [K]oke 15.01.15 9:11

Para esta função desejada pelo senhor iremos usar um breve código CSS.
Painel de Controle Barra menu 633772 Visualização Barra menu 633772 Imagens e Cores Barra menu 633772 Cores Barra menu 633772 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;}

Caso não funcione coloque 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;
}

Barra no menu
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!
[K]oke

[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra menu

Mensagem por Consolado 15.01.15 10:09

Olá!

Painel de Controle > Visualização > Página inicial > Cabeçalho & Navegação
Procure por 'Exibir apenas as imagens no menu de navegação' e marque não.

Salve.

Utilize esse código CSS:
Código:
#page-header .navbar ul.navlinks{background:url(http://i49.tinypic.com/29ni1ip.jpg);border-bottom:3px solid #A00000;height:30px;margin-left:-23px;margin-top:-31px;min-height:36px;padding:4px 4px 0;position:absolute;width:99.5%}body{overflow-x:hidden}ul.linklist li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#6F6F6F;display:block;float:left;font-family:'open sans', arial, sans-serif;font-size:12px;font-weight:700;height:35px;line-height:35px;outline:none;padding:0 5px;text-decoration:none;text-transform:uppercase}a.mainmenu{-webkit-border-radius:2px;-webkit-font-smoothing:antialiased;border-radius:3px;color:#fff;display:block;font-family:'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;height:35px;line-height:35px;outline:none;padding-left:10px;padding-right:9px}a.mainmenu:hover{background:#A00000;text-decoration:none}
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: Barra menu

Mensagem por Faeel 15.01.15 13:09

Consolado eu gostaria que toda a parte acima do manu ficasse com a cor #333

Até
avatar

Faeel
*****

Membro desde : 27/03/2014
Mensagens : 400
Pontos : 606

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra menu

Mensagem por Consolado 15.01.15 14:23

Olá!

Substitua o código CSS por esse:
Código:
#page-header .navbar ul.navlinks{background:#333333;border-bottom:3px solid #A00000;margin-left:-25px;margin-top:-8px;min-height:36px;padding:4px 4px 0;position:absolute;width:99.5%}body{overflow-x:hidden}ul.linklist li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#6F6F6F;display:block;float:left;font-family:'open sans', arial, sans-serif;font-size:12px;font-weight:700;height:35px;line-height:35px;outline:none;padding:0 5px;text-decoration:none;text-transform:uppercase}a.mainmenu{border-radius:3px;color:#fff;display:block;font-family:'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;height:35px;line-height:35px;outline:none;padding-left:10px;padding-right:9px}a.mainmenu:hover{background:#A00000;text-decoration:none}
Até mais.
Consolado

Consolado
Hiper Membro

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Barra menu

Mensagem por Sennior 16.01.15 4:31

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
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

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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