Text Adjustment: 

Width Adjustment: 

Background Styles: 

Saturday, May 19, 2012
 

 

Welcome To Dimension


The Dnn Skin Pack With Complete Typography And All that you Expect From Dotnetnuke.. This skin grabs the attension of your users Because Of its Web 2.0 Style & :

Typography Examples And Descriptions

Heading Styles


Complete Typography options are available with this skin pack so you can easily stylize your text and contact with beautiful look.. So what are you waiting for?? Here are example of some text elements and classes

This is Simple Heading 1


This is Simple Heading 2


This is Simple Heading 3


This is Simple Heading 4


This is Simple Heading 5

This is Simple Heading 6
This is a sample of the 'attention' style. To use this use the folllowing html: <span class="attention">....</span>This is a sample of the 'notice' style. To use this use the folllowing html: <span class="notice">....</span>This is a sample of the 'alert' style. To use this use the folllowing html: <span class="alert">....</span>This is a sample of the 'download' style. To use this use the folllowing html: <span class="download">....</span>This is a sample of the 'approved' style. To use this use the folllowing html: <span class="approved">....</span>This is a sample of the 'media' style. To use this use the folllowing html: <span class="media">....</span>This is a sample of the 'note' style. To use this use the folllowing html: <span class="note">....</span>This is a sample of the 'cart' style. To use this use the folllowing html: <span class="cart">....</span>This is a sample of the 'doc ' style. To use this use the folllowing html: <span class="doc ">....</span>

list styles

  • To use this style create a list in the following format: <ul class="special-1"><li>....</li><li>....</li>...</ul>.

  • To use this style create a list in the following format: <ul class="special-2"><li>....</li><li>....</li>...</ul>.

  • To use this style create a list in the following format: <ul class="special-3"><li>....</li><li>....</li>...</ul>.

  • To use this style create a list in the following format: <ul class="special-4"><li>....</li><li>....</li>...</ul>.

  • To use this style create a list in the following format: <ul class="special-5"><li>....</li><li>....</li>...</ul>.

  • To use this style create a list in the following format: <ul class="special-6"><li>....</li><li>....</li>...</ul>.

  • To use this style create a list in the following format: <ul class="special-7"><li>....</li><li>....</li>...</ul>.

  • To use this style create a list in the following format: <ul class="special-8"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-9"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-9white"><li>....</li><li>....</li>...</ul>.

This Is Link Button


Button Link
To use this type: <a class="action_button"><span>....</span></a>

This Is Simple Link

Simple Link
To use this type: <a >....</a>

Use Any Skin Colour In text

You Can also use any colour of Text with any skin and in any element for example you want To Use Red Paragraph Like This:

This is red paragraph

So You can just use this in this format:

<p class="text-red">....</p>

Or You want to use Blue Colour on Hover Like This:

"This Text Change To Blue On hover"

So You can just use this in this format:

<p class="hover-red">....</p>

Or You want to use Both Styles i.e Blue Colour on Simple & Red On Hover Like This:

"This Text Change To Red On hover"

So You can just use this in this format:

<p class="text-blue hover-red">....</p>

9 Colours available in text with this skin these are:

  • Blue
  • Violet
  • Green
  • Red
  • Pink
  • Brown
  • SteelBlue
  • Teal
  • White
More Dnn W3C Skins

Check Our more Dnn W3C Compliant skin Packs, All Skins are comes with multiple Menus, Backgrounds, Banners & Containers.

Dnn 4.x & 5.x Compatible

Dimension Skin Pack Is w3c compliant skin pack with w3c compliant containers & banners. All Skin Features & Jquery Elements works well with Dnn 4.x and 5.x Read More

PSD Source Include

Make any color of your choice using the properly sliced .psd files. Simply save the slices and your custom color is ready. Separate Files For Different parts of skin. Read More

Our Services

We offers Many services of web & Graphics Designing For you, as well as we create new design for your brand(XHTML Design also) or can modify your existing design as per your need. Some Other Services are:

  • Corporate Website Design
  • Website Setup and DotNetNuke Installation
  • Contents setup and Page Creation
  • Custom Dotnetnuke Skins and Containers
  • Psd to DNN Skin Conversion
  • Custom Modules and Forms development

 

 

Copyright 2009 by DotNetNuke Corporation