Como faço esse menu?

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

Resolvido Como faço esse menu?

Mensagem por James [B]. em 04/04/13, 03:41 pm

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



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, 08:57 am, editado 1 vez(es)
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por BrunoH. em 04/04/13, 03:44 pm

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

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 04/04/13, 03:50 pm

Olha Como Fico

avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por Convidado em 04/04/13, 06:46 pm

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

Convidado
Convidado


Resolvido Re: Como faço esse menu?

Mensagem por Sennior em 04/04/13, 08:23 pm

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 01:31 pm

Pablo a letra fico grande e fico meu bugado quero igual a desse forum http://clamaster.forumbrasil.net/forum
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 01:56 pm

Convidado
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por Convidado em 05/04/13, 02:03 pm

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

Convidado
Convidado


Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 02:06 pm

Olhá Como fico Agora

avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 02:15 pm

Convidadopf !!!!!!!!!!!!!!!!!!!!
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por BrunoH. em 05/04/13, 02:20 pm

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

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 02:24 pm

Olhá Como Fico

avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por BrunoH. em 05/04/13, 02:31 pm

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

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 02:34 pm

Não Mudo NADA Convidado
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 02:46 pm

Convidado
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 03:03 pm

Alguem Ajuda PF !!! Você Ajuda Convidado
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 03:16 pm

AFFF DESCULPA O DOPLO POST MAS NINGUEM VAI AJUDAR?
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por Convidado em 05/04/13, 03:17 pm

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(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: 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

Convidado
Convidado


Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 04:13 pm

Eu TENTEI ARRUMA mas so fica assim

O que eu faço?????

ME AJUDEM PF!!!!! Convidado Você pode me ajudar???
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por Convidado em 05/04/13, 04:19 pm

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

Convidado
Convidado


Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 05/04/13, 04:23 pm

Como Diminuo a largura do forum?
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como faço esse menu?

Mensagem por Convidado em 05/04/13, 04:44 pm

Saudações!

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

Até Piscada

Convidado
Convidado


Resolvido Re: Como faço esse menu?

Mensagem por Sennior em 05/04/13, 07:07 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como faço esse menu?

Mensagem por pyrohinotama em 05/04/13, 10:11 pm

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
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Como faço esse menu?

Mensagem por James [B]. em 06/04/13, 08:57 am

Vlw Gente pela ajuda eu consigo resolve RESOLVIDO
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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