Você não está conectado. Conecte-se ou registre-se

Como deixar o menu do meu fórum com a aparência do menu do FdF?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Como deixar o menu do meu fórum com a aparência do menu do FdF?

Meu fórum: www.gamenatico.forumeiros.com

Ver perfil do usuário
Alguém?

Ver perfil do usuário

Admin

avatar
Administrador
Terás de aguardar por um membro da moderação de programação.
[aviso="Double Post"]De acordo com as regras não são premitidos "Double Posts".[/aviso]
[informação="Pedidos de Up"]Só são aceites UPs 24h depois do pedido.[/informação]

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

RafaelS.

avatar
Administrador
Olá!

Adicione isto a sua folha de estilos:

Código:
#pun-intro {
    background-color: #369FCF;
    background-image: url(http://illiweb.com/fa/empty.gif);
    background-repeat: repeat-x;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 1.5em 1em 1em;
    text-align: center;
    min-height: 201px;
    padding: 0px !important;
    margin-left: -5px !important;
    margin-right: -5px !important;
    margin-top: 24px !important;
}
.container_IE {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/bar13.png) repeat-x 0 36px transparent;
}
div#pun-head {
    margin-top: -1px;
    margin-left: -5px;
    margin-right: -5px;
}
#pun-head #pun-navlinks {
    padding: 12px !important;
}
a.mainmenu {
    color: #fff !important;
}

PS: Não terá o mesmo efeito, pelo motivo do seu logo ser diferente.
Você assume a responsabilidade ao colocar este código no seu fórum, visto que você não é o autor e sim FdF.

Até mais.

Ver perfil do usuário
RafaelS. escreveu:Olá!

Adicione isto a sua folha de estilos:

Código:
#pun-intro {
    background-color: #369FCF;
    background-image: url(http://illiweb.com/fa/empty.gif);
    background-repeat: repeat-x;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 1.5em 1em 1em;
    text-align: center;
    min-height: 201px;
    padding: 0px !important;
    margin-left: -5px !important;
    margin-right: -5px !important;
    margin-top: 24px !important;
}
.container_IE {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/bar13.png) repeat-x 0 36px transparent;
}
div#pun-head {
    margin-top: -1px;
    margin-left: -5px;
    margin-right: -5px;
}
#pun-head #pun-navlinks {
    padding: 12px !important;
}
a.mainmenu {
    color: #fff !important;
}

PS: Não terá o mesmo efeito, pelo motivo do seu logo ser diferente.
Você assume a responsabilidade ao colocar este código no seu fórum, visto que você não é o autor e sim FdF.


Até mais.

Só faltou o hover..

Ver perfil do usuário

IsmaelS.

avatar
Administrador
Olá!

Tenta adicionar mais este .CSS:
Código:
#page-header a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    transition: 250ms;
}



  • webGRAPHIC - Desenvolvimento Web e Gráfico

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

    Admin

    avatar
    Administrador
    Caso o do IsmaelS. não funcione, adiciona o seguinte código à folha de estilos CSS.

    Código:
    a.mainmenu:hover {
          border-bottom: 5px solid white;
    }
     

    O tamanho do hover depois modificas onde está o 5px.

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

    IsmaelS.

    avatar
    Administrador
    [sucesso="Dúvida dada como Resolvida!"]Passado mais de 3 dias sem resposta do autor a dúvida será arquivada.[/sucesso]



  • webGRAPHIC - Desenvolvimento Web e Gráfico

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

    Conteúdo patrocinado


    Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

    Permissão deste fórum:
    Você não pode responder aos tópicos neste fórum

     

    © WEBGRAPHIC - Todos os Direitos Reservados
    Este tema foi construído pelo WEBGRAPHIC com a utilização de alguns utilitários
    do fórum WASD a cópia total ou parcial de qualquer conteúdo do fórum é proíbida.