Descripción general de Ámsterdam
La plantilla de administración de Amsterdam es una plantilla responsiva creada con Twitter Bootstrap para paneles backend, adecuada para sistemas cms, aplicaciones web y otros paneles de control/facturación/alojamiento. Incluye 4 diseños responsivos principales en versiones oscuras y claras. 2 de 4 diseños tienen una versión de 3 columnas. Amsterdam es totalmente compatible con dispositivos iPad y iPhone. La plantilla se basa en una cuadrícula de 12 columnas y es muy flexible. Mantener la parte del contenido principal igual es muy fácil de cambiar el aspecto general y el tema del color.
Los archivos PSD no están completos, solo se incluyen 2: componentes generales de la interfaz de usuario y diseño de colores oscuros, casi todo fue diseñado en el navegador.
Por favorsi encuentra algún error, apariencia extraña o tiene alguna sugerencia, no dude en hacérmelo saber, haré todo lo posible para solucionar esos problemas lo antes posible. Soporte habitual disponible: lunes a viernes, de 9:00 a 20:00 CET
¡Disfrutar!
Algunas características
Diseño de 3 columnas.
2 versiones tienen un diseño de 3 columnas para pantallas anchas.
Componentes de arranque avanzados
Contiene complementos modales y de barra de progreso avanzados
Páginas de error
Contiene un montón de páginas de error listas para usar.
Iconos de arranque
Font Awesome y Glyphicons incluidos
4 diseños
Diseño responsivo oscuro sin caja
Diseño responsivo de luz en caja
Diseño ligero y responsivo sin caja
Gruñidos como notificaciones
Notificaciones con estilo Growl
Navegación principal
Navegación oscura y clara según el esquema de color del diseño
Y mucho, mucho más…
Lista completa de funciones
- Líquido Diseño de 2 o 3 columnas.
- Claro/Oscuro diseños
- 2/3 columnas
- En caja/sin caja versiones de diseño
- Diagramas de flotación integrados:
- Pauta
- Barras (verticales y horizontales con información sobre herramientas)
- tartas
- Cuadro de actualización automática
- Gráficos de umbrales
- gráficos llenos
- Elementos del formulario:
- Conjunto completo de campos de entrada con estilos predeterminados.
- Elementos añadidos y antepuestos
- Opciones de áreas de texto: mostrador y elástico.
- Entrada de etiquetas
- Conjunto completo de entradas HTML5
- Entradas enmascaradas
- iPhone como interruptores de palanca
- Menús desplegables con estilo: complementos Uniform y Select2 con opciones
- Casillas de verificación y radios con y sin estilo
- Pastillas apiladas, pestañas apiladas
- Botones de radio y casilla de verificación
- 2 direcciones forman botones relacionados
- editor WYSIWYG
- Selecciones múltiples duales con función de filtro
- 4 versiones de formularios: predeterminado (bloque), en línea, transparente y horizontal
- 2 posiciones de etiquetas para controles
- Validación de campos
- Elementos de forma claros y oscuros para la barra lateral.
- 3 tipos de asistentes: con envío ajax, con envío estándar, con validación
- Conjunto de cuadrícula de entradas
- Componentes:
- 5 tipos de elementos de navegación intermedios: botones habituales, botones con fondo, gráficos circulares, 2 tipos con iconos de Font Awesome
- Conjunto de controles deslizantes jQuery
- Selectores de fechas de jQuery UI: predeterminado con campo de entrada, líquido en línea, fijo en línea, activador de icono, rango de fechas
- Selector de color con opciones: formato HEX, formato RGBa, como componente.
- Selector de tiempo con opciones: con función de duración, 2 formatos de hora
- Conjunto de elementos de la barra de navegación:
- Wigets plegables: abiertos y cerrados por defecto
- Barras de progreso
- Campos de entrada
- Botones en 2 posiciones y tamaños.
- Pestañas de la barra de herramientas
- Buscapersonas y paginación
- Lista de enlaces con menús desplegables.
- Etiquetas e insignias
- Glifos y íconos de Font Awesome: solo ícono o lista de íconos con menús desplegables
- Menú desplegable solo de intercalación
- Entrada del selector de fecha
- Alternar casilla de verificación, alternar radio
- Lista de iconos simples
- Barra de herramientas con tamaño de fuente más pequeño para encabezado
- Barra de herramientas
- Elementos del formulario de la barra de navegación
- cargador sencillo
- Algunos ejemplos de uso personalizado de elementos Bootstrap y jQuery UI
- Notificación tipo Growl con estilo para mensajes de éxito, advertencia, error e información
- Cargadores de gif animados
- Información sobre herramientas en 4 posiciones
- Componentes de arranque:
- Barras de progreso con opciones:
- Lleno de texto
- Empezando con retraso
- Sin llenar
- Con texto centrado en el interior.
- Con valor
- Con información sobre herramientas
- horizontales y verticales
- Delgado y ancho
- Direcciones superior, inferior, derecha, izquierda
- 4 colores para éxito, información, advertencia, peligro.
- Izquierda, derecha, arriba, abajo, barra de navegación (alineada a la izquierda y a la derecha), pestañas de la barra de herramientas con efecto de desvanecimiento opcional
- Paginación de 4 tamaños: izquierda, centro, derecha alineada
- Buscapersonas: en caja y sin caja
- Listas de medios y objetos de medios.
- 6 opciones para elemento de pozo:
- bien grande
- Bueno por defecto
- bien pequeño
- Bueno fumar
- bien blanco
- Pozos anidados con subtítulos.
- Pan rallado
- 2 barras de navegación: clara, oscura con elementos
- Ejemplo de desplazamiento
- Acordeones y palancas
- Etiquetas e insignias
- Alertas en 4 colores: notificaciones de línea, notificaciones de bloque, notificaciones generales superiores
- Popovers en 4 direcciones
- Modales:
- Alertar, confirmar y solicitar cuadros de diálogo
- Múltiples diálogos
- Cierre programático
- Modal genérico
- Contenido dinámico
- Con botones iconificados
- Anular iconos de alerta y confirmación
- Devoluciones de llamada
- Preguntar con valor predeterminado
- Botones e iconos:
- 8 colores de botones predeterminados
- 5 tamaños de botones: bloque con 100% de ancho, grande, mediano predeterminado, pequeño, mini
- Grupos de botones verticales y horizontales.
- Menús desplegables de botones: direcciones superior e inferior, divididas y estándar
- Con iconos: Font Awesome y Glyphicons
- Iconos de Font Awesome y Glyphicon
- Miniaturas básicas y avanzadas
- Cuadrícula de contenido responsivo de 12 columnas con desplazamiento
- Gráficos:
- Gráfico de líneas predeterminado
- Barras verticales y horizontales.
- Gráfico de umbrales
- gráfico lleno
- gráfico circular
- Cuadro de actualización automática
- Gráfico de líneas de la barra lateral y barras horizontales/verticales
- 2 diseños para mensajes: línea de tiempo y chat
- Calendario con horario
- Tablas:
- Por defecto sin bordes laterales
- mesa rayada
- mesa bordeada
- Tabla con borde dentro del contenido
- clase flotante
- mesa condensada
- mesa transparente
- tabla de datos
- Mesa con pie de página
- Mesa con degradado
- Tabla con casillas de verificación
- Mesa con barra de herramientas
- mesa con pestañas
- Páginas de error:
- error 403
- error 404
- error 405
- error 500
- error 503
- El sitio web está fuera de línea
- Tipografía:
- Títulos y estilos CSS predeterminados
- Resaltador de sintaxis
- Citas en bloque izquierda y derecha
- Estilos de énfasis
- 8 estilos de lista predeterminados
- Descripciones horizontales y verticales.
- Manipulaciones de archivos:
- Gestor de archivos
- Cargador de múltiples archivos con funciones de arrastrar y soltar
- Página con pestañas
Registro de cambios
Versión 1.0 lanzada
Versión 1.1 lanzada
- Versión de Bootstrap actualizada
- Complemento Sparklines actualizado
- Se agregó la funcionalidad «Marcar todas las casillas de verificación» a la tabla.
