Menu no topo do fórum

[phnt]

Detalhes da questão

Endereço do fórum: http://pokelementsrpg.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá eu queria fazer um pedido sé vocês poderiam me ajudar a colocar os botões do índice no alto da pagina eu peguei uma imagem de outro fórum.

imagem do outro fórum:

É queria que fizesse ficar igual é se não der pelo menos ficar parecido.Agora a imagem do meu fórum

imagem do meu fórum:

Obs.Se precisar eu envio o link do outro fórum.

[Cream]

Olá,

O senhor quer o menu exatamente como neste outro fórum, ou quer somente que o seu menu esteja no alto da página? E por favor, mande-nos o link.

Até mais!

[phnt]

exatamente igual, aqui o link

[Cream]

Olá autor,

Adicione o seguinte código na sua folha de estilos CSS:

Código:

a.mainmenu {
    color: #FFF !important;
    font-family: verdana;
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 1px;
    text-transform: uppercase;
}
ul.linklist li {
    display: inline;
    font-family: Verdana;
    font-size: 11px;
    line-height: 2.2em;
    list-style-type: none;
    text-transform: none;
    width: auto;
}
div.navbar, div.navbar ul.linklist {
    display: block !important;
}
div.navbar ul.linklist {
    font-size: 12px;
    text-align: center;
}
ul.navlinks {
    background: #000;
    box-shadow: 0 0 10px #000;
    color: #fff !important;
    font-color: #fff;
    font-family: verdana;
    left: 0;
    padding-bottom: 10px;
    padding-top: 15px;
    position: fixed;
    right: 0;
    text-align: center;
    top: -4px;
    z-index: 999;
    border-bottom: 1px solid #000;
}

Veja se resulta.
Até mais!

[phnt]

Ocorreu um problema o menu ficou em cima da imagem do fórum.É o fato de a cor do ícone do meu ser preto eles sumiram somente alguns apareceram veja na imagem a seguir:

imagem do meu fórum:

[while]

Olá autor.

Adicione mais esse código em sua folha de estilo css:

Código:

 #i_icon_mini_gallery, #i_icon_mini_calendar, #i_icon_mini_index, #i_icon_mini_index, #i_icon_mini_search, #i_icon_mini_members,
        #i_icon_mini_logout, #i_icon_mini_groups, #i_icon_mini_login, #i_icon_mini_register, #i_icon_mini_message, #i_icon_mini_profile {background:#FFF!important;}

Pode ser assim?
Até mais.

[phnt]

Bem ainda está em cima da imagem o meu preto. o problema e a imagem do menu que está muito grande.Coloca o fundo branco em vez de preto por que ai e só diminuir a imagem.

IMAGEM DO MEU FÓRUM:

[while]

Ah sim, entendi.
Retire o código que eu passei acima, e troque o código do Cream por este:

Código:

a.mainmenu {
    color: #FFF !important;
    font-family: verdana;
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 1px;
    text-transform: uppercase;
}
ul.linklist li {
    display: inline;
    font-family: Verdana;
    font-size: 11px;
    line-height: 2.2em;
    list-style-type: none;
    text-transform: none;
    width: auto;
}
div.navbar, div.navbar ul.linklist {
    display: block !important;
}
div.navbar ul.linklist {
    font-size: 12px;
    text-align: center;
}
ul.navlinks {
    background: #FFF;
    color: #fff !important;
    font-color: #fff;
    font-family: verdana;
    left: 0;
    padding-bottom: 10px;
    padding-top: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -4px;
    z-index: 999;
}
#wrap {margin-top:180px!important;}

Até mais.

[phnt]

Obrigado ficou ótimo valeu mesmo a ajuda.


Pode fechar!  

phnt

[Cream]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".