ok I have another idea but I need your help:
what I need is just to change the back ground color so I don't need to chaneg the skin itself, insted of that I need to chang the css file so her is my idea.
i have to put a javascript snippet in my skin file and this code will change css and 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>
<!--
====================================================
Copyright 2001 by www.CodeLifter.com
Free for all users, but please leave in this header.
====================================================
Subsequent comments may be removed.
//-->
<!-- Setting up the Style Sheets...
Make up your style sheets and set the link rel='s
up to load them, as shown below. These belong in
the <head> of the page.
What you name the style sheet files does not matter
(so long as the extension is .css) since the script
references them only by a number, not the file name.
We show four different style sheets used; but you
can use fewer or more as needed. The script will
automatically detect the number of style sheets in
use.
Note the order of the style sheets. The *last* sheet
loaded is the one the browser will use initially.
One trick to avoid confusion is shown below, where
we load the first sheet an additional time at the
end of the list.
//-->
<link rel="stylesheet" href="skin.css">
<link rel="stylesheet" href="style_2.css">
<link rel="stylesheet" href="skin3.css">
<link rel="stylesheet" href="style_4.css">
<link rel="stylesheet" href="style_1.css">
<!-- Setting Up the JavaScript...
Insert the follwing script in the <head> of the page,
usually right after the link rel='s. Set do s above.
//-->
<a href=" changeSheets(1)">Style One</a>
<a href=" changeSheets(2)">Style Two</a>
<a href=" changeSheets(3)">Style Three</a>
<a href=" changeSheets(4)">Style Four</a>
<!-- The following is just junk content so you can see the script function. //-->
<p>Hi this is Lamah Alfaraj</p>
<div id="ContentPane" runat="server" > </div>
<div> </div>
<div id="ContentPane1" 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>
but I faced a problem when I applied this to my skin (it does not work)
what is the problem?
I think we need to name the css file with the same name of skin file so we can not have more than 1 css for one 1 skin.
your advice please.