Setting up a Dnn theme to use Sass

• Geoff Barlow
• 03/06/2017
• View count 29
• 0 Comments
• Themes & Skins
• Css and Html

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

• Geoff Barlow
• 07/04/2017
• View count 43
• 0 Comments
• Themes & Skins

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

• Geoff Barlow
• 11/03/2017
• View count 59
• 0 Comments
• Themes & Skins
• Css and Html

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

• Geoff Barlow
• 11/03/2017
• View count 22
• 0 Comments
• Themes & Skins
• Css and Html

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’.

The new Dnn9 Administration User Experience

• Geoff Barlow
• 03/11/2016
• View count 279
• 0 Comments
• Dnn CMS

Dnn 9 is coming and it has a new ‘Administration User Experience’ that will speed up the way you work with the Dnn CMS. In Dnn9 our much loved CMS has become more organized with the introduction of the Persona bar and ALLOT faster making admin tasks like when you first set up an instance a pleasure to do.

Intro to the DnnMDesign theme for Dnn using Bootstrap 3

• Geoff Barlow
• 12/05/2016
• View count 179
• 0 Comments
• Dnn CMS
• Themes & Skins
• Css and Html

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’.

Using SVG files in a Dnn text/html module

• Geoff Barlow
• 18/04/2016
• View count 155
• 0 Comments
• Dnn CMS
• Css and Html

SVG stands for ‘Scalable Vector Graphics’ and is a XML based vector image format. Image formats like Jpeg, Gif and Ping are raster format.

The SVG format is infinitely scalable without losing any image quality. This means that it doesn’t matter what size you display the SVG, it will always be of high quality unlike the raster format which will become pixelated if you up size it.

Placing social buttons in the DnnBootster theme

• Geoff Barlow
• 14/04/2016
• View count 231
• 0 Comments
• Dnn CMS
• Themes & Skins
• Css and Html

On every skin layout of the DnnBootster theme (apart from the home page skin layout), in the header there is a Dnn pane called ‘SocialPane’. This is where you can place all of your social buttons like FaceBook, Twitter & Google+ etc.

Changing & creating DnnBootster color schemes

• Geoff Barlow
• 07/04/2016
• View count 166
• 0 Comments
• Dnn CMS
• Themes & Skins
• Css and Html

Out-of-the-box the DnnBootster skin comes with 18 color schemes and we’ve created the skin so that you can change the color schemes easily and even to create your own. Find out how….

Intro to the DnnBootster Skin for Dnn using Bootstrap 3

• Geoff Barlow
• 07/04/2016
• View count 272
• 0 Comments
• Dnn CMS
• Themes & Skins

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!