Hi everyone,
I'm just getting into DNN, which includes doing my first skin - wow - a real headache at times, especially when you're 99% there, but only 99% there. That's what I was hoping you could help me with - I've gotten my skin to install correctly, but when I go to deploy it on a page, I get the following error:
Could Not Load Skin: /Portals/5//skins/cec_skin/admin.ascx Error: The tag contains duplicate 'CssClass' attributes.
Anyway, I've looked through all my code, and so far I can't figure out what it is that DNN is objecting to. I'll give my code so that you can see what I've got so far:
-----XHTML-----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title></title>
<link href="skin.css" rel="stylesheet" type="text/css"/>
</head>
<body class="body">
<div id="wrapper">
<div id="header">
[contentpane:9]
</div>
<ul id="mainnav">
<li>[solpartmenu]</li>
</ul>
<div id="content">
<div id="contentpane">[contentpane]</div>
<div id="contentpane2">[contentpane:2]</div>
<div id="contentpane3">[contentpane:3]</div>
<div id="contentpane4">[contentpane:4]</div>
<div id="contentpane5">[contentpane:5]</div>
<div id="contentpane6">[contentpane:6]</div>
<div id="contentpane7">[contentpane:7]</div>
<div id="contentpane8">[contentpane:8]</div>
<div class="footer">
<p>[copyright]</p>
<div class="login">
[login]
</div>
<div class="user">
[user]
</div>
</div>
</div>
</div>
</body>
</html>
-----CSS-----
/*========================================================*/
/* General styles */
/*========================================================*/
.body {
font: 100% calibri, arial, helvetica, sans-serif;
color: white;
}
#wrapper {
background: url('images/background_wide.png') repeat-y center;
text-align: center;
width: 100%;
}
#content {
font: inherit;
margin: 0px 250px 0px 250px;
padding: 20px 0 20px 0;
text-align: left;
}
/*========================================================*/
/* Header Area [HEADER] */
/*========================================================*/
/* 750px wide works well for this graphic :^) */
#header {
border: 1px white dashed;
margin: 0px 250px 0px 250px;
padding: 20px 0 20px 0;
}
/*========================================================*/
/* Main Menu [SOLPARTMENU] */
/*========================================================*/
.body #wrapper ul#mainnav {
background: url('images/navbar.png') no-repeat center;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
width: 100%;
min-height: 4em;
position: relative;
}
.body #wrapper ul#mainnav li {
text-align: center;
display: inline;
list-style: none;
font-family: Papyrus, "Brush Script MT", "Cataneo BT", Jivetalk, "Lucida Calligraphy", "Monotype Corsiva", fantasy;
font-size: medium;
padding: 1em .5em 1em .5em;
width: auto;
position: relative;
bottom: -1em;
}
.body #wrapper ul#mainnav li a:link {
color: black;
font-weight: bold;
text-decoration: none;
}
.body #wrapper ul#mainnav li a:visited {
color: black;
font-weight: bold;
text-decoration: none;
}
.body #wrapper ul#mainnav li a:hover {
color: black;
font-weight: bold;
text-decoration: underline;
}
.body #wrapper ul#mainnav li a:active {
}
/*=========================================================*/
/* Content Pane Styles [CONTENT] - [CONTENT:8] */
/*=========================================================*/
.body #wrapper #content #contentpane {
width: 100%;
clear: both;
}
.body #wrapper #content #contentpane2 {
width: 74%;
float: left;
}
.body #wrapper #content #contentpane3 {
width: 25%;
float: right;
}
.body #wrapper #content #contentpane4 {
width: 25%;
float: left;
clear: both;
}
.body #wrapper #content #contentpane5 {
width: 74%;
float: right;
}
.body #wrapper #content #contentpane6 {
width: 100%;
clear: both;
}
.body #wrapper #content #contentpane7 {
width: 100%;
clear: both;
}
.body #wrapper #content #contentpane8 {
width: 100%;
clear: both;
}
/*=========================================================*/
/* Footer Style [FOOTER] */
/*=========================================================*/
.body #wrapper #content .footer {
font: italic normal normal small/normal calibri, arial, helvetica, sans-serif;
text-align: center;
clear: both;
}
/*=========================================================*/
/* Login Style [LOGIN] */
/*=========================================================*/
-----XML-----
<Objects>
<Object>
<Token>[CONTENTPANE]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>[contentpane]</Value>
</Setting>
</Settings>
<Token>[CONTENTPANE:2]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>[contentpane:2]</Value>
</Setting>
</Settings>
<Token>[CONTENTPANE:3]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>[contentpane:3]</Value>
</Setting>
</Settings>
<Token>[CONTENTPANE:4]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>[contentpane:4]</Value>
</Setting>
</Settings>
<Token>[CONTENTPANE:5]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>[contentpane:5]</Value>
</Setting>
</Settings>
<Token>[CONTENTPANE:6]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>[contentpane:6]</Value>
</Setting>
</Settings>
<Token>[CONTENTPANE:7]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>[contentpane:7]</Value>
</Setting>
</Settings>
<Token>[CONTENTPANE:8]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>[contentpane:8]</Value>
</Setting>
</Settings>
<Token>[CONTENTPANE:9]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>[contentpane:9]</Value>
</Setting>
</Settings>
<Token>[COPYRIGHT]</Token>
<Settings>
<Setting>
<Name>CssClass</Name>
<Value>.footer</Value>
</Setting>
</Settings>
<Token>[LOGIN]</Token>
<Settings>
<Setting>
<Name>CssClass</Name>
<Value>.login</Value>
</Setting>
</Settings>
<Token>[SOLPARTMENU]</Token>
<Settings>
<Setting>
<Name>separatecss</Name>
<Value>true</Value>
</Setting>
<Setting>
<Name>display</Name>
<Value>horizontal</Value>
</Setting>
<Setting>
<Name>menualignment</Name>
<Value>center</Value>
</Setting>
<Setting>
<Name>menubarcssclass</Name>
<Value>#mainnav</Value>
</Setting>
<Setting>
<Name>menuitemcssclass</Name>
<Value>li</Value>
</Setting>
<Setting>
<Name>menuitemselcssclass</Name>
<Value>a:hover</Value>
</Setting>
</Settings>
<Token>[USER]</Token>
<Settings>
<Setting>
<Name>CssClass</Name>
<Value>.user</Value>
</Setting>
</Settings>
</Object>
</Objects>
---------------------------------------------------------------------------------------------
Once again, the error was:
Could Not Load Skin: /Portals/5//skins/cec_skin/admin.ascx Error: The tag contains duplicate 'CssClass' attributes.
I hope that I'm not boring anyone with all that ;) , but I wanted to give you all the details - any help you can give would be greatly appreciated!!!
Thank you,
Alex