1. How to Create DNN Themes Using CSS Grid Layout - Introduction
  1. 8m 37s
    May 01, 2017

In this tutorial we introduce you to the cutting edge CSS layout system called Grid Layout.

Grid Layout is gradually being implemented as standard in all the major browsers, and now is the time to learn how to use this powerful feature.

We learn how simple it is to create a DNN theme using CSS Grid layout. You’ll be surprised at how little CSS code we need to write, in comparison to previous layout techniques such as float. The CSS Grid technique is easier to understand, and more versatile than bulky CSS frameworks such as Bootstrap or Foundation.

This video contains:

  • Introduction, Setting up the Theme and Markup
  • Installing and setting up the basic theme
  • CSS Grid browser support
  • Theme file contents
  • Creating the basic HTML markup
  • Creating the initial CSS selectors
  • How to initialise CSS Grid on a container
  • Setting section background colours
Tags:
skin dnn8
Author:
Andy Stephenson

About 2017 Edition

2h 47m 47s All Jan 01, 2017

DNN Video Tutorials posted during 2017

Tags:
dnn7 dnn8 advanced jquery skin
Author:
Andy Stephenson
Back

Try FREE
30 days money back guaranteed