I guess this is the place to learn. I built my first skin now and I cannot get it to load. It's a very simple starter skin I'm doing for a customer and I cannot for the life of me figure out what's going wrong. I am getting a solpartmenunavigation provider error when trying to upload the thing. I downloaded a couple of VERY simple examples and still don't see what I've done wrong. Could someone take a glance at this code for me? I've been at this for about 12 hours trying to get my first skin uploaded.
The error/exception happens around the menu - I must have missed something, yet when I look at the examples before me I cannot see it. I first tried to make my skin based on the dnn blue, but as you can see, this project has a ton of css behind it so the dnn blue that I see in the tutorials (starter reference) is not going to work. If I can just get this to upload, I can keep tweaking it until I get it right.
I'm kind of falling way behind schedule here - shoot!
I have the following files in a zipped folder called: AP_3PaneSkin with a folder inside named the same and containing the following files
1 img file, 6 css files (including skin.css) and the files you see below: I tried using the[MENU] token and switched to the [SOLPARTMENU] token thinking mayb that was my problem - still getting the same error/exception (which I'm no good at reading).
Please help me get this thing to the point where I can actually upload it as my first skin project.
Thanks ahead!
Dan (sorry for writing a book here)
The HTML:
_______INDEX.HTML________________
<div id="container">
<div id="header">
[LOGO]</div>
<div id="navigation">
<div class="flash-nav">
<div class="nav1">
[BANNER]
</div>
</div>
<div id="second_navigation">
<div id="sub_nav">
<div id="menu" class="navigation">
[SOLPARTMENU]
</div>
</div>
</div>
</div>
<br />
<div id="content">
<div id="main_header">
<h1>
</h1>
</div>
<div id="main_right_column">
<div id="rightpane" runat="server" visible="false" class="rightpane">
</div>
</div>
<div id="main_sidebar">
<div id="leftpane" runat="server" visible="false" class="leftpane">
</div>
<div id="main_content_body_three_column">
<div id="main_content_bkgd_operations">
<div id="contentpane" runat="server" visible="false" class="contentpane">
</div>
</div>
</div>
</div>
<div id="footer">
<p>
<hr size="1" color="#B8B8B8">
<br />
[COPYRIGHT] © | <a href="#">Site Map</a>
</p>
<br />
<br />
</div>
</div>
</div>
_____________END INDEX.HTML_________________
_____________INDEX.XML__________________
<XML>
<![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">]]>
</XML>
_____________END INDEX.XML______________
_____________SKIN.XML____________________
<Objects>
<Object>
<Token>[BREADCRUMB]</Token>
<Settings>
<Setting>
<Name>Separator</Name>
<Value><![CDATA[ » ]]></Value>
</Setting>
<Setting>
<Name>RootLevel</Name>
<Value>0</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[LINKS]</Token>
<Settings>
<Setting>
<Name>Separator</Name>
<Value><![CDATA[ | ]]></Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[SOLPARTMENU]</Token>
<Settings>
<Setting>
<Name>display</Name>
<Value>horizontal</Value>
</Setting>
<Setting>
<Name>selectedcolor</Name>
<Value>red</Value>
</Setting>
<Setting>
<Name>useskinpatharrowimages</Name>
<Value>false</Value>
</Setting>
<Setting>
<Name>userootbreadcrumbarrow</Name>
<Value>false</Value>
</Setting>
<Setting>
<Name>usesubmenubreadcrumbarrow</Name>
<Value>false</Value>
</Setting>
<Setting>
<Name>usearrows</Name>
<Value>false</Value>
</Setting>
<Setting>
<Name>rootmenuitemlefthtml</Name>
<Value><![CDATA[ ]]></Value>
</Setting>
<Setting>
<Name>rootmenuitemactivecssclass</Name>
<Value>in_MainMenu_ActiveTab</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[LOGIN]</Token>
<Settings>
<Setting>
<Name>CssClass</Name>
<Value>ss_login</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[USER]</Token>
<Settings>
<Setting>
<Name>CssClass</Name>
<Value>ss_user</Value>
</Setting>
</Settings>
</Object>
</Objects>
____________END SKIN.XML_______________
____________SKIN.CSS____________________
/*
================================
Skin styles for DotNetNuke
================================
*/
.pagemaster {
width: 100%;
height: 100%;
background-color: #fefefe;
}
.skinmaster {
height: 100%;
background-color: #f3f5fa;
border-right: #7994cb 1px solid;
border-top: #7994cb 1px solid;
border-left: #7994cb 1px solid;
border-bottom: #7994cb 1px solid;
moz-border-radius-bottomleft: 15px;
moz-border-radius-bottomright: 15px;
moz-border-radius-topleft: 3px;
moz-border-radius-topright: 3px;
}
.skinheader {
}
.skingradient {
background-image: url(gradient_DkBlue.jpg);
height:30px;
}
.controlpanel {
width: 100%;
background-color: #dfe5f2;
}
.toppane {
width: 100%;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.leftpane {
width: 100%;
height:36px;
background-color: transparent;
}
.contentpane {
width: 100%;
height:18px;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.rightpane {
width: 220px;
height:25px;
/*background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
*/
}
.bottompane {
width: 100%;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.MainMenu_MenuContainer {
background-color: transparent;
}
.MainMenu_MenuBar {
cursor: pointer;
cursor: hand;
height:16px;
background-color: Transparent;
}
.MainMenu_MenuItem {
border-left: #cad5ea 0px solid;
border-bottom: #cad5ea 1px solid;
border-top: #cad5ea 1px solid;
border-right: #cad5ea 0px solid;
cursor: pointer;
cursor: hand;
color: #000000;
font-size: 9pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Tahoma, Arial, Helvetica;
}
.MainMenu_MenuIcon {
background-color: #cad5ea;
border-left: #cad5ea 1px solid;
border-bottom: #cad5ea 1px solid;
border-top: #cad5ea 1px solid;
cursor: pointer;
cursor: hand;
text-align: center;
width: 15px;
height: 21px;
}
.MainMenu_SubMenu {
background-color: #cad5ea;
z-index: 1000;
cursor: pointer;
cursor: hand;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}
.MainMenu_MenuBreak {
height: 1px;
}
.MainMenu_MenuItemSel {
background-color: #8da4d3;
cursor: pointer;
cursor: hand;
color: black;
font-family: Tahoma, Arial, Helvetica;
font-size: 9pt;
font-weight: bold;
font-style: normal;
height: 21px;
}
.MainMenu_MenuArrow {
border-right: #cad5ea 1px solid;
border-bottom: #cad5ea 1px solid;
border-top: #cad5ea 0px solid;
font-family: webdings;
font-size: 10pt;
cursor: pointer;
cursor: hand;
}
.MainMenu_RootMenuArrow {
font-family: webdings;
font-size: 10pt;
cursor: pointer;
cursor: hand;
}
.StandardButton {
background: #7994cb none;
color: #ffffff;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: normal;
}
.TreeViewMenu {
width: 175px;
background-color: #dfe5f2;
border-right: #7994cb 1px solid;
border-top: #7994cb 1px solid;
border-left: #7994cb 1px solid;
border-bottom: #7994cb 1px solid;
moz-border-radius-bottomleft: 15px;
moz-border-radius-bottomright: 15px;
moz-border-radius-topleft: 3px;
moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
background-image: url(gradient_LtBlue.jpg);
}
.Head {
font-family: Tahoma, Arial, Helvetica;
font-size: 18px;
font-weight: normal;
color: #333333;
}
________END SKIN.CSS____________