Como deixar o menu do meu fórum com a aparência do menu do FdF?
WEBGRAPHIC :: DESENVOLVIMENTO WEB :: CSS - Cascading Style Sheets :: Arquivos: CSS - Cascading Style Sheets
Como deixar o menu do meu fórum com a aparência do menu do FdF?
Meu fórum: www.gamenatico.forumeiros.com
TheDarkPlay- Membro
- Mensagens : 10
Pontos : 21
Reputação : 3
TheDarkPlay- Membro
- Mensagens : 10
Pontos : 21
Reputação : 3
Re: Como deixar o menu do meu fórum com a aparência do menu do FdF?
[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]
Re: Como deixar o menu do meu fórum com a aparência do menu do FdF?
Adicione isto a sua folha de estilos:
- Código:
#pun-intro {
background-color: #369FCF;
background-image: url(http://2img.net/i/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.
RafaelS.- Administrador
- Status : Boss !
Mensagens : 100
Pontos : 121
Reputação : 6
Re: Como deixar o menu do meu fórum com a aparência do menu do FdF?
RafaelS. escreveu:Olá!
Adicione isto a sua folha de estilos:
- Código:
#pun-intro {
background-color: #369FCF;
background-image: url(http://2img.net/i/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..
TheDarkPlay- Membro
- Mensagens : 10
Pontos : 21
Reputação : 3
Re: Como deixar o menu do meu fórum com a aparência do menu do FdF?
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;
}
Re: Como deixar o menu do meu fórum com a aparência do menu do FdF?
- Código:
a.mainmenu:hover {
border-bottom: 5px solid white;
}
O tamanho do hover depois modificas onde está o 5px.
Re: Como deixar o menu do meu fórum com a aparência do menu do FdF?
» Adicionar menu
» Como muda a cor
» Como mudar cor
» [FAQ] Como criar um tópico
WEBGRAPHIC :: DESENVOLVIMENTO WEB :: CSS - Cascading Style Sheets :: Arquivos: CSS - Cascading Style Sheets
|
|