• +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!!

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

Using SVG files in a Dnn text/html module

Using SVG files in a Dnn text/html module

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.

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
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
Using SVG files in a Dnn text/html module
4/18/2016 11:52 AM | 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

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