Hello.
I'm trying to use my website template to import it as skin inside DNN but no luck with.
My template use a lot of css and js files, and I think all links are not converted during the process.
I think my problem come from the html to ascx conversion. All images/css/js path seems to be ok but in the new ascx generated file, I did not see any css / js links imported from the head section..
Maybe my DNN skinning knowledge is too low..
Better to explain with some code and pics.
Here is the adress of the original template i have prepared, working on all browsers :
http://www.deathblow.cc/temp/home.htm
As you can see, it works also on Internet Explorer correctly. Just keep this in mind.
For DNN I just put this inside a index.html file inside _default/skins/deathblow folder (deathblow is the name of my skin).
And added to the bottom temporaly this 3 lines :
Code:
<div id="ControlPanel" runat="server" />
<div>[LOGIN] [USER]</div>
<div id="ContentPane" runat="server" />
Here the result :
http://www.deathblow.cc/Home.aspx
As you can see, all css functions are not complete and javascript is not working on the page. (for Firefox or Chrome)
If you open that page with IE it is worst, all is placed on the left, menu is hidden, it is horrible....
I try since three days to make it work, searching how execute javascript and all css files correctly on the head section of the html skin page, but no way ...
Here is my head page section :
Code:
<head>
<title></title>
<!-- Css -->
<link rel="stylesheet" type="text/css" href="skin.css" />
<!--[if lt IE 7.]>
<link rel="stylesheet" href="css/iestyle6.css" type="text/css" />
<![endif]-->
<!-- Icon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<!-- Scripts -->
<script type="text/javascript" src="js/fixiepng24.js"></script>
<script type="text/javascript" src="js/resolution.js"></script>
<script type="text/javascript" src="js/adddomloadevent.js"></script>
<script type="text/javascript" src="js/cookies.js"></script>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript">
addDOMLoadEvent(check_resolution);
window.onresize = check_resolution;
</script>
<script type="text/javascript">
function switchStyle(s, elem) {
try {
var styles = ['classic', 'crusade', 'lichking', 'cataclysm'];
for (var i = 0; i < styles.length; i++) {
document.body.className = document.body.className.replace(styles[i], s);
if (s == styles[i]) {
createCookie('wow_styleconfig', s, 30);
}
}
if (typeof elem != 'undefined')
elem.blur();
} catch (e) {
// e);
}
return false;
}
</script>
</head>
and my skin.css file :
Code:
@import url("css/style.css");
@import url("css/style_broad.css");
@import url("css/style_new.css");
@import url("css/style_content_first.css");
@import url("css/stylenwl.css");
@import url("css/stylegm.css");
Thanks for lightning.
Regards.