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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Problemas ao editar
Hoje à(s) 10:24 am por Ketholy123

» Menu Mensagem Privada
Hoje à(s) 10:06 am por Ketholy123

» Colocar um tópico ligado a dois sub forums
Hoje à(s) 10:02 am por Ketholy123

» Notificação de novas mensagens
Hoje à(s) 06:35 am por IsmaelS.

» Atualizar status
Hoje à(s) 06:30 am por IsmaelS.

» Dúvida Smiles
Hoje à(s) 12:41 am por Ketholy123

» Visibilidade das imagens e endereços /site apenas para os usuários registados
Ontem à(s) 10:59 pm por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
T1ag0
 

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

Dr., DustyRhodes, Ketholy123, Philopannyx, Railison Ramon

[ 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 : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl 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 : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial 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 : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl 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 : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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

Ver perfil do usuário 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl 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 : 1435
Pontos Ativos : 2004

Ver perfil do usuário 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl 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".


Shek CrowleyAdmineiro - 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 : 16941
Pontos Ativos : 21268

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG 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