BruceChucker.com bringing light to DotNetNuke
 Search Website
 Thursday, March 11, 2010  
Sponsor

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      

DNN-Gray.html

This is the DNN-Gray Skin's modified DNN-Gray.html file and is here to give you an example of an html file. The CSS classes, ID, Table Structure, Tokens, Panes, etc. used within the html file primarily depend on the skin designer.

 

<link id="skin" rel="stylesheet" type="text/css" href="skin.css" />
<link rel="stylesheet" type="text/css" href="default-00.css">

<BODY>
<TABLE class="pagemaster" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD valign="top">
<TABLE class="skinmaster" width="770" border="0" align="center" cellspacing="0" cellpadding="0">
<TR>
<TD id="ControlPanel" runat="server" class="contentpane" valign="top" align="center"></TD>
</TR>
<TR>
<TD valign="top">
<TABLE class="skinheader" cellSpacing="0" cellPadding="3" width="100%" border="0">
  <TR>
    <TD vAlign="middle" align="left">[LOGO]</TD>
    <TD vAlign="middle" align="right">[BANNER]</TD>
  </TR>
</TABLE>
<TABLE class="skingradient" cellSpacing="0" cellPadding="3" width="100%" border="0">
  <TR>
    <TD width="100%" vAlign="middle" align="left" nowrap>[SOLPARTMENU]</TD>
    <TD class="skingradient" vAlign="middle" align="right" nowrap>[SEARCH][LANGUAGE]</TD>
  </TR>
</TABLE>
<TABLE cellSpacing="0" cellPadding="3" width="100%" border="0">
  <TR>
    <TD width="200" vAlign="top" align="left" nowrap>[CURRENTDATE]</TD>
    <TD width="100%" vAlign="top" align="center"><B>..::</B>&nbsp;[BREADCRUMB]<B>::..</B></TD>
    <TD width="200" vAlign="top" align="right" nowrap>[USER]&nbsp;&nbsp;[LOGIN]</TD>
  </TR>
</TABLE>
</TD>
</TR>
<TR>
<TD valign="top" height="100%">
<TABLE cellspacing="3" cellpadding="3" width="100%" border="0">
  <TR>
    <TD class="toppane" colspan="3" id="TopPane" runat="server" valign="top" align="center"></TD>
  </TR>
  <TR valign="top">
    <TD class="leftpane" id="LeftPane" runat="server" valign="top" align="center"></TD>
    <TD class="contentpane" id="ContentPane" runat="server" valign="top" align="center"></TD>
    <TD class="rightpane" id="RightPane" runat="server" valign="top" align="center"></TD>
  </TR>
  <TR>
    <TD class="bottompane" colspan="3" id="BottomPane" runat="server" valign="top" align="center"></TD>
  </TR>
  <TR valign="top">
    <TD valign="top" align="center"><img src= "spacer.gif" height="1" width="1"></TD>
    <TD valign="top" align="center"></TD>
    <TD valign="top" align="center"><img src= "spacer.gif" height="1" width="1"></TD>
  </TR>
</TABLE>
</TD>
</TR>
<TR>
<TD valign="top">
<TABLE class="skingradient" cellSpacing="0" cellPadding="0" width="100%" border="0">
  <TR>
    <TD valign="middle" align="center">[COPYRIGHT]&nbsp;&nbsp;[TERMS]&nbsp;&nbsp;[PRIVACY]</TD>
  </TR>
</TABLE>
</TD>
</TR>
<TR>
<TD valign="top" align="center">[DOTNETNUKE]</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

Sponsor
Sponsor
Hosted by: Web Hosting & Design: NetProCity
 Designed by: BruceChucker.com - Find more cool DNN Skins, Containers, and tips at www.brucechucker.com.Design Sponsored by: NetProCity.com - Providing clean innovative website solutions.Design Stock Images by: ThePlaidImage.com - Providing Commercial Photography Services and Flora & Fauna Stock Photography Galleries for your business.Discover BruceChucker.com Programs - Learn about how you can make a difference in your local and global communities.