Veja em CodeCanyonPreço $7

Nota: este post tem links de afiliados. Ao clicar e fazer compras ganhamos comissões. Obrigado!

Grade CSS HTML5 responsiva - 1 Grade CSS HTML5 responsiva - 2

Bem-vindo à grade CSS HTML5 responsiva mais bem avaliada, no CodeCanyon.

CSS Grid é um sistema de grade css responsivo simples de 1 a 8 colunas que usa CSS, HTML e Javascript para o cabeçalho e navegação.

Veja a demonstração no CSS Grid ou leia as instruções sobre como usá-lo.

Por que isso é diferente de outras grades CSS?

Já existem muitos grids por aí, mas depois de trabalhar em vários sites responsivos, achei a maioria deles bastante complexa para iniciantes, então desenvolvi esta solução simples onde desenvolvedores de todos os níveis poderiam usá-la.

Características:

  • 1 a 8 colunas
  • Colunas fixas ou percentuais
  • Variações de coluna
  • Use colunas fluidas ou adicione margens
  • Empilhar colunas no celular
  • 4 Opções de Cabeçalho – Estático, Fixo, Fixo ou Revelar
  • 3 Opções de Navegação – Direita, Esquerda ou Centro
  • Fácil configuração
  • Animação CSS para menu de alternância móvel
  • Instruções detalhadas

Compatível com:

  • cromada
  • Raposa de fogo
  • Safári
  • iOS
  • Android
  • IE 10/11

Precisa de alguma ajuda?

Sinta-se à vontade para entrar em contato se tiver alguma dúvida e retornarei o mais breve possível.

Avaliações

Grade CSS HTML5 responsiva - 3

Atualizações

------------------------------------------------------------------------
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 Grade CSS Responsiva foi desenvolvida por cssgrid.co.
Disponível exclusivamente no CodeCanyon da Envato.

Grade CSS HTML5 responsiva - 4Grade CSS HTML5 responsiva - 5

Grade CSS HTML5 responsiva - 6

Veja em CodeCanyonPreço $7

plugins premium WordPress