Troca de menu!!!!

Minha questão:

Olá, eu queria mudar o modelo do menu e da barra do menu. exemplo como esse mais queria em azul da cor do fórum.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
Phpbb3

Olá,
Em qual fórum você viu ?

Adicione em sua folha CSS:

Código:


.linklist.navlinks {
    background-color: #b58960!important;
    border-color: #4c4841 !important;
    border-radius: 0 0 5px 5px !important;
    box-shadow: 0 0 0 1px #8d6735 inset, 0 1px 3px rgba(118, 7, 7, 0), 0 2px #91602a;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    height: 27px;
    padding: 0.5em 1.1em 0.6em;
    position: relative;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.247);
    top: -5px;
}
#logo-desc {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: initial;
    border-radius: 5px;
    border-style: none;
    border-width: medium;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.247) inset, 0 1px 3px rgba(0, 0, 0, 0.298), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
    color: #fff;
    margin: -5px;
    padding: 3px !important;
    text-align: center;
}


Olá, desejo azul a cor do meu fórum.
terei como deixa o espaço do logo igual o da imagem?

Procure por:

Código:

background-color: #b58960!important;

E troque por:

Código:

background-color: #1876bb!important;

Faça o mesmo no box-shadow:
Procure por:

Código:

box-shadow: 0 0 0 1px #8d6735 inset, 0 1px 3px rgba(118,7,7,0), 0 2px #91602a;

troque por:

Código:

box-shadow: 0 0 0 1px #1C79BE inset, 0 1px 3px rgba(118,7,7,0), 0 2px #1876BB;

Agora sobre o espaço que você se refere, acredito ser uma margem ?
Se for isso adicione isso no seu css:

Código:

#logo-desc img{margin: 10px 0 10px 0 !important;}

Onde está: 10px é a margem de distância dos outros elementos para a imagem, se quiser mais distância só aumentar de acordo com sua preferência.

Veja a Diferença!
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

para [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Procure por:

Código:

.linklist.navlinks

Apague essa parte:

Código:


 box-shadow: 0 0 0 1px #8d6735 inset, 0 1px 3px rgba(118, 7, 7, 0), 0 2px #91602a;


No meio contém ainda outra cor.

Procure por:

Código:


.linklist.navlinks


Dentro dele procure por:

Código:


border-color: #4c4841 !important;


Substitua por este:

Código:


border-color: #1876bb !important;


Até.

Ficou diferente da imagem que eu mostrei
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

[aviso="Tópico bloqueado"]
Motivo: Inativo por 8 dias![/aviso]
Movido de Pedido de código para Arquivo - Pedido de código