Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Canall saindo pra fora do Widget
Hoje à(s) 07:40 pm por Froozen

» Avatar nos últimos assuntos
Hoje à(s) 07:17 pm por Harleen

» Caixa de resposta rápida nos tópicos
Hoje à(s) 07:06 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Hoje à(s) 06:53 pm por Forumpw

» Backup de fórum
Hoje à(s) 05:51 pm por Harleen

» Melhorar a aparência desta caixa
Hoje à(s) 05:36 pm por soldado

» Efeito no avatar em mensagens no tópico
Hoje à(s) 04:42 pm por Dark Hunter

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Harleen
 
Fatalisss
 
JulioPais
 
Holkis
 
Shek
 
APOllO
 
Forumpw
 
MtX
 
Roger_Crazzy
 

Quem está conectado
257 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 246 Visitantes :: 2 Motores de busca

APOllO, Dark Hunter, Fatalisss, Flames, Forumpw, Froozen, Harleen, Holkis, joram, Luiz, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Barra menu

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

Resolvido Barra menu

Mensagem por Faeel em 14/01/15, 06:43 pm

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, 02:22 pm, editado 2 vez(es)

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Barra menu

Mensagem por Black_Killer em 14/01/15, 07:49 pm

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

Black_Killer
Usuário avançado

Masculino
Inscrito dia : 24/03/2012
Mensagens : 491
Pontos Ativos : 649

http://officialmasters.forumeiros.com/

Resolvido Re: Barra menu

Mensagem por Faeel em 14/01/15, 07:59 pm

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

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Barra menu

Mensagem por [K]oke em 15/01/15, 07:11 am

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

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 861
Pontos Ativos : 1575

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

Resolvido Re: Barra menu

Mensagem por Consolado em 15/01/15, 08:09 am

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

Consolado
Super usuário

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

Resolvido Re: Barra menu

Mensagem por Faeel em 15/01/15, 11:09 am

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

Até

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Barra menu

Mensagem por Consolado em 15/01/15, 12:23 pm

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

Consolado
Super usuário

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

Resolvido Re: Barra menu

Mensagem por Sennior em 16/01/15, 02:31 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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