Generador de bordes redondeados, gracias a Google | Geekets

Generador de bordes redondeados, gracias a Google

- Publicidad -

Google GroupsOtra vez más Google facilitándonos el trabajo. Esta vez con una herramienta muy escondida pero también muy curiosa.

Empezaremos teniendo un enlace como este:

- Publicidad -

http://groups-beta.google.com/groups/roundedcorners
?c=680404&bc=fff&w=20&h=20&a=tr

Analizando el enlace veremos que tiene algunas variables. A continuación explico cada una y los valores que podemos darle:

  • c: Color del borde en hexadecimal, podemos usar la forma reducida (#RGB) o la completa (#RRGGBB) pero sin poner el #. También acepta el nombre del color especificado en CSS2: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white y yellow.
  • bc: Color del fondo. Al igual que el anterior podemos usar la forma reducida o la completa y los nombres de los colores. Un truco, si lo dejamos en blanco el fondo será transparente.
  • w: Ancho del borde en píxeles. Acepta valores del 1 al 64.
  • h: Alto del borde en píxeles. Lo mismo que el anterior, acepta del 1 al 64
  • a: Esquina que queremos generar. Podemos darle 4 valores distintos:
    • trTop-right o arriba-derecha.
    • tl Top-left o arriba-izquierda.
    • brBottom-right o abajo-derecha.
    • bl Bottom-left o abajo-izquierda.

Por ejemplo, si queremos una esquina inferior izquierda de color rojo (FF0000) con 25px de alto, 33px de ancho y de fondo azul (0000EE), la dirección sería esta:
http://groups-beta.google.com/groups/roundedcorners
?c=FF0000&bc=0000EE&w=33&h=25&a=bl

Y el resultado:
Borde redondeado

- Publicidad -

Posts Relacionados



Autor: Aleks

4 Comentarios Generador de bordes redondeados, gracias a Google

  1. Aleks says:

    flipante lo de google…

  2. […] Generador de bordes redondeados, gracias a Google 18 02 2008 Forma facil de obtener bordes redondeados gracias a google (link) […]

  3. kote says:

    vaya , aleks de donde sacas estas cosas..

  4. Aleks says:

    estaba buscando algun generador de esquinas redondeadas y llegué a una pagina de google-groups que hablaban de esto

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Geekets tiene las siguientes Políticas de Privacidad y pertenece a la red Blogurbania Blogs. Validado para XHTML 1.0 Transitional | CSS 3