lunes, 13 de diciembre de 2021

Creación de una Barra o Encabezado. Cuadrante Servicio Parte 6

 Normalmente para iniciar un Dashboard o tablón de mandos, una de las primeras cosas que suelo hacer es poner una barra donde podemos poner algunos iconos y por supuesto algún tipo de texto que nos informe de que va nuestro Dashboard.

Lo primero que tenemos que tener en cuenta es el tamaño que nos va a ocupar.

Seguidamente insertamos una forma, normalmente uso tanto un rectángulo con bordes rectos o redondeados.

Seguidamente, y seleccionado el cuadro pulsamos ctrl + 1 y nos saldrá a la derecha un menú para darle el aspecto que más nos guste o que vaya con nuestro proyecto.

En mi caso en el bote de pintura, he elegido relleno degradado usando colores blanco y verdes.

He elegido 4 puntos de degradado, el primero le he puesto un color blanco y posición 0%. El Segundo un color verde oscuro y una posición del 20%. El tercero en la posición 80% y del mismo color. Y el cuarto de color blanco en la posición 100%.

En cuanto a la linea, he elegido sin línea.

Ahora vamos a insertar un icono de configuración, para ello nos vamos al menú de insertar y posteriormente iconos, y una vez que nos sale insertamos la palabra Conf y nos saldrá el icono que he elegido. A este icono podemos cambiarle el tamaño y el aspecto a nuestro gusto, pulsando en el icono y tecleamos otra vez la secuencia de teclas ctrl +1.

A continuación le voy a insertar un cuadro de texto con mi nombre que soy la persona que lo ha realizado. Por lo que nos vamos al menú insertar y posteriormente Cuadro de Texto, dentro escribimos nuestro nombre, podemos configurarlo a nuestro gusto.

Ahora insertamos otro cuadro de texto con la fecha, y otro con el lugar, que en este caso podemos duplicar el primero que hemos hecho para que sea igual. También he insertado un icono en la parte de la derecha con el objeto de posteriormente cerrar el libro que tenemos creado.

En la parte central hemos creado un cuadro de texto distinto a los del nombre y la fecha, y por supuesto lo hemos hecho más llamativo, con el objeto de que resalte.

De esta forma nos ha quedado.




En la próxima entrada vamos a introducirle los códigos para hacer funcionar los dos botones, que son el de configuración para ocultar determinados elementos del libro y por supuesto para cerrar el libro.


No hay comentarios:

Publicar un comentario

Gracias por participar en esta página.