<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Four Seasons Resort</title> <link href="App_Themes/Theme1/FormasterPage.css" rel="stylesheet" type="text/css"/> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta name="keywords" content="resort,chiang mai"/> <meta name="description" content="ธรรมชาติกลางหุบเขา"> <!--start header--> <div id="menu-container"> <div id="menu"> <ul id="main"> <li class="current_page_item"><a href="Homepage.aspx">Homepage</a></li> <li><a href="My_Resort.aspx">My Resort</a></li> <li><a href="My_Register.aspx">My Register</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact Us</a></li> </ul> code in stylesheet body { margin:0px; padding:0; background:#FFFFFF url(images/img01.jpg) repeart-x left top; font-family:"Tbbrebuchet MS", Verdana, Arial, Helvetica, Sans-Serif; font-size:13px; color:#333333; } h1,h2 { margin-top:0; } h1 { font-size:1.6em; font-weight:normal; } h2 { font-size:1.6em; } a { text-decoration:none; color:#333333; } /*Header*/ #header { width:940px; height:240px; margin:0px auto; background:url(images/img04.jpg) no-repeat left top; } #logo { float:left; width:700px; height:200px; margin:0 auto; padding:20px 10px; } #logo h1 { padding:60px 0 0 0px; margin:0; text-transform:uppercase; font-weight:normal; font-size:4em; font-family:Bradley Hand ITC; color:#C8FFCC; } /*Navigator*/ #Navigator { float:right; width:180px; line-height:30px; padding-top:30px; padding-right:15px; } #Navigator ul { margin:0; padding:0; } #Navigator li { padding:0; text-align:left; color:#393019; border-bottom:dashed 2px; list-style:none; text-decoration:none; } #Navigator a { padding:0; font-size:14px; color:#BED89F; margin: 0px; padding:0px; } #menu-cotainer { width :940px; height:10px; margin: 0px auto; background: url(images/img02.jpg) repeat left top; } /*Menu*/ #menu { float:left; width:720px; height:110px; margin:0 auto; } #menu ul { margin:0; padding:0px; list-style:none; } #menu li { display:inline; } #menu a { display:block; float:left; margin:0px; padding:70px 20px 0px 20px; color:#FFFFFF; } #menu .current_page_item a { padding-left:10px; } #header-search { float:right; width:220px; height:110px; background: url(images/img03.jpg) no-repeat left top; } #search-input { border:none; background:none; padding:72px 24px 0px 24px; font-family: Arial, Helvetica, Sans-Serif; font-size:11px; } /*Page*/ #page { width:940px; margin:0 auto; padding:0; background: url(images/img05.jpg) repeat-y left top; } #page-bgtop { [color=yellow] background: url(images/img06.jpg) no-repeat left top; } #page-bgbtm { background: url(images/img07.jpg) no-repeat left bottom; } /*content*/ #content { float:left; width:520px; margin-right:20px; padding:20px 0 0 0px; } .post { margin-bottom:20px; padding:10px 0; line-height:200%; } .post h1 { font-weight:normal; } </div> <div id="header-search"> <form id="form1" runat="server"> <div> <input type="text" name="s" id="search-input" size="15" value=""/> </div> </form> </div> </div> <!--end header--> </head> <body> <div id="header"> <div id="logo"> <h1>Four Seasons Resort</h1> </div> <div id="Navigator"> <ul> <li><a href="#">Homepage</a></li> <li><a href="#">My Resort</a></li> <li><a href="#">Register</a></li> <li><a href="#">Update</a></li> <li><a href="#">Delete</a></li> <li><a href="#">Photos and Vedios</a></li> </ul> </div> </div> <div id="wrapper"> <!--start page--> <div id="page"> <div id="page-bgtop"> <div id="page-bgbtm"> <!--start content--> <div> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div> <!--end content--> <div style="clear:both;"> </div> <%--end page--%> <div style="clear:both;"> </div> </div> </div> </div> <!--end page--> </div> <div id="footer"> <p>©2007 All Right Reserved. • design by <a href="http://www.freecsstemplates.org">Free CSS Templates</a></p> </div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง