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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
57 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 56 Visitantes :: 2 Motores de busca

linhasdamizade

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Como funciona este menu?

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

Em curso Como funciona este menu?

Mensagem por Uatyla em Ter 3 Maio 2016 - 4:45

Detalhes da questão


Endereço do fórum: http://www.vidadeaquarista.com
Versão do fórum: PhpBB3

Descrição


Olá a todos!

Colegas, gostaria de saber como funciona este tipo de menu usado neste fórum? http://olimpiadaenem.forumeiros.com/

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2414
Pontos Ativos : 5079

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Em curso Re: Como funciona este menu?

Mensagem por Hancki em Ter 3 Maio 2016 - 12:31

Olá!

Qual menu? Pode mostrar uma imagem?

Hancki

Hancki
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8018
Pontos Ativos : 14600

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Em curso Re: Como funciona este menu?

Mensagem por Uatyla em Ter 3 Maio 2016 - 15:05

Olá @Hancki

Seria o utilizado neste fórum aqui http://olimpiadaenem.forumeiros.com/

Segue a imagem, o menu seria essa faixa preta (Portal, Inicio etc...)
http://s20.postimg.org/nyvqay330/menu.jpg

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2414
Pontos Ativos : 5079

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Em curso Re: Como funciona este menu?

Mensagem por Hancki em Ter 3 Maio 2016 - 21:37

O menu usado nesse fórum é um menu sem imagens, apenas com texto. Aqueles ícones são adicionados posteriormente com recurso a CSS. Aliás, todo o menu é feito com CSS para ter essa aparência. Relativamente simples.

Hancki

Hancki
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8018
Pontos Ativos : 14600

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Em curso Re: Como funciona este menu?

Mensagem por while em Ter 3 Maio 2016 - 22:06

Olá amigo!
Adicione esse código css em sua folha de estilo css:

Código:
.navbar {
        background: #2D3134!important;
        border: none!important;
        margin: -5px 0px 0!important;
}
a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    transition: 250ms;
}
#page-header a.mainmenu.fa_navactif, #page-header a.mainmenu:hover {
    background-position: 0 40px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
    display: block !important;
}
ul.navlinks {
    border-bottom: transparent!Important;
}
div.navbar {
height: 51px!important;
}

OBS: Retire as Imagens que você possui em:
Painel de Controle -> Visualização -> Imagens e Cores -> Gestão das Imagens -> Modo avançado

e nessa aba que você irá estar (Geral/Navegacação) você altera as imagens do indice ... etc; Caso queira que tenha Imagem na frente do texto.

Lembrando que pra ter Imagem + Texto tem que acessar:
Painel de Controle -> Visualização -> Pagina Inicial -> Cabeçalho & Navegação

e em "Exibir apenas as imagens no menu de navegação" : Deixe NÃO!

Atenciosamente,
While.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Em curso Re: Como funciona este menu?

Mensagem por Vinicius Reis em Qua 4 Maio 2016 - 0:27

Spoiler:

no meu fica assim, teria como arrumar, ou seja deixar o anuncio mais para baixo, e mais para cima... rsrs, para que fique centralizado...

Vinicius Reis
Nível 8

Masculino
Inscrito dia : 22/04/2016
Mensagens : 145
Pontos Ativos : 431

http://atelier262.forumeiros.com/

Em curso Re: Como funciona este menu?

Mensagem por while em Qua 4 Maio 2016 - 1:26

Olá Vinicius, sua duvida não tem nada haver com esse tópico, aconselho criar um novo tópico pra conseguir suporte em sua duvida

Atenciosamente,
While.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Em curso Re: Como funciona este menu?

Mensagem por Uatyla em Qua 4 Maio 2016 - 3:53

@while escreveu:Olá amigo!
Adicione esse código css em sua folha de estilo css:

Código:
.navbar {
        background: #2D3134!important;
        border: none!important;
        margin: -5px 0px 0!important;
}
a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    transition: 250ms;
}
#page-header a.mainmenu.fa_navactif, #page-header a.mainmenu:hover {
    background-position: 0 40px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
    display: block !important;
}
ul.navlinks {
    border-bottom: transparent!Important;
}
div.navbar {
height: 51px!important;
}

OBS: Retire as Imagens que você possui em:
Painel de Controle -> Visualização -> Imagens e Cores -> Gestão das Imagens -> Modo avançado

e nessa aba que você irá estar (Geral/Navegacação) você altera as imagens do indice ... etc; Caso queira que tenha Imagem na frente do texto.

Lembrando que pra ter Imagem + Texto tem que acessar:
Painel de Controle -> Visualização -> Pagina Inicial -> Cabeçalho & Navegação

e em "Exibir apenas as imagens no menu de navegação" : Deixe NÃO!

Atenciosamente,
While.


Eu gostaria que tivesse aquela faixa preta também, e o menu ficou apagado!

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2414
Pontos Ativos : 5079

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Em curso Re: Como funciona este menu?

Mensagem por while em Qua 4 Maio 2016 - 4:43

Olá Uatyla! Desculpe pelo resultado... com as imagens realmente complicou, mas agora ficou melhor, troque o código pra este:
Código:
div.navbar {
    height: 52px!important;
}
.navbar {
    background: #2D3134!important;
    border: none!important;
    margin: -5px 0 0!important;
        clear: both;
    padding: 0 10px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
    display: block !important;
}
ul.navlinks {
    border-bottom: transparent!important;
}
ul.linklist li {
    display: inline;
    font-size: 1.1em;
    line-height: 2.2em;
    list-style-type: none;
    width: auto;
}
a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    opacity: 1;
    padding: 0 12px;
    transition: 250ms;
    margin-top:-20px;
}
#page-header a.mainmenu.fa_navactif, #page-header a.mainmenu:hover {
    background-position: 0 40px;
}
.navbar span.corners-bottom, .navbar span.corners-top, .panel span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top{
    margin:0px 125%;
}

OBS: No TOPO da sua folha de estilo css! para evitar erros.

Atenciosamente,
While.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Em curso Re: Como funciona este menu?

Mensagem por Uatyla em Qua 4 Maio 2016 - 5:38

a fonte continua transparente!

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2414
Pontos Ativos : 5079

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Em curso Re: Como funciona este menu?

Mensagem por while em Qua 4 Maio 2016 - 20:17

Olá, adicione mais esse código no TOPO da sua folha de estilo css:

agora é sem erro.

Código:
#page-header .navbar {background: #2D3134!important;}

Atenciosamente,
While.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Em curso Re: Como funciona este menu?

Mensagem por Uatyla em Qua 4 Maio 2016 - 22:06

continua a mesma coisa! =/

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2414
Pontos Ativos : 5079

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Em curso Re: Como funciona este menu?

Mensagem por while em Qui 5 Maio 2016 - 0:11

Olá, pode passar sua Folha de estilo pra que eu altere ao senhor.

Atenciosamente,
White.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Em curso Re: Como funciona este menu?

Mensagem por Uatyla em Qui 5 Maio 2016 - 2:14

Enviei por MP

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2414
Pontos Ativos : 5079

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Em curso Re: Como funciona este menu?

Mensagem por MateusAnjosV em Qui 5 Maio 2016 - 2:56

Boa noite.

Procure por este CSS:
Código:
#page-header .navbar {
    background: #E0FFFF !important;
}

E substitua-o por este:
Código:
#page-header .navbar {
  background: rgb(45, 49, 52) none repeat scroll 0% 0%;
}

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2394

http://ajuda.forumeiros.com/
  • 0

Em curso Re: Como funciona este menu?

Mensagem por while em Qui 5 Maio 2016 - 3:57

Olá, CSS foi mandado via Mp com as alterações, caso o código de nosso amigo Mateus não resolva.

Atenciosamente,
While.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Em curso Re: Como funciona este menu?

Mensagem por Uatyla em Qui 5 Maio 2016 - 10:54

Opaa agora funcionou! *-*

só mais uma dúvida, eu não queria que aparecesse no menu. Calendário, buscar por exemplo, o que eu faço para tira?

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2414
Pontos Ativos : 5079

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Em curso Re: Como funciona este menu?

Mensagem por while em Qui 5 Maio 2016 - 11:01

Olá amigo!
Isto e outra dúvida, peço que crie um novo tópico, pra podermos te ajudar.

Visto que esse tópico era só pra modificar a aparência de seu menu.

Atenciosamente,
While.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Em curso Re: Como funciona este menu?

Mensagem por Uatyla em Qui 5 Maio 2016 - 11:05

Ok! Obrigado!

Uatyla
Usuário experiente

Masculino
Inscrito dia : 16/05/2012
Mensagens : 2414
Pontos Ativos : 5079

http://www.vidadeaquarista.com https://www.facebook.com/https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/https://twitter.com/VidadeAquarista

Em curso Re: Como funciona este menu?

Mensagem por Shek Crowley em Qui 5 Maio 2016 - 12:25

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 Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15082
Pontos Ativos : 22274

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5