20017-UnlimitedColorPack-003 Documentation 1.0.1

Table of Contents

Back To Top

A. General Information

A. Dotnetnuke Information

To install this skin you must have a working version of Dotnetnuke already installed. If you need help installing Dotnetnuke, follow the instructions in Video-Library. Below are all the useful links for Dotnetnuke information.


B. What Is Included With Your Package

When you purchase our theme from DNN Store, you will receive one large .zip file that contains everything inside. Unzip that file to get all the content inside. Below is a full list of everything that is included along with a brief description of each item. See the corresponding sections for info on installing the theme.




C. What Are The Requirements To Use skins and modules

To use skins and modules, you must be running DNN 5.x or higher. We have tested it with DNN5.x, DNN6.x and DNN7.x.

Back To Top

B. Skin and Required Modules Installation

  1. Go to Host –> Extensions –> Install Extension wizard to install the module pack DNNGo_GoMenu_01.02.02_PA.zip
  2. Go to Host –> Extensions –> Install Extension wizard to install the module pack DNNGo_StyleSwicth_01.01.00_PA.zip
  3. Go to Host –> Extensions –> Install Extension wizard to install the skin pack 20017-UnlimitedColorPack-003-DNN6&7.zip
  4. After the installation has been completed, navigate to Admin –> Site Settings –> Basic Settings (tab) –> Appearance (section) and specify portal and edit skins and containers like shown in the screenshot below. It should be done, in order to make your DNN admin UI look correct and readable. Click “Update” button.
  5. Now you can upload the LOGO image in Admin –> Site Settings –> Basic Settings (tab) –> Appearance (section) page.
Back To Top

C. DNNGo_StyleSwitch Module

This module allows the administrator to customize the style of the website.


Back To Top

D1. Effect_08_TransBanner

Click this link to check the demo page for this effect.

Click this link so you can check the module instruction details.

Back To Top

D2. Effect_13_UnoSlider

Click this link to check the demo page for this effect.

Click this link so you can check the module instruction details.

Back To Top

D3. Effect_14_ImageScroll

You can see this module in the LATEST PORTFOLIO section on the home page.

Click this link so you can check the module instruction details.

Back To Top

D4. Effect_19_Portfolio

Click this link to check the demo page for this effect.

Click this link so you can check the module instruction details.

Back To Top

D5. Effect_20_PhotoGallery

You can see this module in the Photo Gallery section on the home page.

Click this link so you can check the module instruction details.

Back To Top

D6. Effect_21_LinkAndZoom

Click this link to check the demo page for this effect, we will guide you how to use this module step by step as below:

Click this link so you can check the module instruction details.

Back To Top

E. DNNGo_xBlog Module

We use this module on the blog page, click this link so you can check the module instruction details.

Back To Top

F. DNNGo_PhotoAlbums Module

We use this module on the blog page, click this link so you can check the module instruction details.

Back To Top

G. DNNGo_PowerForms Module

You can create the form through this module, click this link so you can check the module instruction details.

Back To Top

H. Page templates

Exported page templates will allow you to reproduce our live demo pages. We’ll reproduce the home page as an example.


  1. You can find these files in Page Templates.
  2. Upload Home-template file into your portal root (e.g. Portals/0/Templates/) in the previous chapter and synchronize your folders so you are able to start using page templates to clone live demo pages.
  3. Upload all the photo files of the "images" folder into your portal root (e.g. Portals/0/).
  4. Navigate to the Home page and click Pages -> Import.
  5. Find a proper page exported content file navigating to Templates folder and choosing for example Home page.
  6. Choose “Replace the current Page” and the redirect mode you need.
  7. Click Import button if everything is correct.
  8. Specify page settings according to your needs (necessarily apply HomePage skin to the home page) and click “Update Page”. The home page is ready.
Back To Top

I. CSS3 Animations

This s kin includes cutting-edge CSS3 animations for select short codes. Set the animation type, direction, and speed. These elements animate when the item comes into the viewport, it's a great way to grab the viewers' attention towards your content. You can go to here to check all the short codes.

Back To Top

J. Set Up Google Map

You can create Google Map easily following these steps:


  1. Add this code to HTML module: <div id="gmap"></div>
  2. To change google map settings, open <skin root>/js/custom.js file for editing.
  3. Find this code:
  4. Change "Bear city, ny" in address attribute to the desired one. Change address for the marker too.
  5. Markers attribute contains a list of points marked on the map. Every entry may include the following properties:
    address: Address where the marker will be drawn
    html: Content that will be shown within the info window for this marker. (Default: "")
    popup: If true the info window for this marker will be shown when the map finished loading (Default: false)
  6. You can add several markers to the map. See the example below:
Back To Top

K. License interface

  1. Please login or register your account at http://www.dnngo.net
  2. Send an email to dnnskindev@gmail.com with your invoice ID, machine Key for every module( different modules have different machine keys), and your DNNGO username. We will generate an activation code for you. Please note: If your site is a demo site, your license will still be valid when you transfer your site to a live site.
  3. Manage my licenses
Back To Top

L. Contact Us

If you have any questions or suggestions about modules/skins or modules/skins installation process, please feel free to contact us.