Otra 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:
- tr – Top-right o arriba-derecha.
- tl – Top-left o arriba-izquierda.
- br – Bottom-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:
Soy Beatriz, siempre estoy buscando nuevas oportunidades de negocio. Emprendedora y entusiasta de las finanzas, me interesa el ahorro y la inversion.
flipante lo de google…
vaya , aleks de donde sacas estas cosas..
estaba buscando algun generador de esquinas redondeadas y llegué a una pagina de google-groups que hablaban de esto