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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz
 
Kyo Panda
 
Shek
 
Dr.
 
Sennior
 
Chrono Trigger
 
Cannabis._.
 
Harleen
 
Tiger
 
LanternaV2
 

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

[SRD]JimClark, _AXE_PM_AXE_, iHeloaD, Kyo Panda, Paulo Giacomelli, Sennior, ZombieW

[ Ver toda a lista ]


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

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 03/05/16, 12:45 am

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2417
Pontos Ativos : 3419

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 03/05/16, 08:31 am

Olá!

Qual menu? Pode mostrar uma imagem?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

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 03/05/16, 11:05 am

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
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2417
Pontos Ativos : 3419

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 03/05/16, 05:37 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 12008

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 03/05/16, 06:06 pm

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 03/05/16, 08:27 pm

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

Vinicius Reis
Nível 9

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

http://atelier262.forumeiros.com/

Em curso Re: Como funciona este menu?

Mensagem por while em 03/05/16, 09:26 pm

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 03/05/16, 11:53 pm

@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!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2417
Pontos Ativos : 3419

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 04/05/16, 12:43 am

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 04/05/16, 01:38 am

a fonte continua transparente!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2417
Pontos Ativos : 3419

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 04/05/16, 04:17 pm

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 04/05/16, 06:06 pm

continua a mesma coisa! =/
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2417
Pontos Ativos : 3419

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 04/05/16, 08:11 pm

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

Atenciosamente,
White.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 04/05/16, 10:14 pm

Enviei por MP
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2417
Pontos Ativos : 3419

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 04/05/16, 10:56 pm

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

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

Em curso Re: Como funciona este menu?

Mensagem por while em 04/05/16, 11:57 pm

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

Atenciosamente,
While.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 05/05/16, 06:54 am

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2417
Pontos Ativos : 3419

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 05/05/16, 07:01 am

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 05/05/16, 07:05 am

Ok! Obrigado!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2417
Pontos Ativos : 3419

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 em 05/05/16, 08:25 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".


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16356
Pontos Ativos : 20826

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