960 Grid System 2.0 (free extension)
"Quick and easy add a 960 CSS Grid for most flexible web site design"
With the 960 Grid System Dreamweaver Extension you can
quick and easy add a 960 CSS Grid for most flexible web site design!
Just add as many rows and cells as you need for your header, content,
sidebars or footer. The extension gives you the tools to add new CSS
Grid Cells, increase or decrease their size, split or join cells and
much more with just a single action click. All the counting of grid cell
sizes and placement, that is needed for the 960 Grid System is done
automatically for you!
Also in Dreamweaver Design View there are
special visual aid tools that show outlines for the grid and cells so
you can see them during your web site design work in Dreamweaver.
This free extension is exclusively available for download on DMXzone's Facebook page so get it now!
Features Highlights:
- Add 960 Grid System - Use it to create a slick page layout in minutes
- Add Rows and Cells - Add as many as you need for your content, sidebar, header, footer etc.
- Manage the CSS Grid Cell Size - Increase of decrease, so it fits your design
- Great Preview in Dreamweaver - You can easily follow your Grid in the Design View
- Extended grid columns support - Next to the support for mixed 12 and 16 column grids, now the extension also supports standalone 12, 16 and even 24 column grids
- New and improved Dreamweaver Design View - Now the grid cells and containers are highlighted on hover and easily selectable by their new tab label (only DW CS3+). The tab label also contains the number of columns a cell or containers spans
- Full support for Right-to-Left Text alignment - Now available as option on the property inspector of any 960 Grid container
960 Grid system 2.0 New Features Overview
With this movie we will show you the new features included in our Free Dreamweaver 960 Grid System 2.0 extension.
Hotel Website with a Grid System Demo
Easy to Navigate Toolbar
All the needed options are easy to access from the toolbar. You can add, merge, delete cells and many many more.
Fully Visual Grid View available in Dreamweaver Design View
Once you add your Grid, you can easily explore it from the Design View in Dreamweaver.
Greatly Integrated in Dreamweaver
The padding and width of the grid cells are easily to be edited from the inline Property inspector.
Background info about the Dreamweaver Insert Panel (CS4+) or Insert Bar (CS3-)
Dreamweaver CS4 or higher
Dreamweaver CS3 or lower| Features in Detail » |
- Grid Cells Management
Add Cell to Left - will add a new grid cell on the left side of the current selected cell
Add Cell to Right - will add a new grid cell on the right side of the current selected cell
Merge with Right Cell - will merge the contents of the current grid cell with its right neighbor
Merge with Left Cell - will merge the contents of the current grid cell with its left neighbor
Delete Cell
- Grid Rows Management
Add New Row - will add a new row under the current cell
- General Aligning and Selection functions
Spread Cells - will make all grid cells on the same row equal in size
Select Cell - selects the sells and opens the Property inspector
Show Grid - shows the Grid cells for the page layout
- Property Inspector
Expand to Left - will expand the width of the current grid cell getting the needed width from its left neighbor 
Contact from Left - will contract the width of the current grid cell and increase the width of its left neighbor 
Expand to Right - will expand the width of the current grid cell getting the needed width from its right neighbor 
Contact from Right - will contract the width of the current grid cell and increase the width of its right neighbor 
Padding Before and After - increases/decreases the numbers of columns before/after the cell
| « Overview | Videos » |
960 Grid system 2.0 New Features Overview
With this movie we will show you the new features included in our Free Dreamweaver 960 Grid System 2.0 extension.
Using Dreamweaver Repeating Regions in 960 Grid System Templates
With this movie we will show you how easy it is to use Dreaweaver Repeating Regions in Templates built with our free 960 Grid System extension
Creating a Basic Page Layout with 960 Grid
With this movie we will show you how to create a Basic Page Layout with 960 grid System using our free 960 Grid System extension
| « Features in Detail | Requirements » |
| Type: | Behavior |
|---|---|
| Product: | Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6 |
| Browser: | IE 7, IE 8, Safari 2.0, Firefox 3.6+, Opera 9.5, Safari 3, Safari 4+, Chrome 9+ |
| « Videos | History » |
Version 2.0.0
- Extended grid columns support! Next to the support for mixed 12 and 16 column grids, now the extension also supports standalone 12, 16 and even 24 column grids
- New and improved Dreamweaver Design View! Now the grid
cells and containers are highlighted on hover and easily selectable by
their new tab label (only DW CS3+). The tab label also contains the
number of columns a cell or containers spans
- Full support for Right-to-Left Text alignment. Now available as option on the property inspector of any 960 Grid container
- Improved CSS Reset file to meet the latest web standards
- Improved the default text CSS typography
- New Grid Cells are now inserted empty i.e. there is no default "cell content:" text in them
- Improved Property Inspector Icons
- Automatic update dependent files on page open
- Improved dependent file copy and include process
Version 1.0.2
- Improved design view display of the grid in older (pre CS5) Dreamweaver versions
Version 1.0.1
- Improved working with dynamic pages and server behaviors in Dreamweaver
- Improved compatibility when working with Dreamweaver templates
- Various optimizations
| « Requirements |
George Petrov
George Petrov is the Founder of the highly successful Zones: DMXzone.com, FWzone.net, FLzone.com, CFzone.net, DNzone.com and FlashFiles.nl
He has developed the comprehensive Dynamic Zones Content Management System that is the brains driving them and constantly supports their online communities with his extensive and valuable knowledge.
He is a renowned web development 'Guru' who has written many articles and extension for Adobe's Dreamweaver.
George Petrov is also the CEO and Founder of Dynamic Zones and also very proud of his children Sofie, Victor and Alexander!
User Reviews
Total of 17 reviewsWhere is the extension?
Written by Ixchel True on April 2, 2012Ctrl + F2 dosen´t work... I installed it and it does not apear,
RE: Error
Written by Teodor Kuduschiev on March 28, 2012Hello,For all of you having any kind of errors when trying to insert or edit the 960 grid:Please make sure you have defined your website in Dreamweaver: http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.htmlIf you want to edit the ...
Error comes when trying to insert the grid layout
Written by Sabin Mathew on March 15, 2012Hi,I am getting an error says 'While executing insertObject in add new layout 12.htm, a javaScript error occurred.' Even when i try to edit the demo.html which i downloaded from 960.gs similar errors a re showing up..
RE: error
Written by Teodor Kuduschiev on March 12, 2012Hello MarkhamIf you are trying to use the CSS panel in order to edit the grid css - please edit directly the css files.
"Making this change would require changing code that is locked by a template or a translator. The change will be discarded."
Written by Markham McGill on March 9, 2012Hey GuysReally excited to work with this within DW 5.5. I have the extension installed and a new page set up and am playing around with it. When I went to add some padding into the header, I got the error in the topic window above.How do I go about ...
Where is the extension.
Written by Vulcho Vulev on March 1, 2012Click on Window>Insert from the general tab menu in DW , you can find the extension located under 960 grid tab in DW.For further information take a look at the following video : http://www.youtube.com/embed/l9VEfrYy9vs?hd=1
Where is the extension?
Written by zh Heute on March 1, 2012I can't find the extension (activated according to Adobe extension) Ctrl+ F2 doesn't work on Mac. I have CS5.5
Very cool
Written by jacqui arnot on December 20, 2011Definitely worth the time it took to get it working!!
