• +31(0)570 51 33 83

DnnConsulting Blog

Proof of concept: Dnn and Css grid working together!

Proof of concept: Dnn and Css grid working together!

Over the past week I thought I’d play about with Css Grid (a new Css layout system). When I started to use Css Grid I started to think of ways the Css Grid would work well with Dnn and I came up with an idea.

This idea not only solves a problem for the Theme creator but also allows the user of the theme to create the layout they want and not what the theme allows them to do!

Setting up a Dnn theme to use Sass

Setting up a Dnn theme to use Sass

After my session at the Dnn Connect 2017 event I decided to create a tutorial on who to set up a skeleton them using Sass.

There is no hard setup of external frameworks like GruntJs etc., just install a Sass compiler and you are good to go!

The tutorial as all the source code as well!!

The DnnThemeEditor

The DnnThemeEditor

I’ve been creating theme for a while now, for client site as well as the Open Source themes I’ve created. I always wanted to have a way for the client to change background colors and setting but never found a satisfactory solution that fitted well with my needs and Dnn.

This is why I decided to create the DnnThemeEditor so that everyone can have a theme editor for their own themes.

Intro to the DnnContra theme for Dnn

Intro to the DnnContra theme for Dnn

THE FIRST DNN THEME USING BOOTSTRAP 4, AND ITS FREE!

The DnnContra theme for Dnn is the forth in the series of free, open source themes created by DnnConsulting.net.

This theme is a cross between the DnnBootster and DnnMDesign theme, with the choice of colors that the MDesign theme has and pre-designed color schemes like the Boostster theme. We have also created more css classes that help you easily create and customize the theme the way you want it!

Welcome to the FREE DnnMinimalist to the Dnn ecosystem

Welcome to the FREE DnnMinimalist to the Dnn ecosystem

To follow up the FREE DnnBootster theme I decided to take it 1 step further with the new FREE, Open Source theme ‘DnnMDesign’.

So what is different with the DnnMDesign theme I hear you ask, well the DnnMDesign theme uses Bootstrap v3.3.6 just like the DnnBootster them but this time I have added an extra css framework so that you have the look and feel of ‘Material Design’.

Intro to the DnnMDesign theme for Dnn using Bootstrap 3

DnnMDesign, Free Dnn cms theme/skinTo follow up the FREE DnnBootster theme I decided to take it 1 step further with the new FREE, Open Source theme ‘DnnMDesign’.

So what is different with the DnnMDesign theme I hear you ask, well the DnnMDesign theme uses Bootstrap v3.3.6 just like the DnnBootster them but this time I have added an extra css framework so that you have the look and feel of ‘Material Design’.

Intro to the DnnBootster Skin for Dnn using Bootstrap 3

Intro to the DnnBootster Skin for Dnn using Bootstrap 3

A couple of weeks ago I had a bit of time on my hands so I decided to create a new open source skin for the Dnn community. The first thing I did was to ask, via social channels what framework people would like to see the skin using. It was obvious from the reactions I received that the community wanted another Bootstrap skin so I began to create the new skin for the community with Bootstrap and the outcome was the DnnBootster skin!

Latest posts

Proof of concept: Dnn and Css grid working together!
1/31/2018 12:10 PM | Geoff Barlow
Setting up a Dnn theme to use Sass
6/3/2017 2:39 PM | Geoff Barlow
The DnnThemeEditor
4/7/2017 2:20 PM | Geoff Barlow
Intro to the DnnContra theme for Dnn
3/11/2017 2:56 PM | Geoff Barlow
Welcome to the FREE DnnMinimalist to the Dnn ecosystem
3/11/2017 2:54 PM | Geoff Barlow
Intro to the DnnMDesign theme for Dnn using Bootstrap 3
5/12/2016 2:08 PM | Geoff Barlow
Placing social buttons in the DnnBootster theme
4/14/2016 4:30 PM | Geoff Barlow
Changing & creating DnnBootster color schemes
4/7/2016 2:20 PM | Geoff Barlow
Intro to the DnnBootster Skin for Dnn using Bootstrap 3
4/7/2016 2:13 PM | Geoff Barlow

Categories

.WeHostDnn : Dnn Hosting
emberWeb : Web Agency
(Avialable soon)
interschools : For schools
cmsXpress : Internet Solutions


DnnConsulting : The best choice in complete website solutions!

Contact us via email

or phone +31 (0)570 51 33 83