Custom Dotnetnuke (DNN) Skin Design

DNN skinning and WEB design blog

After recently receiving an email regarding icons not showing up in my template DNN containers, I thought it best to explain why they aren't included in my current container packs, and the solution for including icons if they are necessary (This is a small piece of HTML that needs to be added to the container .html file in the skin pack).

1. The reason they're not included in my current container packs is so the design of the containers won't break when icons that are too large for the space provided is used. Understandably the main point of templates is to offer the most amount of functionality within the skins, however I felt that this wasn't one of the main pieces of functionality that the containers needed to provide so I didn't include it.

2. The solution for including the icon space in the container skins - As with all the dynamic areas of dotnetnuke skins, this is added during the design process through a DNN skin Token, in this case the [ICON] token within the container skin HTML file.

If you unzip the main container skin files and locate the html for the specific container you are adding the icon to, and open this so you can edit the html. Find the area within the html code where you would like to see the icon, I'd assume this to be somewhere near the [TITLE] token if ...

This template skin pack contains 1 Portal skin and 50 containers through 5 styles and 10 colours.

The download also included a template .psd file for creating skin modifications and new headers.

Buy this Template DNN skin from snowcovered

SkyBlue Template dotnetnuke skin

View a live sample of this skin

Snowcovered.com is a great resource for finding skins, containers and modules for your DNN website.

Snowcovered.com

I've just finished adding the new "skins" page to the site. This is going to be updated, along with the template skins posts to show all the available template packs from rhoek.com.

Template skins collection

This template skin pack contains 1 Portal Skin, 1 Admin Skin and 3 Stylised containers.

As always this pack included a template .psd file for customising colours and layout.

Buy this template DNN skin from snowcovered

E-Comm Template DNN skin

View a live sample of this skin

Rhoek.com is a design blog focusing on web design and dotnetnuke skin design.

I have been designing and developing websites and custom/template dotnetnuke skins since 2003 and have experience in X/HTML, CSS, javascript, DNN skinning, XML, XSLT, accessibility, usability, email design and building, and Search Engine Optimisation.

Login
13 May 2008