Como colocar um menu igual a este

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

Resolvido Como colocar um menu igual a este

Mensagem por MKK01 em 05/10/11, 07:26 pm

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

MKK01
Nível 2

Masculino
Inscrito dia : 05/05/2010
Mensagens : 8
Pontos Ativos : 21

Ver perfil do usuário http://hdsaforum.vai.la

Resolvido Re: Como colocar um menu igual a este

Mensagem por Dury em 06/10/11, 10:35 am

Olá,

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;}
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Como colocar um menu igual a este

Mensagem por Isadora Dias em 06/10/11, 11:18 am

Eu testei no meu e ele ficou todo para o lado

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Como colocar um menu igual a este

Mensagem por Dury em 06/10/11, 11:25 am

Como assim parado? Poderia especificar?
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Como colocar um menu igual a este

Mensagem por Isadora Dias em 08/10/11, 05:13 pm

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
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Como colocar um menu igual a este

Mensagem por Luks_Ponte em 08/10/11, 05:24 pm

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

Luks_Ponte
Nível 10

Masculino
Inscrito dia : 22/10/2010
Mensagens : 276
Pontos Ativos : 411

Ver perfil do usuário http://brasilplaylife.forumeiros.net/forum.htm

Resolvido Re: Como colocar um menu igual a este

Mensagem por Isadora Dias em 08/10/11, 05:49 pm

Ele veio um poquinho pro lado mais ainda ta bem pra esquerda

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Como colocar um menu igual a este

Mensagem por Luks_Ponte em 08/10/11, 07:28 pm

@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(http://i66.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.
avatar

Luks_Ponte
Nível 10

Masculino
Inscrito dia : 22/10/2010
Mensagens : 276
Pontos Ativos : 411

Ver perfil do usuário http://brasilplaylife.forumeiros.net/forum.htm

Resolvido Re: Como colocar um menu igual a este

Mensagem por DDarkLinkk em 10/10/11, 12:17 am

Testei e ficou meio estranho o código aqui =/
avatar

DDarkLinkk
Nível 5

Masculino
Inscrito dia : 24/09/2011
Mensagens : 49
Pontos Ativos : 75

Ver perfil do usuário http://brcheats.forumeiro.com/

Resolvido Re: Como colocar um menu igual a este

Mensagem por Convidad em 10/10/11, 01:05 am

@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. Tive uma idéia!

Convidad
Convidado


Resolvido Re: Como colocar um menu igual a este

Mensagem por Luks_Ponte em 10/10/11, 01:51 pm

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

Luks_Ponte
Nível 10

Masculino
Inscrito dia : 22/10/2010
Mensagens : 276
Pontos Ativos : 411

Ver perfil do usuário http://brasilplaylife.forumeiros.net/forum.htm

Resolvido Re: Como colocar um menu igual a este

Mensagem por DDarkLinkk em 10/10/11, 08:05 pm

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
avatar

DDarkLinkk
Nível 5

Masculino
Inscrito dia : 24/09/2011
Mensagens : 49
Pontos Ativos : 75

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