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:

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

  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

Responder entrada


X
Sigue a Geekets en redes sociales
Para ver el contenido por favor suscribete en alguna de nuestras redes sociales