Welcome to DNNgrid960.com

DNNgrid is a DotNetNuke skin framework based on the 960 grid system from 960.gs

Now that DotNetNuke finally outputs valid code ( and the default menu matured as well – unordered list structure and no more inline code since DotNetNuke 5.1.4 ) its much easier to create DIV based skins instead of the table infested ones that were common ground in the DotNetNuke community.

I have been developing DIV based skins from the early days of DotNetNuke and had my share of browser bugs and issues to deal with but the more valid DotNetNuke became the better it went. Last year a CSS grid framework was released that made this even easier and faster and I never looked back.

Now that DotNetNuke has reached version 5 this CSS framework can now be used as is without any weird modification or changes to the corde code. Please try it out by downloading the skin from the download section on the right.

Version 2.0

We are finalizing a new version that has the ability for custom grids margins and widths. This site is already built on it.

Version 1.1.0

Added a commented more complex example of several variations of subdivided columns ( complex.ascx ) as well as an extra container that has to be applied to the last module in the longest pane in those subdivided columns.

This is needed for making sure the margins behave in IE and we don’t see double margins where we don’t want them.

Version 1.0

This first release is not a ready to use DotNetNuke skin but more a starter to help you create cross browser multi-column ( up to 16 columns if needed ) CSS skins without any hassle.

I develop my skins purely with unordered list based menu’s and because this is not working yet in the standard NavMenu I will release this skin with an included menu as soon as DNN 5.1 is out and working as expected

Now go and download the skin, read instructions on the original site. You have a cross browser multi-column layout to start with, its up to you to make it into a beautiful skin.

More info

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

For more information and templates for Fireworks, InDesign, Inkscape, Illustrator, OmniGraffle, Photoshop, Visio, Expression Design. Sketch PDF. go to 960.gs

Websites We Love:

  1. W3Schools.com: W3Schools is a web developer information website, with tutorials and references relating to web development topics such as HTML, CSS, JavaScript, PHP, SQL, and JQuery. The site provides a reference manual covering many aspects of web programming.
  2. MspyReview.net: mSpy is a software application for cell phones that is downloaded via the phone’s browser, and installed directly on a compatible smartphone or tablet.
  3. HTML5Rocks.com: A resource for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.
  4. CoffeeCup.com: The CoffeeCup HTML Editor is an HTML editor that supports both raw HTML and WYSIWYG editing, though the WYSIWYG editing is no longer available in the newer versions, starting in 2012, (after version 12.5). Originally created by Nicholas Longo and Kevin Jurica, it was first released to the public in August 1996.
  5. MobileStealthReview.com: Mobistealth is a powerful yet easy to use spy software that allows you to secretly monitor the cell phones of your employees, spouse, kids or any family member.