Canto arredondado gerador com CSS

 

fonte: 
blog-zone

Para criar um arredondado canto ligado o modelo, necessárias algumas alterações para o Código CSS. Arredondado canto é muito bom se for utilizado no título da barra lateral ou o menu de navegação. 

Faça um arredondado canto pode ser feito com a edição de CSS manualmente, ou você pode visitar um site que fornece a facilidade de fabricação arredondado canto.

Você pode usar as instalações do http://roundedcornr.com, Aqui você pode fazer arredondado canto com vários modelos, que vão desde o básico, com a imagem gradiente, com um limite, e fazer uma imagem arredondado canto.

Faça um I. arredondado canto por roundedcornr.com

II. Criando manualmente arredondado canto

 
Para criar um arredondado canto, Você acabou de inserir -moz-border-radius e -webkit-border-radius. 

Insere este código a ser lido por todos os browsers, mas IE não é de suporte com código de 2.

• -moz-border-radius Mozilla Firefox e para o outro browser
• -webkit-border-radius para o browser Safari

Exemplo:

. sidebar. widget (background: # FFF; border: 1px solid # E6E6E6; margin: 10px; padding: 10px; -moz-border-radius:10px; -webkit-border-radius:10px }

10px: número de arredondado canto. 

Se você quiser expandir, você pode substituí-la por um número maior.

To create a rounded corner on the template, needed some changes to the css code. Rounded corner is very good if used on the sidebar title or the navigation menu. Make a rounded corner can be done with css editing manually, or you can visit a site that provides manufacturing facility rounded corner.
You can use the facilities of the http://roundedcornr.com, here you can make rounded corner with various models, ranging from the basic, with the gradient image, with a border, and making an image rounded corner.
I. Make a rounded corner by roundedcornr.com

II. Creating manually rounded corner
To create a rounded corner, you just insert -moz-border-radius and -webkit-border-radius. Inserts this code to be read by all browsers, but IE is not support with 2 code.

• -moz-border-radius for mozilla firefox & the other browser
• -webkit-border-radius for safari browser

Example :

.sidebar .widget { background:#FFF; border:1px solid #E6E6E6; margin:10px; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px }

10px : number of rounded corner, if you want to expand, you can replace it with a larger number.

|

BLOG ZONE  para mim

mostrar detalhes 08:03 (9 horas atrás)

---

Tradução do inglês para o portuguêsMostrar romanização

Canto arredondado gerador com CSS

Cantos arredondados

Para criar um canto arredondado no modelo (template),

precisava de algumas mudanças no código CSS. Canto arredondado é muito bom se for utilizado no título da barra lateral ou no menu de navegação. Faça um canto arredondado pode ser feito com a edição de CSS manualmente, ou você pode visitar um site que fornece instalações de fabrico de canto arredondado.
Você pode usar as instalações do http://roundedcornr.com, aqui você pode fazer canto arredondado com vários modelos, que vão desde o básico, com a imagem gradiente, com um limite, e fazer uma imagem de bordas arredondadas.
I. Fazer um canto arredondado por roundedcornr.com
imagem
II. Criando manualmente canto arredondado
Para criar um canto arredondado, basta 

inserir

-moz-border-radius 

e

-webkit-border-radius. 

 Insere este código a ser lido por todos os browsers, 

mas o IE não é o suporte 

com 2 código.
-------------------------------------------------------------
    *-Moz-border-radius para Mozilla Firefox 

e do navegador outros 

    *-Webkit-border-radius para o browser Safari
--------------------------------------------------------------Exemplo:

    . sidebar. widget (background: # FFF; border: 1px solid # E6E6E6; margin: 10px; padding: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px)
10px: número de cantos arredondados, se você quiser expandir-se, você pode substituí-la por um número maior. 

fonte:
ZONA DE BLOG