I need to change the style cheet for the website as user needs.
what I did is: I added a java script in my skin file that will do this job.
but I faced a problem : whenever I need to navigate to another page I lose the style that I selct and rturm me the default style.
do you have any wat that will let me to keep a selcted style in all my pages?
here is my code:
<%@ 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="SOLPARTMENU" Src="~/Admin/Skins/SolPartMenu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="CurrentDate" Src="~/Admin/Skins/CurrentDate.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %>
<br>
<html>
<head>
<link rel="stylesheet" type="text/css" id="styles" href="http://localhost:2182/Rabiya/Portals/_default/Skins/tset/style1.css" />
<script type="text/javascript">
function chng(s)
{
if (s == 1)
{
document.getElementById("styles").href="http://localhost:2182/Rabiya/Portals/_default/Skins/tset/style1.css"
}
if (s == 2)
{
document.getElementById("styles").href="http://localhost:2182/Rabiya/Portals/_default/Skins/tset/style2.css"
}
if (s == 3)
{
document.getElementById("styles").href="http://localhost:2182/Rabiya/Portals/_default/Skins/tset/style3.css"
}
}
</script>
</head>
<body>
<p onclick="chng(1)">style1</p><br><br>
<p onclick="chng(2)">style2</p><br><br>
<p onclick="chng(3)">style3</p><br
<div id="ContentPane" runat="server" > </div>
<div><dnn:LOGIN runat="server" id="dnnLogin" />
<p> <br>
</div>
<div><dnn:SOLPARTMENU
runat="server"
id="dnnSOLPARTMENU"
usearrows="true"
userootbreadcrumbarrow="false"
usesubmenubreadcrumbarrow="false"
rootmenuitemlefthtml="<span>"
rootmenuitemrighthtml="</span>"
submenuitemlefthtml=" "
submenuitemrighthtml=" "
rootmenuitemcssclass="rootmenuitem"
rootmenuitemselectedcssclass="rootmenuitemselected"
submenuitemcssclass="submenuitem"
submenucssclass="submenu"
submenuitemselectedcssclass="submenuitemselected"
submenuitembreadcrumbcssclass="submenuitembreadcrumb"
CSSNodeSelectedSub="submenuitembreadcrumb"
delaysubmenuload="true"
/></div>
</body>
</html>