Início
Criar um fórumComo faço esse menu?
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe •
Como faço esse menu?
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
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)
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 
Re: Como faço esse menu?
por BrunoH. em 04/04/13, 03:44 pm
Olá!
Aceda a Folha de Estilo CSS:
Até mais.
Aceda a Folha de Estilo CSS:
Código:Painel de ControleVisualização
- 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;
}
Até mais.
BrunoH.- Principal contribuidor
- Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382 -
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
Re: Como faço esse menu?
por Convidado em 04/04/13, 06:46 pm
Saudações!
Troque por este
Até
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é
Convidado- Convidado
Re: Como faço esse menu?
por Sennior em 04/04/13, 08:23 pm
Saudações! 
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!
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!
Sennior- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16315
Pontos Ativos : 20817 -
Re: Como faço esse menu?
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
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
Re: Como faço esse menu?
por Convidado em 05/04/13, 02:03 pm
Olá!
Troque por este
Até
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é
Convidado- Convidado
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
Re: Como faço esse menu?
por BrunoH. em 05/04/13, 02:20 pm
Olá!
Substitua o CSS do tal efeito, por este:
Até mais.
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.- Principal contribuidor
- Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382 -
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
Re: Como faço esse menu?
por BrunoH. em 05/04/13, 02:31 pm
Olá!
Substitua o código por este:
Até mais.
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.- Principal contribuidor
- Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382 -
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
Re: Como faço esse menu?
por James [B]. em 05/04/13, 03:03 pm
Alguem Ajuda PF !!! Você Ajuda Convidado
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
Re: Como faço esse menu?
por James [B]. em 05/04/13, 03:16 pm
AFFF DESCULPA O DOPLO POST MAS NINGUEM VAI AJUDAR?
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
Re: Como faço esse menu?
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.
Até
Senhor, para que possamos acertar um resultado melhor no menu, abaixo vou explicar como arrumar a posição até ficar do lugar certo.
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.#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;
}
Até
Convidado- Convidado
Re: Como faço esse menu?
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???
O que eu faço?????
ME AJUDEM PF!!!!! Convidado Você pode me ajudar???
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
Re: Como faço esse menu?
por Convidado em 05/04/13, 04:19 pm
Saudações!
Procure no código esta propriedade
Até
Procure no código esta propriedade
Vá aumentando até ficar certo, se acaso não der certo diminua a largura de seu fórum.width: 1018px;
Até
Convidado- Convidado
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
Convidado- Convidado
Re: Como faço esse menu?
por Sennior em 05/04/13, 07:07 pm
Saudações!
Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha De Estilo CSS
Código:
Valide.
Até mais.
Aceda à tua "Folha de Estilo CSS":
Painel de Controle
Visualização Imagens e Cores Cores Folha De Estilo CSSCódigo:
- Código:
#wrap {
width: 60% !important;
}
Valide.
Até mais.
Sennior- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16315
Pontos Ativos : 20817 -
Re: Como faço esse menu?
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
pyrohinotama- Usuário destaque
-
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304 -
Re: Como faço esse menu?
por James [B]. em 06/04/13, 08:57 am
Vlw Gente pela ajuda eu consigo resolve RESOLVIDO
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325 -
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Facebook
Twitter
Google+
Youtube
GitHub
