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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Fou-Lu
 
Holkis
 
iScroll
 
Sr.Oliveira
 
while
 
Harleen
 
fiapinho
 
Stewart
 

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

Fou-Lu, vitorsali

[ 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 : 2417
Pontos Ativos : 5166

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8037
Pontos Ativos : 14708

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 : 2417
Pontos Ativos : 5166

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8037
Pontos Ativos : 14708

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 : 2848
Pontos Ativos : 4293

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 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 194
Pontos Ativos : 574

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 : 2848
Pontos Ativos : 4293

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 : 2417
Pontos Ativos : 5166

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 : 2848
Pontos Ativos : 4293

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 : 2417
Pontos Ativos : 5166

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 : 2848
Pontos Ativos : 4293

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 : 2417
Pontos Ativos : 5166

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 : 2848
Pontos Ativos : 4293

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 : 2417
Pontos Ativos : 5166

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 : 2476

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 : 2848
Pontos Ativos : 4293

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 : 2417
Pontos Ativos : 5166

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 : 2848
Pontos Ativos : 4293

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 : 2417
Pontos Ativos : 5166

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



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15621
Pontos Ativos : 23048

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