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

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

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

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

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

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

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


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum