#botonesíconos
Explore tagged Tumblr posts
fernando-arciniega · 21 days ago
Text
Personalizacion del proyecto Carrito de Compras - BackEnd
Tumblr media
Las siguientes interfaces son para actualizar el diseño, botones y funciones del BackEnd, para ello añadiremos íconos directo desde las clases de Bootstrap (https://icons.getbootstrap.com/ ) Agregando clases, por ejemplo, para el diseño del formulario de logueo, podemos agregar un icono al centro debajo del título, ajustar el tamaño del formulario para que se muestre mas pequeño, asi como ub borde y sombra, agrega validaciones para los campos del formulario. Recuerda no se agregan CSS personalizados, todo es mediante Bootstrap.
Tumblr media
En el Panel de control, añadimos iconos a cada una de las fichas, el botón de cerrar sesión siempre debe estar presente. En los botones también se pueden poner iconos al lado dentro de los botones, bordes y combras a las fichas del panel:
Tumblr media
Personalizar: Gestionar Productos
En esta sección vamos a agregar iconografías y botones adicionales, como Volver al panel. En los botones también se pueden poner iconos al lado, dentro de los botones:
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Personalizar: Gestionar Usuarios
Al igual que el CRUD anterior, personalizaremos este módulo, agregando los botones mencionados en el modulo de productos como se muestra a continuación:
Tumblr media Tumblr media Tumblr media
Aviso Importante: Revisión de Diseño del Proyecto
Como parte de la evaluación del proyecto, se revisará que todo el diseño esté implementado utilizando exclusivamente Bootstrap, sin incluir CSS adicional ni modificaciones fuera del framework. Esto incluye colores, tamaños, bordes y cualquier personalización visual. Además, se permite el uso de iconos de Bootstrap o de Font Awesome para complementar el diseño. Cualquier incumplimiento de estas indicaciones resultará en una deducción de puntos en la calificación final. Por favor, asegúrense de respetar estos lineamientos para garantizar uniformidad y cumplir con los objetivos del proyecto. ¡Éxito en su desarrollo! Read the full article
0 notes