Arredondar as bordas das categorias do fórum

[MateusV.Membro experiente]

Arredondar as bordas das categorias do fórum

--> Galeria de CSS <--
Arredondar as bordas das categorias do fórum

1º - Arredondar as bordas das categorias do fórum:
Vamos começar primeiramente arredondando as bordas das categorias. Para isto terá de adicionar
O código correspondente à versão do seu fórum na folha de estilo css:Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

PhpBB 2

.forumline {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

th {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

PhpBB 3

.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

PunBB

.main .main-head {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

Invision

div.maintitle {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

Vermelho: Alterar a amplitude do arredondamento (mais ou menos arredondado)
Verde: Alterar a cor da borda

Explicando: Vamos agora a explicação das propriedades utilizadas: O código -moz-border-radius corresponde ao navegador "Mozilla". A unidade definida para esta propriedade definirá o tamanho do arco de arredondamento dos cantos das páginas do Fórum. Já quanto à propriedade -webkit-border-radius, destina-se aos navegadores: Safari, Epiphany, Google Chrome, Midori, Arora, OmniWeb, iCab, Shiira, ABrowse. À semelhança da propriedade anterior o valor definirá o tamanho do arco de arredondamento dos cantos das páginas do Fórum.

---

© Fórum dos temas

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[Dúvida] Arredondar as bordas das categorias do fórum