.
master
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs"
Inherits="WebApplication11.Site1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Name:Manaal Ubharay 347</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<h1 id="header">Our Official Website</h1>
<table align="center">
<tr>
<td class="style1"><asp:HyperLink id="HyperLink1" runat="server"
NavigateUrl="~/WebForm1.aspx">First Page</asp:HyperLink>
</td>
<td class="style1"><asp:HyperLink id="HyperLink2" runat="server"
NavigateUrl="~/WebForm2.aspx">Second Page</asp:HyperLink>
</td>
</tr>
</table>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
.style1 {
width: 90px;
height: 50px;
text-align: center;
}
#header {
text-align: center;
background-color: lime;
}
</style>
</div>
</form>
</body>
</html>
Webform1.aspx
<%@ Page Title="" Theme="Skin1" Language="C#" MasterPageFile="~/Site1.Master"
AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication11.WebForm1"
%>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<style type="text/css">
.s1{
font-weight:bolder;
font-style:italic;
text-align:center;
background-color:aqua;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<h1 class="s1">Welcome to First Page of website</h1>
<asp:Button SkinID="BLUE" ID="Button1" runat="server" Text="Button"/>
<asp:Button SkinID="ORANGE" ID="Button2" runat="server" Text="Button"/>
</asp:Content>
Webform2.aspx
<%@ Page Title ="" Theme="Skin1" Language="C#" MasterPageFile="~/Site1.Master"
AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication11.WebForm2"
%>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<style type="text/css">
.s1{
font-weight:bolder;
font-style:italic;
text-align:center;
background-color:orange;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<h1 class="s1">Welcome to Second Page of website</h1>
<asp:Button SkinID="RED" ID="Button1" runat="server" Text="Button"/>
<asp:Button SkinID="YELLOW" ID="Button2" runat="server" Text="Button"/>
</asp:Content>
.skin
<%--
Default skin template. The following skins are provided as examples only.
1. Named control skin. The SkinId should be uniquely defined because
duplicate SkinId's per control type are not allowed in the same theme.
<asp:GridView runat="server" SkinId="gridviewSkin" BackColor="White" >
<AlternatingRowStyle BackColor="Blue" />
</asp:GridView>
2. Default skin. The SkinId is not defined. Only one default
control skin per control type is allowed in the same theme.
<asp:Image runat="server" ImageUrl="~/images/image1.jpg" />
--%>
<asp:Button SkinID="RED" runat="server" Text="RED" BackColor="Red" BorderColor="Black"/>
<asp:Button SkinID="YELLOW" runat="server" Text="YELLOW" BackColor="Yellow"
BorderColor="Black"/>
<asp:Button SkinID="BLUE" runat="server" Text="BLUE" BackColor="#0066FF"
BorderColor="Black"/>
<asp:Button SkinID="ORANGE" runat="server" Text="ORANGE" BackColor="#FF9900"
BorderColor="Black"/>
