Como colocar um menu igual a este Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Como 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

Ir para baixo

Tópico resolvido Como colocar um menu igual a este

Mensagem 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
avatar
MKK01
Novo Membro

Membro desde : 05/05/2010
Mensagens : 8
Pontos : 21

http://hdsaforum.vai.la

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem 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.
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
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem por Isadora Dias 06.10.11 15:18

Eu testei no meu e ele ficou todo para o lado
avatar
Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem por Dury 06.10.11 15:25

Como assim parado? Poderia especificar?
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem 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.
avatar
Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem 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. '-'
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem por Isadora Dias 08.10.11 21:49

Ele veio um poquinho pro lado mais ainda ta bem pra esquerda
avatar
Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem 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.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem por DDarkLinkk 10.10.11 4:17

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

Membro desde : 25/09/2011
Mensagens : 49
Pontos : 75

http://brcheats.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem 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. Tive uma idéia!
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem 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.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar um menu igual a este

Mensagem 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
DDarkLinkk
DDarkLinkk
*

Membro desde : 25/09/2011
Mensagens : 49
Pontos : 75

http://brcheats.forumeiro.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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

 
Permissões neste sub-fórum
Não podes responder a tópicos