--
M.K.Kannan
This Blog is mainly created to share the Latest Technologies in Microsoft.Net. Please give your comments to share the knowledge.
/* Generated by Developer Tools. This might not be an accurate representation of the original source file */
BODY
{ TEXT-ALIGN: left;background-color:#f9b9b9; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: small; PADDING-TOP: 0px}
A:link
{ COLOR: #a0410d; TEXT-DECORATION: none}
A:visited
{ COLOR: #a0410d; TEXT-DECORATION: none}
A:active
{ COLOR: #a0410d; CURSOR: hand; TEXT-DECORATION: none}
A:hover
{ COLOR: #ffcc17; CURSOR: hand}
A.bodyLink:link
{ COLOR: #a0410d; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.bodyLink:visited
{ COLOR: #a0410d; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.bodyLink:active
{ COLOR: #a0410d; CURSOR: hand; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.bodyLink:hover
{ COLOR: #ffcc17; CURSOR: hand; FONT-WEIGHT: bold}
P
{ LINE-HEIGHT: 1.4em}
.title
{ TEXT-TRANSFORM: uppercase; FONT-FAMILY: verdana; COLOR: #a0410d; FONT-SIZE: large; FONT-WEIGHT: bold}
HR
{ BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; HEIGHT: 2px; BORDER-TOP: #a0410d 2px solid; BORDER-RIGHT: 0px}
IMG
{ BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px}
UL
{ LIST-STYLE: disc url(Images/bullet.jpg) outside; FONT-FAMILY: verdana; COLOR: #000000}
.menutextindent
{ FONT-SIZE: x-small}
H1
{ COLOR: #c36c2d; FONT-SIZE: large}
H2
{ FONT-FAMILY: Verdana; COLOR: #c36c2d; FONT-SIZE: medium}
H3
{ FONT-FAMILY: Verdana; COLOR: #c36c2d; FONT-SIZE: small}
H1
{ MARGIN: 0px; FONT-FAMILY: Verdana}
H2
{ MARGIN: 0px; FONT-FAMILY: Verdana}
H3
{ MARGIN: 0px; FONT-FAMILY: Verdana}
H4
{ MARGIN: 0px; FONT-FAMILY: Verdana}
TABLE
{ FONT-SIZE: 1em}
TABLE.header
{ BACKGROUND-COLOR: #fde38f}
TD.logo
{ TEXT-ALIGN: left; WIDTH: 184px}
TD.title
{ TEXT-ALIGN: center; FONT-FAMILY: verdana; COLOR: #a0410d; FONT-SIZE: x-large; FONT-WEIGHT: bolder}
TD.headerbar
{ BACKGROUND-IMAGE: url(Images/bar.jpg); TEXT-ALIGN: right; HEIGHT: 24px}
TD.menu
{ BACKGROUND-COLOR: #a0410d; WIDTH: 184px; HEIGHT: 500px; VERTICAL-ALIGN: top}
TD.footer
{ TEXT-ALIGN: right; FONT-FAMILY: Verdana; COLOR: #a0410d; FONT-SIZE: xx-small; FONT-WEIGHT: normal}
/* Generated by Developer Tools. This might not be an accurate representation of the original source file */
BODY
{ TEXT-ALIGN: left;background-color:#aee2c9; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: small; PADDING-TOP: 0px}
A:link
{ COLOR: #00732e; TEXT-DECORATION: none}
A:visited
{ COLOR: #00732e; TEXT-DECORATION: none}
A:active
{ COLOR: #00732e; CURSOR: hand; TEXT-DECORATION: none}
A:hover
{ COLOR: #cfc98b; CURSOR: hand}
A.bodyLink:link
{ COLOR: #00732e; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.bodyLink:visited
{ COLOR: #00732e; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.bodyLink:active
{ COLOR: #00732e; CURSOR: hand; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.bodyLink:hover
{ COLOR: #cfc98b; CURSOR: hand; FONT-WEIGHT: bold}
P
{ LINE-HEIGHT: 1.4em}
.title
{ TEXT-TRANSFORM: uppercase; FONT-FAMILY: verdana; COLOR: #00732e; FONT-SIZE: large; FONT-WEIGHT: bold}
HR
{ BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; HEIGHT: 2px; BORDER-TOP: #00732e 2px solid; BORDER-RIGHT: 0px}
IMG
{ BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px}
UL
{ LIST-STYLE: disc url(Images/bullet.jpg) outside; FONT-FAMILY: verdana; COLOR: #000000}
.menutextindent
{ FONT-SIZE: x-small}
H1
{ COLOR: #0f9143; FONT-SIZE: large}
H2
{ FONT-FAMILY: Verdana; COLOR: #0f9143; FONT-SIZE: medium}
H3
{ FONT-FAMILY: Verdana; COLOR: #0f9143; FONT-SIZE: small}
H1
{ MARGIN: 0px; FONT-FAMILY: Verdana}
H2
{ MARGIN: 0px; FONT-FAMILY: Verdana}
H3
{ MARGIN: 0px; FONT-FAMILY: Verdana}
H4
{ MARGIN: 0px; FONT-FAMILY: Verdana}
TABLE
{ FONT-SIZE: 1em}
TABLE.header
{ BACKGROUND-COLOR: #eff0e8}
TD.logo
{ TEXT-ALIGN: left; WIDTH: 184px}
TD.title
{ TEXT-ALIGN: center; FONT-FAMILY: verdana; COLOR: #00732e; FONT-SIZE: x-large; FONT-WEIGHT: bolder}
TD.headerbar
{ BACKGROUND-IMAGE: url(Images/bar.jpg); TEXT-ALIGN: right; HEIGHT: 24px}
TD.menu
{ BACKGROUND-COLOR: #00732e; WIDTH: 184px; HEIGHT: 500px; VERTICAL-ALIGN: top}
TD.footer
{ TEXT-ALIGN: right; FONT-FAMILY: Verdana; COLOR: #00732e; FONT-SIZE: xx-small; FONT-WEIGHT: normal}
/* Generated by Developer Tools. This might not be an accurate representation of the original source file */
BODY
{ TEXT-ALIGN: left; background-color:#b9d5f9; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: small; PADDING-TOP: 0px}
A:link
{ COLOR: #be5057; TEXT-DECORATION: none}
A:visited
{ COLOR: #be5057; TEXT-DECORATION: none}
A:active
{ COLOR: #be5057; CURSOR: hand; TEXT-DECORATION: none}
A:hover
{ COLOR: #eec4c6; CURSOR: hand}
A.bodyLink:link
{ COLOR: #be5057; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.bodyLink:visited
{ COLOR: #be5057; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.bodyLink:active
{ COLOR: #be5057; CURSOR: hand; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A.bodyLink:hover
{ COLOR: #eec4c6; CURSOR: hand; FONT-WEIGHT: bold}
P
{ LINE-HEIGHT: 1.4em}
.title
{ TEXT-TRANSFORM: uppercase; FONT-FAMILY: verdana; COLOR: #be5057; FONT-SIZE: large; FONT-WEIGHT: bold}
HR
{ BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; HEIGHT: 2px; BORDER-TOP: #be5057 2px solid; BORDER-RIGHT: 0px}
IMG
{ BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px}
UL
{ LIST-STYLE: disc url(Images/bullet.jpg) outside; FONT-FAMILY: verdana; COLOR: #000000}
.menutextindent
{ FONT-SIZE: x-small}
H1
{ COLOR: #dd9096; FONT-SIZE: large}
H2
{ FONT-FAMILY: Verdana; COLOR: #dd9096; FONT-SIZE: medium}
H3
{ FONT-FAMILY: Verdana; COLOR: #dd9096; FONT-SIZE: small}
H1
{ MARGIN: 0px; FONT-FAMILY: Verdana}
H2
{ MARGIN: 0px; FONT-FAMILY: Verdana}
H3
{ MARGIN: 0px; FONT-FAMILY: Verdana}
H4
{ MARGIN: 0px; FONT-FAMILY: Verdana}
TABLE
{ FONT-SIZE: 1em}
TABLE.header
{ BACKGROUND-COLOR: #fff3e0}
TD.logo
{ TEXT-ALIGN: left; WIDTH: 184px}
TD.title
{ TEXT-ALIGN: center; FONT-FAMILY: verdana; COLOR: #be5057; FONT-SIZE: x-large; FONT-WEIGHT: bolder}
TD.headerbar
{ BACKGROUND-IMAGE: url(Images/bar.jpg); TEXT-ALIGN: right; HEIGHT: 24px}
TD.menu
{ BACKGROUND-COLOR: #be5057; WIDTH: 184px; HEIGHT: 500px; VERTICAL-ALIGN: top}
TD.footer
{ TEXT-ALIGN: right; FONT-FAMILY: Verdana; COLOR: #be5057; FONT-SIZE: xx-small; FONT-WEIGHT: normal}
<!--
<
asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="True"><asp:ListItem Value="Blue">Blue Themes</asp:ListItem><asp:ListItem Value="Green">Green Themes</asp:ListItem><asp:ListItem Value="Pink">Pink Themes</asp:ListItem><asp:ListItem Value="Grey">Grey Themes</asp:ListItem></asp:DropDownList>-->
Then in the master page, while giving the link to the stylesheet, type as follows
<!--<
link rel="stylesheet" type="text/css" href = "../StyleSheets/<%=Session["Theme"] != null ? Session["Theme"].ToString():" default1.css"%>" />-->Then in the dropdown changed event, please give the session[themes] to the stylesheet name and extension. as follows
<!--
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
if ((DropDownList1.SelectedValue == "Blue"))Session[
"Theme"] = "default1.css"; else if ((DropDownList1.SelectedValue == "Green"))Session[
"Theme"] = "default2.css"; else if ((DropDownList1.SelectedValue == "Pink"))Session[
"Theme"] = "default4.css"; else if ((DropDownList1.SelectedValue == "Grey"))Session[
"Theme"] = "default5.css";}
-->
Thats all. run the application, u can see the changes of themes...... all the best
try it.
this will purely work in all ASP.NET application and not supported in sharepoint.
regards