Bienvenido a la cuadrícula CSS HTML5 Responsive mejor calificada, en CodeCanyon.
CSS Grid es un sistema de cuadrícula css receptivo simple de 1 a 8 columnas que utiliza CSS, HTML y Javascript para el encabezado y la navegación.
Vea la demostración en CSS Grid o lea las instrucciones sobre cómo usarla.
¿Por qué es diferente a otras cuadrículas CSS?
Ya existen muchas cuadrículas, pero después de trabajar en varios sitios web receptivos, descubrí que la mayoría de ellos son bastante complejos para los principiantes, por lo que desarrollé esta solución simple que los desarrolladores de todos los niveles podrían usar.
Características:
- 1 a 8 columnas
- Columnas fijas o de porcentaje
- Variaciones de columna
- Use columnas fluidas o agregue márgenes
- Apilar columnas en dispositivos móviles
- 4 opciones de encabezado: estático, fijo, pegajoso o revelado
- 3 opciones de navegación: derecha, izquierda o centro
- Configuración fácil
- Animación CSS para dispositivos móviles Alternar menú
- Instrucciones detalladas
Compatible con:
- Cromo
- Firefox
- Safari
- iOS
- Androide
- ES 10/11
¿Necesito ayuda?
No dude en ponerse en contacto si tiene alguna pregunta y me pondré en contacto con usted lo antes posible.
Reseñas
Actualizaciones
------------------------------------------------------------------------ v 7.0 (24 March 2017) * Re-built the CSS file * All CSS files are now merged in 1 CSS file * Retained functions for (f) Fixed and (p) Percentage Columns * Retained functions for Stacking Columns * Simplified the CSS code for the Header and Navigation * Re-built Mobile Toggle Menu button. This is now animated CSS * New: Add margins to the columns by adding margins to the outer div * New: Header option, Reveal * New: Navigation positions, Right, Left, Center * New: Button added for Mobile: close-side, click anywhere on website to close the navigation * New: Re-written Instructions ------------------------------------------------------------------------ v 6.0 (12 February 2015) * Re-built the navigation so it fits inside header * Cleaned up 3 Nav CSS files and added menus at top. * Updated mobile toggle menu slide transition * Added return false; to js/toggle.js to stop page jumping to top * New function added: .sticky This makes the nav stick to top after scrolling page Amended CSS files: css/nav-top.css css/nav-left.css css/nav-right.css js/toggle.js HTML Pages: * Removed clear div on nav after end of ul ------------------------------------------------------------------------ v 5.0 (15 May 2014) * Updated Javascript to js/jquery-1.9.1.min.js * Stack columns updated, now with 2 options: .stack - Stacks to 2 columns, less than 768 and 1 column less than 480 .stack1 - Stacks to 1 column, less than 768 * Cleaned up CSS * Added code boxes to some pages to show how to use the columns * Changed Toggle Nav so animations are slower and smoother * Re-worked the instructions so they are easier to follow ------------------------------------------------------------------------ v 4.0 (04 February 2014) * Nav Top, Fixed + Static, Logo changed to be aligned left, and menu aligned right * Fixed dropdown on web version. position:relative; added to ul.navig li on the 3 nav css files ------------------------------------------------------------------------ v 3.0 (18 December 2013) * Toggle Nav, CSS3 Transitions * Toggle Nav, Fixed and Static Position options * Toggle Nav, Top, Left and Right options * Animated transitions for HTML when @media changes * Updated instructions and PSD files ------------------------------------------------------------------------ v 2.0 (13 September 2013) * Toggle Nav, simplified code * Toggle Nav, changed to stack on top instead of overlapping content * Stack CSS added, allowing easy option to stack DIVs for narrow width ------------------------------------------------------------------------ v 1.1 (11 July 2013) * Toggle Nav Added for narrow widths ------------------------------------------------------------------------ v 1.0 (14 June 2013) * Released ------------------------------------------------------------------------
Esta cuadrícula CSS receptiva fue desarrollada por cssgrid.co.
Disponible exclusivamente en CodeCanyon de Envato.
