DNN-Gray.ascx
This is the DNN-Gray Skin's modified DNN-Gray.ascx file and is here to give you an example of an ascx file. The CSS classes, ID, Table Structure, Tokens, Panes, etc. used within the ascx file primarily depend on the skin designer.
<%@ Control language="vb" CodeBehind= "~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src= "~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BANNER" Src= "~/Admin/Skins/Banner.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SOLPARTMENU" Src= "~/Admin/Skins/SolPartMenu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src= "~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src= "~/Admin/Skins/Language.ascx" %>
<%@ Register TagPrefix="dnn" TagName="CURRENTDATE" Src= "~/Admin/Skins/CurrentDate.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src= "~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src= "~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src= "~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src= "~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src= "~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src= "~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="DOTNETNUKE" Src= "~/Admin/Skins/DotNetNuke.ascx" %>
<link id="skin" rel="stylesheet" type="text/css" href="/portals/0/skins/DNN-Gray/skin.css" />
<link rel="stylesheet" type="text/css" href="/portals/0/skins/DNN-Gray/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"><dnn:LOGO runat="server" id="dnnLOGO" /></TD>
<TD vAlign="middle" align="right"><dnn:BANNER runat="server" id="dnnBANNER" /></TD>
</TR>
</TABLE>
<TABLE class="skingradient" cellSpacing="0" cellPadding="3" width="100%" border="0">
<TR>
<TD width="100%" vAlign="middle" align="left" nowrap><dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" ProviderName="SolpartMenuNavigationProvider" Display="horizontal" usearrows="true" userootbreadcrumbarrow="true" usesubmenubreadcrumbarrow="true" CSSControl="main_dnnmenu_bar" CSSContainerRoot="main_dnnmenu_container" CSSNode="main_dnnmenu_item" CSSIcon="main_dnnmenu_icon" CSSContainerSub="main_dnnmenu_submenu" CSSBreak="main_dnnmenu_break" CSSNodeHover="main_dnnmenu_itemhover" CSSIndicateChildSub="main_dnnmenu_arrow" CSSIndicateChildRoot="main_dnnmenu_rootmenuarrow" CSSBreadCrumbRoot="main_dnnmenu_rootbreadcrumb" CSSBreadCrumbSub="main_dnnmenu_subbreadcrumb" CSSNodeRoot="main_dnnmenu_rootitem" CSSNodeSelectedRoot="main_dnnmenu_rootselected" CSSNodeSelectedSub="main_dnnmenu_subselected" CSSNodeHoverRoot="main_dnnmenu_roothover" CSSNodeHoverSub="main_dnnmenu_subhover" NodeLeftHTMLBreadCrumbRoot="<img alt="*" BORDER="0" src="breadcrumb.gif"/>" separatorcssclass="separator" delaysubmenuload="true" /></TD>
<TD class="skingradient" vAlign="middle" align="right" nowrap><dnn:SEARCH runat="server" id="dnnSEARCH" showWeb="True" ShowSite="True" /><dnn:LANGUAGE runat="server" id="dnnLANGUAGE" showMenu="False" showLinks="True" /></TD>
</TR>
</TABLE>
<TABLE cellSpacing="0" cellPadding="3" width="100%" border="0">
<TR>
<TD width="200" vAlign="top" align="left" nowrap><dnn:CURRENTDATE runat="server" id="dnnCURRENTDATE" /></TD>
<TD width="100%" vAlign="top" align="center"><B>..::</B> <dnn:BREADCRUMB runat="server" id="dnnBREADCRUMB" Separator=" » " RootLevel="0" /><B>::..</B></TD>
<TD width="200" vAlign="top" align="right" nowrap><dnn:USER runat="server" id="dnnUSER" /> <dnn:LOGIN runat="server" id="dnnLOGIN" /></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="/portals/0/skins/DNN-Gray/spacer.gif" height="1" width="1"></TD>
<TD valign="top" align="center"></TD>
<TD valign="top" align="center"><img src="/portals/0/skins/DNN-Gray/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"><dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" /> <dnn:TERMS runat="server" id="dnnTERMS" /> <dnn:PRIVACY runat="server" id="dnnPRIVACY" /></TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD valign="top" align="center"><dnn:DOTNETNUKE runat="server" id="dnnDOTNETNUKE" /></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>