DotNetnuke Skinning - CSS, XML, HTM / HTML, & ASCX Files

Here we provide several CSS, XML, HTM / HTML, & ASCX Files to compare and refer to when designing and editing your DotNetNuke Skins.

CSS Files	XML Files	HTM / HTML Files	ASCX Files
skin.css (DNN-Gray)	skin.xml (DNN-Gray)	DNN-Gray.html	DNN-Gray.ascx
container.css (DNN-Gray)	container.xml (DNN-Gray)
default.css
portal.css

Skin.xml (DNN-Gray)

This is the DNN-Gray Skin's skin.xml file and is here to give you an example of the skin.xml file. The XML file may vary slightly between DNN skin designer.

<Objects>
  <Object>
    <Token>[NAV]</Token>
    <Settings>
      <Setting>
        <Name>ProviderName</Name>
        <Value>DNNMenuNavigationProvider</Value>
      </Setting>
      <Setting>
        <Name>CSSControl</Name>
        <Value>main_dnnmenu_bar</Value>
      </Setting>
      <Setting>
        <Name>CSSContainerRoot</Name>
        <Value>main_dnnmenu_container</Value>
      </Setting>
      <Setting>
        <Name>CSSNode</Name>
        <Value>main_dnnmenu_item</Value>
      </Setting>
      <Setting>
        <Name>CSSNodeRoot</Name>
        <Value>main_dnnmenu_rootitem</Value>
      </Setting>
      <Setting>
        <Name>CSSIcon</Name>
        <Value>main_dnnmenu_icon</Value>
      </Setting>
      <Setting>
        <Name>CSSContainerSub</Name>
        <Value>main_dnnmenu_submenu</Value>
      </Setting>
      <Setting>
        <Name>CSSBreak</Name>
        <Value>main_dnnmenu_break</Value>
      </Setting>
      <Setting>
        <Name>CSSNodeHover</Name>
        <Value>main_dnnmenu_itemhover</Value>
      </Setting>
      <Setting>
        <Name>NodeLeftHTMLBreadCrumbRoot</Name>
        <Value><![CDATA[<img alt="*" BORDER="0" src= " breadcrumb.gif"/>]]></Value>
      </Setting>
<!--  Enables Populate On Demand - Will only work on versions AFTER 3.2.4
      <Setting>
        <Name>PopulateNodesFromClient</Name>
        <Value>True</Value>
      </Setting>
      <Setting>
        <Name>ExpandDepth</Name>
        <Value>1</Value>
      </Setting>
-->
    </Settings>
  </Object>
  <Object>
    <Token>[BREADCRUMB]</Token>
    <Settings>
      <Setting>
        <Name>Separator</Name>
        <Value><![CDATA[&nbsp;&raquo;&nbsp;]]></Value>
      </Setting>
      <Setting>
        <Name>RootLevel</Name>
        <Value>0</Value>
      </Setting>
    </Settings>
  </Object>
  <Object>
    <Token>[SEARCH]</Token>
    <Settings>
      <Setting>
        <Name>showWeb</Name>
        <Value>True</Value>
      </Setting>
      <Setting>
        <Name>ShowSite</Name>
        <Value>True</Value>
      </Setting>
    </Settings>
  </Object>
  <Object>
    <Token>[LANGUAGE]</Token>
    <Settings>
      <Setting>
        <Name>showMenu</Name>
        <Value>False</Value>
      </Setting>
      <Setting>
        <Name>showLinks</Name>
        <Value>True</Value>
      </Setting>
    </Settings>
  </Object>
</Objects>