Menu hi-tech

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

Resolvido Menu hi-tech

Mensagem por Gabriel Cutolo em 29/09/11, 03:37 pm

Qual é minha questão:
queria saber o codigo desse menu http://www.hitechbr.com/forum

Tambem queria saber do painel do usuario deles.

Endereço do meu fórum:
http://directdesign.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por seender em 30/09/11, 04:45 pm

Olá!

Utilize este código:
Código:
#page-header div.navbar{
background: url() no-repeat bottom center;
position: relative;
bottom: 120px;}
#page-header .navbar ul{border: none;
margin-left:0;}
ul.navlinks {
border: 0px;}

#page-header ul.linklist li a{
margin-top: 100px;}

#page-header ul.linklist li a img:hover{
background: url(https://lh6.googleusercontent.com/_hJIxqhETxBc/TWko5yvxajI/AAAAAAAAAZ8/ljQ3FGb-kj4/s288/fundo2g.png) center no-repeat;}
Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

A resposta que lhe dei é para a primeira pergunta, para a segunda terá de criar um novo tópico em Questões sobre códigos pois não são permitidos tópicos com múltiplas dúvidas.

Melhores cumprimentos,
seender

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo em 01/10/11, 12:58 pm

avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Luciano98 em 04/10/11, 06:09 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.navlinks{position:absolute;left:40%;top:5px}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo em 04/10/11, 07:19 pm

Não deu certo novamente :S tem que deletar a imagem de logo?
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Victor Vaz em 05/10/11, 09:24 pm

Não, não será preciso deletar a imagem do logo, só será preciso configurar o código css que eles te passaram.
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo em 06/10/11, 07:13 pm

não deu meu menu sumiu :S
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo em 06/10/11, 07:13 pm

Desculpa pelo doble post mas, por favor me ajudem
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Victor Vaz em 06/10/11, 07:16 pm

Olá, apegue o outro código e utilize esse:
Você precisará de configura-lo.

#page-header .navbar {
propriedades
}

Para o menu já em cima do logo:

#page-header .navbar {
position: absolute;
padding: 0;
top: 0;
left: 5px;
width: 98%;
right: 5px;
background: none;
}
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo em 06/10/11, 07:27 pm

o que devo exatamente colocar no "propriedades" ?
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Victor Vaz em 06/10/11, 07:31 pm

Não, você terá que configuralo.
Tenho um pronto para você:

#page-header .navbar {
position: absolute;
padding: 0;
top: 0;
left: 5px;
width: 98%;
right: 5px;
background: none;
}

Agora é só colocar as imagens do menu como o Hi-tech.
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo em 06/10/11, 07:49 pm

prepara o css todo pra mim por favor ?
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Victor Vaz em 06/10/11, 07:53 pm

O CSS já está preparado,

#page-header .navbar {
position: absolute;
padding: 0;
top: 0;
left: 5px;
width: 98%;
right: 5px;
background: none;
}

Agora só precisa mudar as imagens do menu.
Para fazer isso aceda em:

Painel de Controle > Visualização > Cabeçalho & Navegação

E agora você vê os menus e clica em editar Editar e coloque a imagem que quiser.
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo em 06/10/11, 08:02 pm

avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Victor Vaz em 06/10/11, 08:04 pm

Você vai e coloca no espaço em branco da imagem um texto fazeendo a edição da imagem.

Mas caso você não sabe fazer isso, tem uma área especifico para isso:

http://ajuda.forumeiros.com/f71-criacoes-graficas
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo em 06/10/11, 08:47 pm

cara vc poderia criar pra mim ? fundo > https://lh6.googleusercontent.com/_hJIxqhETxBc/TWko5yvxajI/AAAAAAAAAZ8/ljQ3FGb-kj4/s288/fundo2g.png e no meio disso escrito portal forum e esses ?
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Cream em 10/10/11, 12:48 pm

Olá,

Esta não é a área correcta para isso, favor aceda em:
Seta http://ajuda.forumeiros.com/f71-
Flecha ajudeiros http://ajuda.forumeiros.com/t36383-

Posso dar sua dúvida como resolvida?
Até mais.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo em 10/10/11, 08:41 pm

Pode, mas tem vezes que eu faço o pedido, só que fala "Só administradores do fórum pode postar aqui".... Posso saber se está aberta ?
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

Resolvido Re: Menu hi-tech

Mensagem por Cream em 12/10/11, 01:55 pm

Olá,

Isso acontece devia ao fechamento/abertura das áreas que expliquei em minha postagem anterior. Mas as seções já foram abertas, você já pode realizar seu pedido. Sendo assim, dúvida resolvida?

Até mais.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo em 12/10/11, 05:13 pm

Já consegui o que queria pode fechar, brigado ai por explicar o fechamento cream!
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

Ver perfil do usuário http://directdesign.forumeiros.com/

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