Como faço esse menu?

4 participantes

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

Tópico resolvido Como faço esse menu?

Mensagem por James [B]. 04.04.13 19:41

Qual é minha questão:
Eu Queria Saber como Faz isso?Convidado Me Ajuda?

Como faço esse menu? S7hpRDn

Endereço do meu fórum:
http://net-games.forumbrasil.net

Versão do fórum:
PHPBB3


Última edição por PauloCesar399 em 06.04.13 12:57, editado 1 vez(es)
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como faço esse menu?

Mensagem por BrunoH. 04.04.13 19:44

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
#page-header .navbar ul.linklist.navlinks {
margin-top: -30px;
}
#page-header .navbar ul.navlinks {
background: url(http://i.imgur.com/fFXyK.png) no-repeat top center;
height: 55px;
left: -92px;
position: relative;
width: 1135px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
e Valide!

Até mais.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 04.04.13 19:50

Olha Como Fico

Como faço esse menu? Ci6M8lH
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por Convidado 04.04.13 22:46

Saudações!

Troque por este
Código:
#page-header .navbar ul.navlinks {
background: url(http://i.imgur.com/fFXyK.png) no-repeat 50% 0;
height: 50px;
left: -30px;
position: relative;
width: 1018px;
}
#page-header .navbar ul.navlinks li a:hover {
color: #EFEFEF;
text-shadow: black -1px -1px 1px;
}
#page-header .navbar ul.navlinks li a {
bottom: -20px;
color: white;
font-family: arial;
font-size: 17px;
margin: 5px;
position: relative;
text-shadow: black 1px 1px 1px;
}
.mainmenu:hover {
border-bottom: 1px solid white!important;
}

Até Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como faço esse menu?

Mensagem por Sennior 05.04.13 0:23

Saudações! Muito feliz

Se nenhum dos códigos acima vier a resultar poderia mandar o link do fórum onde o senhor viu aquele estilo de menu?

Até mais! Piscada
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 17:31

Pablo a letra fico grande e fico meu bugado quero igual a desse forum http://clamaster.forumbrasil.net/forum
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 17:56

Convidado
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por Convidado 05.04.13 18:03

Olá!

Troque por este
Código:
#page-header .navbar ul.navlinks {
background: url(http://i.imgur.com/fFXyK.png) no-repeat 50% 0;
height: 50px;
left: -92px;
position: relative;
width: 1018px;
}
#page-header .navbar ul.navlinks li a:hover {
color: #EFEFEF;
text-shadow: black -1px -1px 1px;
}
#page-header .navbar ul.navlinks li a {
bottom: -20px;
color: white;
font-family: arial;
font-size: 14px;
margin: 5px;
position: relative;
text-shadow: black 1px 1px 1px;
}
.mainmenu:hover {
border-bottom: 1px solid white!important;
 }

Até Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 18:06

Olhá Como fico Agora

Como faço esse menu? 2UdPkal
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 18:15

Convidadopf !!!!!!!!!!!!!!!!!!!!
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como faço esse menu?

Mensagem por BrunoH. 05.04.13 18:20

Olá!
Substitua o CSS do tal efeito, por este:
Código:
#page-header .navbar ul.navlinks {
background: url(http://i.imgur.com/fFXyK.png) no-repeat 50% 0;
height: 50px;
left: -33px;
position: relative;
width: 1018px;
margin-top: -50px;
}
#wrap {min-width: 951px;width: 65%;}

Até mais.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 18:24

Olhá Como Fico

Como faço esse menu? J7j6cuH
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como faço esse menu?

Mensagem por BrunoH. 05.04.13 18:31

Olá!
Substitua o código por este:
Código:
#page-header .navbar ul.navlinks {
background: url(http://i.imgur.com/fFXyK.png) no-repeat 50% 0;
height: 50px;
left: -33px;
position: relative;
width: 1018px;
margin-top: -50px;
}
#wrap {min-width: 951px;width: 65%;}
.mainmenu {margin-top: -10px!important;}

Até mais.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 18:34

Não Mudo NADA Convidado
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 18:46

Convidado
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 19:03

Alguem Ajuda PF !!! Você Ajuda Convidado
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 19:16

AFFF DESCULPA O DOPLO POST MAS NINGUEM VAI AJUDAR?
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por Convidado 05.04.13 19:17

Saudações!

Senhor, para que possamos acertar um resultado melhor no menu, abaixo vou explicar como arrumar a posição até ficar do lugar certo.
#page-header .navbar ul.navlinks {
background: url(https://i.imgur.com/fFXyK.png) no-repeat 50% 0;
height: 50px;
left: -30px;
position: relative;
width: 1018px;
}
#page-header .navbar ul.navlinks li a:hover {
color: #EFEFEF;
text-shadow: black -1px -1px 1px;
}
#page-header .navbar ul.navlinks li a {
bottom: -20px;
color: white;
font-family: arial;
font-size: 14px;
margin: 5px;
position: relative;
text-shadow: black 1px 1px 1px;
}
.mainmenu:hover {
border-bottom: 1px solid white!important;
}
Negrito > Ambos dos números em negritos, vão ser alterada um sempre positivo e outro negativo, vai alterando até que a posição fique correta em seu fórum.

Até Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 20:13

Eu TENTEI ARRUMA mas so fica assim
Como faço esse menu? L4Qmfjs
O que eu faço?????

ME AJUDEM PF!!!!! Convidado Você pode me ajudar???
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por Convidado 05.04.13 20:19

Saudações!

Procure no código esta propriedade
width: 1018px;
Vá aumentando até ficar certo, se acaso não der certo diminua a largura de seu fórum.

Até Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 05.04.13 20:23

Como Diminuo a largura do forum?
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por Convidado 05.04.13 20:44

Saudações!

Queira ler https://ajuda.forumeiros.com/t36774-

Até Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como faço esse menu?

Mensagem por Sennior 05.04.13 23:07

Saudações! Muito feliz

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Código:

Código:
#wrap {
width: 60% !important;
}

Valide.Piscada

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por pyrohinotama 06.04.13 2:11

o.o n conheço muito de css cara... mas se nada de rcerto voce poderia baixar algum progama de edição de imagem e fazer um meno assim, só uma sugestão, no caso aconcelho a baixar o Ginp
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço esse menu?

Mensagem por James [B]. 06.04.13 12:57

Vlw Gente pela ajuda eu consigo resolve RESOLVIDO
James [B].

James [B].
****

Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325

http://skytemas.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