Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosComo faço esse menu?
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como faço esse menu?
por James [B]. 04.04.13 19:41
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 12:57, editado 1 vez(es)
![James [B].](https://2img.net/u/2612/28/77/07/avatars/48394-41.jpg)
James [B].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
Re: Como faço esse menu?
por BrunoH. 04.04.13 19:44
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.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
James [B].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
Re: Como faço esse menu?
por Convidado 04.04.13 22:46
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 05.04.13 0:23
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- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Como faço esse menu?
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].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
James [B].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
Re: Como faço esse menu?
por Convidado 05.04.13 18:03
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].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
James [B].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
Re: Como faço esse menu?
por BrunoH. 05.04.13 18:20
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.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
James [B].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
Re: Como faço esse menu?
por BrunoH. 05.04.13 18:31
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.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
James [B].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
James [B].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
James [B].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
Re: Como faço esse menu?
por James [B]. 05.04.13 19:16
AFFF DESCULPA O DOPLO POST MAS NINGUEM VAI AJUDAR?
James [B].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
Re: Como faço esse menu?
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.
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(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;
}
Até
Convidado- Convidado
Re: Como faço esse menu?
por James [B]. 05.04.13 20:13
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].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
Re: Como faço esse menu?
por Convidado 05.04.13 20:19
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].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
Re: Como faço esse menu?
por Sennior 05.04.13 23:07
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- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Como faço esse menu?
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- Membro
- Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304 -
Re: Como faço esse menu?
por James [B]. 06.04.13 12:57
Vlw Gente pela ajuda eu consigo resolve RESOLVIDO
James [B].- ****
- Membro desde : 16/09/2012
Mensagens : 233
Pontos : 325 -
Tópicos semelhantes» Como faço pra usar esse Menu
» Como faço esse menu de entrar?
» Como eu faço um campo de perfil como esse?
» Como faço esse tipo de expansão na categoria
» Como faço esse efeito
» Como faço esse menu de entrar?
» Como eu faço um campo de perfil como esse?
» Como faço esse tipo de expansão na categoria
» Como faço esse efeito
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: 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ões neste sub-fórum
Não podes responder a tópicos