Text Adjustment: 

Width Adjustment: 

Background Styles: 

Saturday, May 19, 2012
 

The Image Sliding (or Fading) Pane


You Can view this pane in our home demo page, you can Simply Insert our especially designed banner (TransparentStyleBlank_Simple) for this pane. In this banner you can simply insert your image, than insert another TransparentStyleBlank_Simple banner to insert the second image than so on.. just insert one image in one container, Dont put other banner or container than TransparentStyleBlank_Simple If you aware of ie alpha transparency issue because the png fix htc file make any other container or banner looks horrible. The Image Slider pane is named as Slideshow pane so insert images as much as you want in that pane. You can easily Change The Effect of jquery To Scroll, Shuffle and any other you want, Simply Open Your Desired ascx file in any editor and look at that code jQuery('.slideshow').cycle({
fx: 'fade'
Change this 'Fade' To your suitible Effect and thats all or Browse http://jquery.malsup.com/cycle/browser.html for more Effects

Inserting Image Or Content In Slider Panes

If you want to insert 4 images and content in panes than follow these simple steps:

  • Insert text/html module in Slideshow pane
  • Than Go to edit content and insert your desired image and content which you want to show as image#1 or content#1
  • Insert another text/html module in Slideshow pane for Content #2
  • edit content and put your image or/and content which you want to show at number #2
  • Follow these steps for content#3 and 4 and/or image#3 and 4
  • Apply TransparentStyleBlank_simple banner on every text/html module


The Package Map


Dimension skin is comes up with Two separate packages for skins (dnn 4.x & Dnn 5.x This Is The Map Of Skin Packages

  • Dnn 5 version(With skin widgets)
    • MenuStyle1
      • DimensionBlue_m1.zip
      • DimensionBrown_m1.zip
      • DimensionGreen_m1.zip
      • DimensionPink_m1.zip
      • DimensionRed_m1.zip
      • DimensionSteelBlue_m1.zip
      • DimensionTeal_m1.zip
      • DimensionViolet_m1.zip
    • MenuStyle2
      • DimensionBlue_m2.zip
      • DimensionBrown_m2.zip
      • DimensionGreen_m2.zip
      • DimensionPink_m2.zip
      • DimensionRed_m2.zip
      • DimensionSteelBlue_m2.zip
      • DimensionTeal_m2.zip
      • DimensionViolet_m2.zip
    • MenuStyle3
      • DimensionBlue_m3.zip
      • DimensionBrown_m3.zip
      • DimensionGreen_m3.zip
      • DimensionPink_m3.zip
      • DimensionRed_m3.zip
      • DimensionSteelBlue_m3.zip
      • DimensionTeal_m3.zip
      • DimensionViolet_m3.zip
  • Dnn 4 version(Without skin Widgets)
    • MenuStyle1
      • DimensionBlue_m1.zip
      • DimensionBrown_m1.zip
      • DimensionGreen_m1.zip
      • DimensionPink_m1.zip
      • DimensionRed_m1.zip
      • DimensionSteelBlue_m1.zip
      • DimensionTeal_m1.zip
      • DimensionViolet_m1.zip
    • MenuStyle2
      • DimensionBlue_m2.zip
      • DimensionBrown_m2.zip
      • DimensionGreen_m2.zip
      • DimensionPink_m2.zip
      • DimensionRed_m2.zip
      • DimensionSteelBlue_m2.zip
      • DimensionTeal_m2.zip
      • DimensionViolet_m2.zip
    • MenuStyle3
      • DimensionBlue_m3.zip
      • DimensionBrown_m3.zip
      • DimensionGreen_m3.zip
      • DimensionPink_m3.zip
      • DimensionRed_m3.zip
      • DimensionSteelBlue_m3.zip
      • DimensionTeal_m3.zip
      • DimensionViolet_m3.zip
All the issue for jquery conflicts with dnn 4 are solved in dnn 4 package, so you can easily install and use that package in dnn 4 Skin Is comes with 3 menu styles so the X_m1.zip Means Menu Style 1 (Where X is the Colour Of skin) , X_m2.zip Means Menu Style 2 (Where X is the Colour Of skin) & X_m3.zip Means Menu Style 3 (Where X is the Colour Of skin)

Containers Package

You can see that the skin is with colour contrasts so the containers we provide are in two colours i.e the light colour & Dark color containers for example:
The Green Colour containers are in two zips with name:

  • ContainersGreen.zip
  • ContainersGreen_Dark.zip
There are 11 containers in one zip For Example:
ContainersGreen.zip Contains:
  • ContainerBlank(the blank container with title)
  • ContainerBlank_nospace(the blank container with nospace & with title)
  • ContainerBlank_Notitle(the blank container without title)
  • ContainerBlank_nospaceNotitle(the blank container with nospace & no title)
  • ContainerGreen1( container with Green colour title bar)
  • ContainerGreen2( container with Grey colour title bar and green colour title text class)
  • ContainerGreen2_greytitle( container with Grey colour title bar and grey colour title text class)
  • ContainerGreen3( container in completely Green colour background with white title)
  • ContainerGreen3_glow( container with Green colour background and glow effect on title bar)
  • ContainerGreen3_mosaic( container with Green colour background with mosaic effect like in skin background one footer)
  • ContainerGreen4( simple container with transparent background fits on any place with line in title bar)
View Containers Example page


Skin XHTML Files

There are 30 ascx files are in one skin zip with same name css file and markup xml files. Width and backgrouds are donated in .ascx file names for example:
Fixed1024_bg1 Means this is the file with 1024px resolution width and with background number 1Fixed1280_bg2 Means this is the file with 1280px resolution width and with background number 2Fullwidth_bg5 Means this is the file with fullwidth resolution width and with background number 5 the user can also change the background and width through skin widget

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