El componente del botón junto con los enlaces dentro de ellos son probablemente una de las características más importantes que permiten a los usuarios interactuar con las páginas web y realizar diversas funciones y pasar de una página web a otra. A continuación se muestran las diversas clases de botones definidos junto con su efecto: … Continue reading «Materializar botones CSS»
Hay varios ayudantes para materializar CSS que se utilizan para necesidades de diseño como: Alineación Ocultar/Mostrar contenido Formateo El contenido se puede alinear horizontal o verticalmente usando las siguientes clases: Alineación vertical: se puede hacer fácilmente agregando la clase valign-wrapper al contenedor que contiene los elementos que desea alinear. <div class=»valign-wrapper»> <h5>This is vertically aligned</h5> … Continue reading «Ayudantes de Materialise CSS»
Está creado con HTML, CSS y JavaScript, y diseñado por Google. Material Design es un lenguaje de diseño que combina los principios clásicos del diseño exitoso junto con la innovación y la tecnología. Color: aquí hay una paleta de colores basada en los colores base del diseño de materiales. Cada uno de estos colores se define … Continue reading «Materializar colores CSS»
Materialise proporciona una función de casilla de verificación para crear casillas de verificación con estilo para los sitios web. Las casillas de verificación HTML estándar son simples con un borde negro simple en los estados sin marcar y una marca de verificación en los estados marcados, pero con el estilo de borde materializado se puede … Continue reading «Casilla de verificación Materializar CSS»
Las colecciones le permiten agrupar objetos de lista. Representa varios tipos de colección, es decir, un grupo de información relacionada. Las siguientes son las diversas clases de colección que se utilizan para crear varios tipos de colección: Básico: en este caso, el contenedor div o ul como colección y el elemento a o li como … Continue reading «Materializar colecciones CSS»
Los plegables son elementos de acordeón que le permiten expandir o contraer el contenido cuando los toca y son útiles para proporcionar una presentación compacta del contenido. Permite ocultar el contenido que no es inmediatamente relevante para el usuario. Aquí está la sintaxis de un plegable simple: <ul class=”collapsible”> <li> <div class=”collapsible-header”><i class=”material-icons”>filter_drama</i>First</div> <div class=”collapsible-body” … Continue reading «Materializar CSS plegable»
Hay 12 sistemas de cuadrícula de respuesta fluida de columnas estándar que lo ayudan a diseñar su página de una manera ordenada y fácil. Utiliza las clases de estilo de fila y columna para definir filas y columnas respectivamente. Las filas se usan para especificar un contenedor sin relleno que se usará para las columnas … Continue reading «Materializar cuadrículas CSS»
Materialise CSS proporciona un amplio conjunto de íconos de materiales de Google que se pueden descargar desde las especificaciones de Material Design . Las bibliotecas de íconos que son compatibles con materialise css son los íconos de materiales de Google, los íconos de Font Awesome y los íconos de Bootstrap . Se pueden seleccionar diferentes … Continue reading «Materializar iconos CSS»
Las tarjetas son un medio conveniente para mostrar diferentes tipos de contenido relevante. Materialise utiliza tarjetas para presentar objetos similares cuyos tamaños y acciones se pueden cambiar según el requisito. Aquí hay un ejemplo de una tarjeta básica. html <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h3>Basic card</h3> <div class=»card green lighten-1″> <div class=»card-content … Continue reading «Materializar tarjetas CSS»
Materialise badge es un componente que se utiliza para notificar, si hay mensajes nuevos o no leídos o se muestran notificaciones. Agregar una nueva clase a un componente de insignia le da un fondo. Hay diferentes formas de usar el componente de insignia: Insignias en colecciones: <div class=”colección”> <a href=”#!” class=”artículo-de-coleccion”><span class=”insignia”>1</span>Mensaje</a> <a href=”#!” class=”artículo-de-coleccion”><span … Continue reading «Materializar insignias CSS»