Proof of concept: Dnn and Css grid working together!

• Geoff Barlow
• 31/01/2018
• View count 35
• 0 Comments
• Dnn CMS
• Themes & Skins
• Css and Html

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

• Geoff Barlow
• 03/06/2017
• View count 69
• 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 136
• 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 144
• 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 96
• 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 435
• 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 246
• 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 278
• 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 275
• 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 253
• 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….