Ds-Design
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.


Forum relacionado com web design e design gráfico. Duvidas, sugestões, regista-te e participa.
 
InícioPortalProcurarÚltimas imagensRegistarEntrar

Compartilhe  | 
 

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

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

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

[Tutorial] Arredondar a borda das categorias para fóruns phpBB2 Vide
MensagemAssunto: [Tutorial] Arredondar a borda das categorias para fóruns phpBB2   [Tutorial] Arredondar a borda das categorias para fóruns phpBB2 EmptySeg Nov 16, 2009 9:52 pm

Resultado:
[Tutorial] Arredondar a borda das categorias para fóruns phpBB2 Newbitmapimage2


Apenas tens de ir a:
Painel de Controle > Visualização > [Tutorial] Arredondar a borda das categorias para fóruns phpBB2 Images_couleursImagens e Cores » Cores > Folha de estilo CSS

E postar este código:
Código:
/*Inicio do codigo das bordas*/
#categoria.forumline {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumline {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
/*Fim do codigo das bordas*/



[Tutorial] Arredondar a borda das categorias para fóruns phpBB2 Logo 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 :
#categoria.forumline {
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.forumline {
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

O forum irá ficar assim:
(Clique para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Ir para o topo Ir para baixo
https://ds-design.forumeiros.com
 

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

Ver o tópico anterior Ver o tópico seguinte Ir para o topo 
Página 1 de 1

Permissões neste sub-fórum Não podes responder a tópicos
Ds-Design :: Ajuda para foruns do forumeiros :: Tutoriais -
Forumeiros.com | ©phpBB | Fórum gratuito de ajuda | Denunciar um abuso | Criar um fórum