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.
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.
To use skins and modules, you must be running DNN 7.x or higher. We have tested it with DNN7.x, DNN 8.x adn DNN 9.x.
Exported page templates will allow you to reproduce our live demo pages. We'll reproduce the home page as an example.
Note : Page templates can only be imported in case you are creating a new page.
You can click the ThemePlugin button to go to settings page, and then choose different header styles in Header Layout section.
Each header includes very rich setting options, you can modify the color of whatever you would like to . For example: text color, font size and background color etc.
Each header includes three kinds of layouts, which are Full, Boxed and BG-Boxed.
This skin contains Full Layout and Boxed Layout, you can set through Content Layout section.
With Boxed Layout applied, you can still set page background, it will display around the content. You can click link to check demo url of boxed layout.
The background can be set as static or rotating image or any solid color for you choose to apply, also you can set different background images for different pages.
Go to Content Layout settings, you can set width for skin on different devices, for example, you can set a width of 1400px for skin in over-large screen, so width of the content section is 1400px, you can also set auto for it, so width of content section is the same as screen.
It includes settings for multiple kinds of pane layouts, for example, layout used for homepage is 0-12-0, layout used for InsidePage-leftmenu is 3-9-0, and layout used for InsidePage-rightmenu is 9-3-0.
It will show animated progress bar when loading the page. There are many kinds of animation effects included in the skin, you can set in Loading style. You can also apply GIF image as animation effect.
You can set the font color and size, link color, the color of H1-H6 etc of the content area.
In Boxed Layout mode, you are allowed to set a different background image for each DNN page. It will show background image around the skin. You can make the settings following the steps below.
Choose Page Title Background in the Option for Show bg, save settings.
As for how to set it, please refer to the way of setting background images mentioned above.
It includes sidebar in InsidePage-leftmenu.ascx and InsidePage-righttmenu.ascx by default. Both LeftMenu and RightMenu are showing sub menus under the second level. You can check the following two page demos. LeftMenu RightMenu
You can create Google Map easily following these steps:
It requires to set logo of the whole DNN site in admin > site settings. If you need to set a different logo for Roll Menu, Mobile view and different pages, please refer to what listed below:
It includes 18 homepages in the skin, each homepage is invoking individual css separately, for example, what being invoked by HomePage01 is HomePage01.css, and what being invoked by HomePage02 is HomePage02.css.
If you need to apply codes of HomePage02 in HomePage01, you will have to check both HomePage01.css and HomePage02.css, as shown in image below:
You can click the ThemePlugin button to go to settings page, and then choose different header styles in Page Title Layout section.
You can change the text color, background color and background image etc for each Page Title layout.
You can create a new skin through ThemePlugin. Please note the new skin name shouldn't be the same as the current skin.
The skin sub menus contain two types-Standard Menu and MegaMenu.
Standard Menu is the default menu type, the sub menus will be set to display in one column only, as shown in screen shot below:
MegaMenu will set sub menus to display in multiple columns, also you can display HTML module or third party module in sub menus, as shown below:
You can set the MegaMenu as per steps below:
Additional effects can be added for MegaMenu through DNNGo_MegaMenuAddon module.
With this effect, a menu with multiple columns can be created. You need to set the menu items to show in Effect Options. As shown in image below:
Tabs can be created with these three effects. Clicking on Add New Slider button will enable you to create tabs. As shown in image below:
The color of texts and border can be set in Effects >Effect Options. As shown in image below:
Click "FONTS" nav in the ThemePlugin. You can add additional Google fonts and the fonts in TTF format.
You are allowed to set a different icon for each menu item. What we have used is Font Awesome Icons.
Click Edit Icon to set.
You can choose the icon you need through dropdown options, you can also find the icon you need through text filter.
It is default by ThemePlugin that setting is only valid to one skin. If you need to apply the settings to all skins, you will have to select Global for Scope in Skin Settings, as shown in image below:
You can click the link to check Coming Soon demo. Coming Soon
You can create the coming soon page easily following these steps:
You can click the link to check One Page demo. One Page
It will scroll to the corresponding area on the page when clicking the menu texts at the top. It will also do so when clicking the dots on the right of the skin.
These anchors are generated through page's anchorTag. Codes are as follows. You can place this piece of codes in page's HTML module, click the right anchor, then page will slide to this HTML module area.
<div data-title="ABOUT US" class="anchorTag" data-offset="-60" data-scrollshownav="true" data-menuanchor="true" > </div>
<div data-title="About Us" class="anchorTag" data-offset="-60" data-scrollshownav="true" data-menuanchor="true"> </div>
This skin contains a lot of short codes, it is very easy for you to use even you know nothing about js and css, all you need to do is just copying the short codes to HTML module.
You can see this module in the banner section on the home page, we will guide you step by step to set up the module as the same as our demo site:
You can create the form through this module, click this link so you can check the module instruction details.
You are allowed to install the skin/theme on a single portal only , belonging to either you or your clients. You are allowed to modify the skin/theme as per your own needs. But you must not transfer your license of the skin/theme to others, or redistribute, distribute, resell or share the skin/theme, and you can not modify the skin/theme as end product for selling at any marketplace. You shall not use the skin/theme on websites that come with pornographic, defamatory or other illegal or immoral content.
The modules included in this skin/theme are only provided with Standard License, which allows you to install the module on a single portal only , belonging to either you or your clients. But you shall not publish the module in any place for others to download, resell or re-distribute the module in any form, or transfer the permissions to anyone, crack or de-compile the module.
All images/photos used in our skin(theme) demo are just for demonstration purposes and shall not be used in any of your site or distributed. If you like them, you can get them from these sites: shutterstock, pixabay, graphicburger, unsplash, streetwill, getrefe, barnimages, picjumbo, designerspics, lifeofpix, kaboompics
Disclaimer: All trademarks are owned by their respective owners. We(DNNGo) are not affiliated with them in any manner. All information on this page is for demonstration and/or informational purposes only.
Free latest version is available if purchase is within 1 year.
If your purchase is over 1 year, please contact us at email@example.com
If you have any questions or suggestions about modules/skins or modules/skins installation process, please feel free to contact us.