rounded corner (cantos arredondados)...Este site tem tudo a ver!!!

Este site tem tudo a ver!!!

fonte e créditos:

http://www.roundedcornr.com/

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

"  Bem-vindo ao RoundedCornr. Gerar código HTML / CSS e imagens para os cantos arredondados. "

Juntar este site:
Basic RoundedCornr
raio de canto em pixels:

Cor de fundo:

Cor da caixa:

"  Isso gera uma caixa de base com cantos arredondados. Ele vai criar quatro arquivos de imagem e HTML e código CSS necessário para você colocar cantos arredondados em torno do seu conteúdo."

"  Certifique-se que a cor de fundo é o mesmo que a cor de fundo da sua página web. "                                                                                     

"  RoundedCornr com Gradiente "                                                          
raio de canto em pixels:                                                                        

Cor de fundo:

Caixa de cor na parte superior:

Caixa de cor ao fundo:

Gradiente altura em pixels:

Gradiente de ângulo (graus):

"  Isso gera código para uma caixa com cantos arredondados e um gradiente de cor, assim como a caixa em torno deste ponto. «Altura Gradiente"     determina a distância para fazer uma transição completa da cor do topo para a cor de fundo. Você pode especificar qualquer ângulo de inclinação entre 0 (vertical) e 90 (horizontal) graus.


"  RoundedCornr com borda "                                                           
"  Isso gera uma caixa com cantos arredondados e uma borda. "
"  Definindo a cor da caixa e a cor de fundo o mesmo cria o efeito de uma    "   armação"   em torno do conteúdo, como você vê em torno deste texto. "
raio de canto em pixels:

Cor de fundo:

Cor da caixa:

Cor da borda:

Border largura em pixels:

Margem em pixels:


"    Image RoundedCornr Single "                                                   
"   Aqui vamos gerar uma imagem GIF de uma única caixa com cantos arredondados, de fronteira, gradiente, e / ou texto. Você pode usar essa imagem como fundo para os seus botões, abas, caixa de texto, etc ."
"  Todos os comprimentos são expressos em pixels, exceto para o tamanho da fonte, que é expresso em pontos. Recomendamos especificar uma cor em 'Canto de fundo "  ao invés de torná-lo transparente. A cor de fundo vai nos ajudar a gerar uma imagem com uma borda lisa (anti-aliasing). " 

Imagens de exemplo:
Tabs:
Caixa de entrada:
Botões:
Gradientes:
Altura:

Largura:

fundo Corner:

Transparente
Sólido
Cor:

Canto Superior Esquerdo:

"    Square Redondo  "                                                                            
Canto superior direito:

Square Redondo
Canto inferior esquerdo:

Square Redondo
Canto inferior direito:

Square Redondo
raio de canto:

Box:

Sólido
Cor:

Gradiente
Cor no topo:

Cor de fundo:

Gradiente altura:

Border:

Nenhum
Sólido
Espessura:

Cor:

Texto Opcional:

Cor:

Tamanho da fonte (em pontos):

___________________________________________________

Welcome to RoundedCornr. Generate HTML/CSS code and images for rounded corners.

Bookmark this site:

Basic RoundedCornr

Corner radius in pixels:
Background color:
Box color:

This generates a basic box with rounded corners. It will create four image files and the necessary HTML and CSS code for you to put rounded corners around your content.

Make sure the background color is the same as the background color of your Web page.

RoundedCornr with Gradient

Corner radius in pixels:
Background color:
Box color at top:
Box color at bottom:
Gradient height in pixels:
Gradient angle (degrees):

This generates code for a box with rounded corners and a color gradient, just like the box surrounding this section. 'Gradient height' determines the distance to make a complete transition from the top color to the bottom color. You can specify any gradient angle between 0 (vertical) and 90 (horizontal) degrees.

RoundedCornr with Border

This generates a box with rounded corners and a border.
Setting the box color and the background color the same creates the effect of a "frame" around the content, as you see around this text.

Corner radius in pixels:
Background color:
Box color:
Border color:
Border width in pixels:
Margin in pixels:

Single RoundedCornr Image

Here we generate a single GIF image of a box with rounded corners, border, gradient, and/or text. You can use this image as background for your buttons, tabs, text box, etc.
All lengths are expressed in pixels, except for font size, which is expressed in points. We recommend specifying a color in 'Corner background' rather than making it transparent. The background color will help us generate an image with a smoother (anti-aliased) edge.

Sample Images:

Tabs:

Input Box:

Buttons:

Gradients:

Height:
Width:
Corner background:	Transparent Solid Color:
Top Left Corner:	Rounded Square
Top Right Corner:	Rounded Square
Bottom Left Corner:	Rounded Square
Bottom Right Corner:	Rounded Square
Corner radius:
Box:	Solid Color: Gradient Color at top: Color at bottom: Gradient height:
Border:	None Solid Thickness: Color:
Optional Text:	Color: Font size (in points):

fonte e créditos:

http://www.roundedcornr.com/