Menu hi-tech

5 participantes

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

Tópico resolvido Menu hi-tech

Mensagem por Gabriel Cutolo 29.09.11 19:37

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
Gabriel Cutolo

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por seender 30.09.11 20:45

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'
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo 01.10.11 16:58

Gabriel Cutolo

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Luciano98 04.10.11 22:09

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

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo 04.10.11 23:19

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

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Victor Vaz 06.10.11 1:24

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

Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo 06.10.11 23:13

não deu meu menu sumiu :S
Gabriel Cutolo

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo 06.10.11 23:13

Desculpa pelo doble post mas, por favor me ajudem
Gabriel Cutolo

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Victor Vaz 06.10.11 23:16

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;
}
Victor Vaz

Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo 06.10.11 23:27

o que devo exatamente colocar no "propriedades" ?
Gabriel Cutolo

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Victor Vaz 06.10.11 23:31

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.
Victor Vaz

Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo 06.10.11 23:49

prepara o css todo pra mim por favor ?
Gabriel Cutolo

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Victor Vaz 06.10.11 23:53

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.
Victor Vaz

Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo 07.10.11 0:02

Gabriel Cutolo

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Victor Vaz 07.10.11 0:04

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:

https://ajuda.forumeiros.com/f71-criacoes-graficas
Victor Vaz

Victor Vaz
Membro

Membro desde : 06/02/2011
Mensagens : 598
Pontos : 1171

http://vcommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo 07.10.11 0:47

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 ?
Gabriel Cutolo

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Cream 10.10.11 16:48

Olá,

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

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

Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo 11.10.11 0:41

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 ?
Gabriel Cutolo

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Cream 12.10.11 17:55

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

Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu hi-tech

Mensagem por Gabriel Cutolo 12.10.11 21:13

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

Gabriel Cutolo
***

Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241

http://directdesign.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos