view-calendar.ascx

cnForums是功能强大的论坛。开发语言c#,三层结构。模块设计很值得学习

<%@ Control %>
<style type="text/css">
#calendar {
	top : 10px;
	position : absolute;
	width : 220px;
	left : 10px;	
	padding-bottom : 10px;
	border-top : none;	
	font-size : 0.85em;
}

#dayView {
	top : 10px;
	margin-left: 250px;
	margin-right: 20px;
	border : 1px solid #FA0;
}

#dayView h2 {		
	font-size : 1.2em;
}

#day h3 {
	font-size: 1.2em;
	background-color : lightblue;
}

#day dayOfWeek {
	font-size: 1.0em;
	position : relative;
}

#day event {
	font-size: 1.0em;
	position : absolute;
}
</style>

<div id="calendar">
  <asp:Calendar id="Calendar1" runat="server" Cssclass="tableBorder" DayNameFormat="FirstLetter"
    ShowGridLines="True" SelectionMode="DayWeek" NextMonthText="&amp;#187;" PrevMonthText="&amp;#171;"
    Borderwidth="1px" width="220px" Height="200px" Font-Size="8pt" Font-Names="Verdana">
    <TodayDayStyle ForeColor="White" BackColor="#FFCC66"></TodayDayStyle>
    <SelectorStyle Cssclass="column"></SelectorStyle>
    <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC"></NextPrevStyle>
    <DayHeaderStyle Height="1px" BackColor="#FFCC66"></DayHeaderStyle>
    <SelectedDayStyle Font-Bold="True" BackColor="#CCCCFF"></SelectedDayStyle>
    <TitleStyle Cssclass="column"></TitleStyle>
    <OtherMonthDayStyle ForeColor="#CC9966"></OtherMonthDayStyle>
  </asp:Calendar>
</div>

<div id="dayView">
  <h2>January</hd>
  <div>Previous Week | Next Week</div>
  <div id="day">
    <div id="dayOfWeek">Sunday</div>
    <div id="event">Add New Event</div>
    <h3>4</h3>
    [blank]
  </div>
</div>