Como 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?
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?
Olá!
Aceda a Folha de Estilo CSS:
Até mais.
Aceda a Folha de Estilo CSS:
Código:Painel de ControleVisualização
Imagens e Cores
Cores
Folha de estilo CSS
- 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
Re: Como faço esse menu?
Olha Como Fico


James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325
Re: Como faço esse menu?
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?
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?
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
Re: Como faço esse menu?
Convidado
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325
Re: Como faço esse menu?
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
Re: Como faço esse menu?
Olhá Como fico Agora


James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325
Re: Como faço esse menu?
Convidadopf !!!!!!!!!!!!!!!!!!!!
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325
Re: Como faço esse menu?
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
Re: Como faço esse menu?
Olhá Como Fico


James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325
Re: Como faço esse menu?
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
Re: Como faço esse menu?
Não Mudo NADA Convidado
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325
Re: Como faço esse menu?
Convidado
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325
Re: Como faço esse menu?
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?
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?
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?
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?
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
Re: Como faço esse menu?
Como Diminuo a largura do forum?
James [B].- Nível 9
-
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325
Convidado- Convidado
Re: Como faço esse menu?
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




Có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?
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?
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