Forum relacionado com web design e design gráfico. Duvidas, sugestões, regista-te e participa.
InícioPortalFAQBuscarMembrosRegistrar-seConectar-se

Compartilhe  | 
 

 [Tutorial] Arredondar a borda das categorias para fóruns Invision

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
Autor Mensagem
Admin
Admin
Admin
avatar

Sexo : Masculino
Idade : 25
Mensagens : 50
Localização : Leiria
Data de inscrição : 09/09/2009

MensagemAssunto: [Tutorial] Arredondar a borda das categorias para fóruns Invision   Seg Nov 16, 2009 9:41 pm

Resultado:


Apenas tens de ir a:
Painel de Controle > Visualização > Imagens e Cores » Cores > Folha de estilo CSS

E postar este código:
Código:
/*Inicio do codigo das bordas*/
div.borderwrap {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
div.maintitle {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-webkit-border-radius-topleft: 7px;
-webkit-border-radius-topright: 7px;
}
table.ipbtable tfoot td {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
}
.module .box-content, element.style {
-moz-border-radius:7px;
-webkit-border-radius: 7px;
}
/*Fim do codigo das bordas*/



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.





Para mudar o Tamanho do redondo e só mudar os números a laranja.
(Quanto maior o numero maior a zona curva)

Citação :
div.borderwrap {
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.maintitle {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-webkit-border-radius-topleft:7px;
-webkit-border-radius-topright:7px;
}
table.ipbtable tfoot td {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomleft:10px;
-webkit-border-radius-bottomright:10px;
}
.module .box-content, element.style {
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

O forum irá ficar assim:
(Clique para aumentar)
Voltar ao Topo Ir em baixo
http://ds-design.forum-livre.com
 

[Tutorial] Arredondar a borda das categorias para fóruns Invision

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

Permissão deste fórum: Você não pode responder aos tópicos neste fórum
Ds-Design :: Ajuda para foruns do forumeiros :: Tutoriais -
criar um fórum | © phpBB | Fórum grátis de ajuda | Fale conosco | Assinalar uma queixa | Criar um fórum