[TUTORIAL] Arredondar bordas do fórum
Página 1 de 1 • Compartilhe

[TUTORIAL] Arredondar bordas do fórum
![]() | Efeito CSS |
![]() | Atenção: os códigos mencionados neste tutorial, não terá efeito quando o Fórum for acedido pelos através dos navegadores Internet Explorer. |
--> Tutoriais, Dicas e Astúcias <--
Arredondar a borda do Fórum
Arredondar a borda do Fórum
1º - Arredondar a borda das paginas do Fórum:
Vamos começar primeiramente arredondando as bordas das paginas do Fórum, para isto terá de adicionar o código correspondente à versão do seu Fórum:
![]() | PhpBB 2 |
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
![]() | PhpBB 3 |
#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
![]() | PunBB |
.pun {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
![]() | Invision |
#ipbwrapper {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
![]() | Explicando: Vamos agora a explicação das propriedades utilizadas:
|
2º - definir uma cor para a borda:
Os códigos a verde são editáveis (#000000) cores hexadecimais, que definem a cor da borda do Fórum, o que poderá definir outros códigos, selecionando uma cor do quadro em baixo:
- Depois de selecionar a cor, encontrará o código da mesma na caixa "Hex", copie esse código e substitua pelo que está a verde, no código de arredondamento.
3º - Adicionar o código à Folha de estilo CSS:
Terá de aceder a;
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
Deverá colocar o código, nesta página. Se já contém algum código, deve adicionar o código de arredondamento, assim como qualquer outro que adicione futuramente, depois do já existente.
© Fórum dos Fóruns
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Arredondar a borda do Fórum |
seender- Membro Proficiente
-
Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

» [TUTORIAL] Arredondar as bordas das categorias do fórum
» Arredondar as bordas do fórum
» Arredondar bordas do forum
» Arredondar bordas do fórum
» Arredondar bordas do fórum
» Arredondar as bordas do fórum
» Arredondar bordas do forum
» Arredondar bordas do fórum
» Arredondar bordas do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos