I am just playing around with producing my own skin (quite new to this).
I setup a new CE copy of DNN install 05.06.01 (238). Logged in as host and deleted all the default content that gets placed on the main page. I am left with a blank default setup of DNN with no content/modules etc.
I mocked up a skin based off an .ascx setup from the default skin folder and changed it around a fair bit.
I goto the page settings for the main page and set the skin to this mock up I have and it all looks ok etc. (not perfect of course :P). However, if I am not logged in I can still see the control panel!
As a test I then set the skin back to default but the control panel remains after logging out.
I then deleted the *new* skin folder from _default/skins/ (just to make sure) and the control panel remains! I am really confused as to why this would happen. I haven't added any modules (just deleted pre-existing ones from the install). I haven't played with or adjusted any permissions.
Below is the files and code I am using (please excuse my beginner attempts at this).
##### homepage.css #####
html, body
{
margin:0 0 0 0;
padding:0 0 0 0;
}
body
{
font-size:100%;
color:#999999;
font-family: 'Ubuntu', Arial, Serif;
background: #F5F5F5 url('images/bkg_loop.png') repeat-x;
}
#mainWrapper
{
width:1022px;
margin-left: auto;
margin-right: auto;
text-align:center;
border:1px #d7d7d7 solid;
background-color:#FFF;
}
#headerBlock
{
width:100%;
height: 113px;
background-color: #11425f;
border:0px Yellow solid;
}
#logoBlock
{
float:left;
padding-left:43px;
padding-top:25px;
border:0px pink solid;
}
#menuBlock
{
float:right;
padding-right:29px;
padding-top:30px;
text-align:right;
border: 0px red solid;
}
#menuBlock img
{
vertical-align:middle;
border: 0;
}
#miniMenu a, a:visited, a:active
{
text-decoration:none;
color:#8aacc3;
font-weight:bold;
font-size:80%;
}
#miniMenu a:hover
{
color:#fff;
}
#mainMenu
{
padding-top:15px;
color:#fff;
font-weight:bold;
font-size:115%;
}
.mi a, .mi a:visited, .mi a:active
{
color:#fff;
font-weight:bold;
text-decoration:none;
padding-left:10px;
}
.mi a:hover
{
color:#1c6591;
}
/* Hide home and admin/host menu items */
.mainMenu .mi0, .mi6, .mi7
{
display:none;
}
/* Pad out menu items from each other */
.mainMenu .root
{
padding-right:20px;
}
/* Reset padding on last menu item so it remains lined up */
.mainMenu .mi5
{
padding-right:0px;
}
#bannerBlock
{
width:1022px;
height:252px;
/*background: #fff url('images/banner_image_01.png') no-repeat; */
text-align:left;
border:0px aqua solid;
}
#dnn_RightPane
{
top:-270px;
left:-37px;
position:relative;
float:right;
border:0px Yellow solid;
width:244px;
height:415px;
margin-bottom:-250px;
}
#dnn_RightPane .head_title
{
font-size:110%;
color: #fff;
font-weight:bold;
}
#dnn_ContentPane
{
top:-35px;
left:32px;
position:relative;
float:left;
border:0px Yellow solid;
width:645px;
}
#dnn_ContentPane .head_title
{
font-size:110%;
color: #11425f;
font-weight:bold;
}
#dnn_ContentPane a, #dnn_ContentPane a:active, #dnn_ContentPane a:visited
{
text-transform:uppercase;
text-decoration:none;
font-size:60%;
color:#2294d6;
font-weight:bold;
}
#dnn_ContentPane a:hover
{
color:#5bacdb;
}
#contentBlock
{
border-top:1px #d7d7d7 solid;
width:100%;
}
.clear
{
clear:both;
}
##### homepage.ascx #####
<%@ Control language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.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="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<link rel="stylesheet" href="<%= SkinPath %>css/screen.css" type="text/css" media="screen" />
<script type="text/javascript" src="<%= SkinPath %>js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#slider").easySlider({
auto: false,
continuous: true
});
});
</script>
<div id="mainWrapper">
<div class="cpanel_left">
<div class="cpanel_right">
<div runat="server" id="ControlPanel" ></div>
</div>
</div>
<div id="headerBlock">
<div id="logoBlock"><dnn:LOGO runat="server" id="dnnLOGO" /></div>
<div id="menuBlock">
<div id="miniMenu">
<a href="/">Home</a>
<a href="#">About us</a>
<a href="#">Contact us</a>
<a href="#"><img src="<%= SkinPath %>images/social_linkedin.png" alt="" /></a>
<a href="#"><img src="<%= SkinPath %>images/social_twitter.png" alt="" /></a>
</div>
<div id="mainMenu">
<dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider" IndicateChildren="false" ControlOrientation="Horizontal" CSSControl="mainMenu" />
</div>
</div>
</div>
<div id="bannerBlock">
<div id="slider">
<ul>
<li><img src="<%= SkinPath %>images/banner_image_01.png" alt="Banner 01" /></li>
<li><img src="<%= SkinPath %>images/banner_image_02.png" alt="Banner 02" /></li>
<li><img src="<%= SkinPath %>images/banner_image_03.png" alt="Banner 03" /></li>
</ul>
</div>
<div class="clear"></div>
<div runat="server" id="ContentPane"></div>
<div runat="server" id="RightPane"></div>
</div>
<div class="clear"></div>
<div id="contentBlock">
<dnn:PRIVACY runat="server" id="dnnPRIVACY" CssClass="footer" /> | <dnn:TERMS runat="server" id="dnnTERMS" CssClass="footer" /><dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" CssClass="footer" />
<dnn:USER runat="server" id="dnnUSER" CssClass="user" /> | <dnn:LOGIN runat="server" id="dnnLOGIN" CssClass="user" />
</div>
</div>