Cómo crear un botón de micro en css3

A pesar de que la forma CSS3 parece bastante complicado, se puede crear un botón de micro relativamente rápido. El procedimiento siguiente le guía a través de la tarea de crear un botón de micro.

1. Elija un tamaño para el botón en el campo del botón Tamaño.

   El tamaño del botón determina cómo puede aparecer mucho texto en el botón de micro. Debe establecer el tamaño antes de cambiar nada más porque el tamaño del botón también modifica cómo los otros cambios aparecen en pantalla.

2. (Opcional) Seleccione la opción esquinas redondeadas cuando se desee (y disponibles).

   La opción de esquinas redondeadas sólo está disponible cuando se trabaja con un botón de 88 x 31.

3. (Opcional) Compruebe el uso de dos filas para la opción de texto cuando se desee (y disponibles).

   Las dos filas para la opción de texto sólo está disponible cuando se trabaja con un botón de 88 x 31.

4. Elige un color base o del check Base color es transparente.

   los color base aparece detrás de todos los otros elementos del botón. Una base transparente permitirá que el fondo muestre a través. El color de base siempre resulta en una imagen cuadrada, incluso si activa la opción esquinas redondeadas.

5. Elija un color de borde o del check Color del borde es transparente.

   los color de la frontera define la parte exterior del botón real, pero hay un borde de 1 píxel entre el borde de la frontera y el extremo de la base, de modo que una base coloreada siempre se mostrará a través. La elección de las opciones resultados esquinas redondeadas en la frontera con esquinas redondeadas.

6. Elija una opción en el cuadro de lista desplegable Fuente.

   La herramienta proporciona acceso a dos fuentes diferentes. La opción de Sans-Serif funciona mejor cuando se utiliza un botón de 88 x 31 con una barra vertical.

7. Elija un color de la barra o hacer la barra transparente.

   El botón siempre utiliza una barra vertical de 80 x 15 botones, pero puede utilizar una barra vertical u horizontal de 88 x 31 botones. El nombre de la opción cambia la barra para que coincida con la orientación de la barra.

8. Escriba un valor en el campo de texto del lado izquierdo.

   El botón puede contener cerca de diez caracteres por valor del total de texto cuando se trabaja con una sola fila de texto con una barra vertical. Cada fila tiene capacidad para 19 caracteres por valor de texto (38 caracteres en total) cuando se utilizan dos filas de texto.

9. Ajuste el fondo del campo de texto del lado izquierdo y colores de primer plano.

   Usted puede utilizar el Selector de color o escriba el valor hexadecimal en los campos correspondientes.

10. Escriba un valor en el campo de texto del lado derecho.

11. Ajuste el fondo del campo de texto del lado derecho y colores de primer plano.

    Usted puede utilizar el Selector de color o escriba el valor hexadecimal en los campos correspondientes.

12. (Opcional) Ajuste de la posición vertical bar cuando se desee (y disponibles).

    La posición de ajuste barra vertical sólo se activa cuando el botón utiliza una barra vertical. Dos texto fila utiliza todo el ancho del botón para cada fila.

13. Haga clic en Actualizar.

    Usted ve todos los cambios realizados en el botón.

14. Haga los cambios necesarios y haga clic en Actualizar después de cada cambio.

    Finalmente, el botón se verá exactamente como usted quiere que se vea.

15. derecha, haga clic en el botón y selecciona Guardar como en el menú contextual.

    Verá un cuadro de diálogo Guardar imagen.

16. 16. Escriba el nombre que desea utilizar para el botón y haga clic en Guardar.

    El botón está listo para su uso.