InícioComo colocar um menu igual a este
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 colocar um menu igual a este
por MKK01 05.10.11 23:26
Qual é minha questão:
Gostaria que vocês me ajudassem a elaborar um código CSS ou outro tipo de coisa para colocar um menu igual o deste fórum: http://rbforum.forumbrasil.net/forum
Medidas que eu tomei para corrigir o problema:
Nenhuma
Imagens do meu problema:
-----
Endereço do meu fórum:
----
Versão do meu fórum:
PHPBB3
Gostaria que vocês me ajudassem a elaborar um código CSS ou outro tipo de coisa para colocar um menu igual o deste fórum: http://rbforum.forumbrasil.net/forum
Medidas que eu tomei para corrigir o problema:
Nenhuma
Imagens do meu problema:
-----
Endereço do meu fórum:
----
Versão do meu fórum:
PHPBB3
MKK01- Novo Membro
- Membro desde : 05/05/2010
Mensagens : 8
Pontos : 21 -
Re: Como colocar um menu igual a este
por Dury 06.10.11 14:35
Olá,
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Cole o seguinte código, modificando os valores desejados.
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Cole o seguinte código, modificando os valores desejados.
- Código:
#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -56px;
position: relative;}
#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}
#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}
Dury- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Re: Como colocar um menu igual a este
por Isadora Dias 06.10.11 15:18
Eu testei no meu e ele ficou todo para o lado
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Re: Como colocar um menu igual a este
por Dury 06.10.11 15:25
Como assim parado? Poderia especificar?
Dury- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Re: Como colocar um menu igual a este
por Isadora Dias 08.10.11 21:13
Bem o meunu ficou personalizado mas todo para o lado direito, como se eu tivesse ido nas configurações e selecionado para o forum ficar do lado esquerdo.
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Re: Como colocar um menu igual a este
por Convidado 08.10.11 21:24
Isadora Dias escreveu:Bem o meunu ficou personalizado mas todo para o lado direito, como se eu tivesse ido nas configurações e selecionado para o forum ficar do lado esquerdo.
- Código:
#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
position: center;}
#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}
#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}
Tenta esse. '-'
Aqui deu, mas não deu tudo pq to com img bugada e saiu da área, mas testa ae. '-'
Convidado- Convidado
Re: Como colocar um menu igual a este
por Isadora Dias 08.10.11 21:49
Ele veio um poquinho pro lado mais ainda ta bem pra esquerda
Isadora Dias- ****
- Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603 -
Re: Como colocar um menu igual a este
por Convidado 08.10.11 23:28
Isadora Dias escreveu:Ele veio um poquinho pro lado mais ainda ta bem pra esquerda
Poderia passar o fórum onde você está tentando fazer isso?
Mas aqui o código:
#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(https://i.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -33px;
position: relative;}
#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}
#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}
Você deve alterar a parte em vermelho de acordo com a estrutura da sua página.
Se você dizer o fórum que você está testando e o código sendo utilizado OU dizer o tamanho da estrutura do seu fórum, agente pode te ajudar.
Convidado- Convidado
Re: Como colocar um menu igual a este
por DDarkLinkk 10.10.11 4:17
Testei e ficou meio estranho o código aqui =/
DDarkLinkk- *
- Membro desde : 25/09/2011
Mensagens : 49
Pontos : 75 -
Re: Como colocar um menu igual a este
por Convidad 10.10.11 5:05
DDarkLinkk escreveu:Testei e ficou meio estranho o código aqui =/
Olá!
Seja um pouquinho mais específico, o que você deseja que modifique?
Espero sua resposta..
Abraços.
Convidad- Convidado
Re: Como colocar um menu igual a este
por Convidado 10.10.11 17:51
DDarkLinkk escreveu:Testei e ficou meio estranho o código aqui =/
O seu fórum é phpBB3?
Pois o código que o Jeffrey mandou {o meu é o mesmo, eu só indiquei onde ele
deve alterar}, é para fóruns phpBB3.
Convidado- Convidado
Re: Como colocar um menu igual a este
por DDarkLinkk 11.10.11 0:05
sim meu forum é phpbb3 o negosio que ficou estranho é que ele não ficou do tamanho serto da pagina para da um efeito que está vindo por traz
ele da meio que sem efeito esta no tamanho menor que o quadro do forum
ele da meio que sem efeito esta no tamanho menor que o quadro do forum
DDarkLinkk- *
- Membro desde : 25/09/2011
Mensagens : 49
Pontos : 75 -
Tópicos semelhantes» Como colocar o menu igual a este
» Colocar o menu igual a este:
» Colocar menu de navegação igual a este
» Como colocar igual a este nos tópicos
» Menú igual a este
» Colocar o menu igual a este:
» Colocar menu de navegação igual a este
» Como colocar igual a este nos tópicos
» Menú igual a este
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