1 [Tutorial] Arredondar as borda das categorias Sáb Jan 26, 2013 9:52 am
Quakeline
Arredondar as borda das categorias
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Este tutorial ensina como editar as bordas das categorias do seu fórum para quem deseja ter o visual do seu fórum mais arredondado ou até mesmo mais personalizado através dos códigos CSS.
Nº1) Arredondar as bordas das categorias do fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
.forumline {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #000000;
}
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
.pun table.table {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #000000;
}
.main .main-head {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #000000;
}
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
.borderwrapm, div.borderwrap {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
}
div.maintitle {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
}
table.ipbtable tfoot td {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
}
Vermelho:Alterar a amplitude do arredondamento (mais ou menos arredondado)
Verde:Alterar a cor da borda
Nº2) Adicionar o código à folha de estilo CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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.
PERGUNTAS E RESPOSTAS DO TUTORIAL
- Não esta funcionando na minha versão
Se não estiver funcionando por favor responde o tópico que eu estarei atualizando o tutorial.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]