<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head> <title>CSS Free Templates with jQuery Slider</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="th"> <meta http-equiv="Content-Type" content="text/html; charset=window-874"> <meta http-equiv="Content-Type" content="text/html; charset=tis-620"> <link rel="shortcut icon" href="css/images/favicon.ico" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!--[if IE 6]> <link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /> <![endif]--> <link rel="stylesheet" href="css/jquery.jscrollpane.css" type="text/css" media="all" /> <script src="js/jquery-1.7.min.js" type="text/javascript"></script> <script src="js/DD_belatedPNG-min.js" type="text/javascript"></script> <script src="js/jquery.jscrollpane.min.js" type="text/javascript"></script> <script src="js/jquery.jcarousel.js" type="text/javascript"></script> <script src="js/functions.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> function ck_login(){ if(document.getElementById('log_user').value==''){ alert('กรุณากรอกข้อมูลชื่อที่ใช้ในระบบ'); document.getElementById('log_user').focus(); return false; }else if(document.getElementById('log_pass').value==''){ alert('กรุณากรอกข้อมูลรหัสผ่านของคุณ'); document.getElementById('log_pass').focus(); return false; } } </script> </head> <body> <!-- Wrapper --> <div id="wrapper"> <div id="wrapper-bottom"> <div class="shell"> <!-- Header --> <div id="header"> <!-- Logo --> <h1 id="logo"><a title="Home" href="#">accessories store</a></h1> <!-- Search --> <div class="search-expand"></div> <div id="search"> <div class="retract-button"> <p>retract</p> </div> <form action="" method="post"> <input type="text" class="field" value="Search" title="Search" /> <input type="submit" value="" class="submit-button" /> </form> </div> <!-- END Search --> <div class="cl"></div> <!-- Navigation --> <div id="navigation"> <ul> <li><a title="Home" href="index.php">Home</a></li> <li><a title="Login" href="#">Login</a></li> <li><a title="Register" href="#">Register</a></li> <li><a title="Package" href="#">Package</a></li> <li><a title="About Us" href="#">About Us</a></li> </ul> </div> <div class="cl"></div> <!-- END Navigation --> <!-- Dropdown Navigation --> <div id="sort-nav"> <span class="label-left"></span> <div class="label-bg"> <ul> <li> <a title="Movies Category" href="#">Movies Category</a> <div class="dd"> <ul> <li><a title="ภาพยนตร์ต่างประเทศ" href="#">M : Inter</a></li> <li><a title="ภาพยนตร์ไทย" href="#">M : Thai</a></li> <li><a title="ภาพยนตร์อนิเมชั่น" href="#">M : Animation</a></li> </ul> </div> </li> <li> <a title="เติมเงิน! TMTOPUP" href="#">เติมเงิน! TMTOPUP</a> </li> <li class="last"> <a title="Member Data" href="#">Member Data</a> <div class="dd"> <ul> <li><a title="ExpirDate" href="#">Expri date</a></li> <li><a title="EditData" href="#">ข้อมูลสมาชิก</a></li> <li><a title="HistoryTopup" href="#">ประวัติการเติมเงิน</a></li> </ul> </div> </li> </ul> </div> <span class="label-right"></span> </div> <!-- END Dropdown Navigation --> <div class="cl"></div> </div> <!-- END Header --> <!-- Main --> <div id="main"> <!-- Slider --> <div class="slider-holder"> <div class="promo"> <img src="css/images/promo.jpg" alt="Big Sale This Week -30% OFF!" /> </div> <div id="slider"> <ul> <li> <img src="css/images/slide1.jpg" alt="colour pencils" title="" /></li> <li> <img src="css/images/slide2.jpg" alt="pencils" title=""/></li> <li> <img src="css/images/slide1.jpg" alt="pencils" /></li> <li> <img src="css/images/slide2.jpg" alt="pencils" /></li> <li> <img src="css/images/slide1.jpg" alt="pencils" /></li> </ul> </div> <div class="cl"></div> <div class="jcarousel-control"> <a title="Slide 1" href="#">1</a> <a title="Slide 2" href="#">2</a> <a title="Slide 3" href="#">3</a> <a title="Slide 4" href="#">4</a> <a title="Slide 5" href="#">5</a> </div> </div> <!-- END Slider --> <!-- Content --> <div id="content"> <!-- Featured Products --> <!-- END Featured Products --> <!-- Best Sellers --> <div class="products-holder"> <div class="top"></div> <div class="best-sellers middle"> <div class="label"> <h3>Movies : NewUpdate</h3> </div> <div class="cl"></div> <!-- Scroll Pane --> <div class="left-border"></div> <div class="scroll-pane horizontal-only"> <div class="product"> <a title="Details" href="#"><img src="css/images/paperclip.jpg" alt="paperclip" /></a> <div class="desc"> <p class="name">Product Name</p> <p>Model: <span>XR-34</span></p> <p>Peaces in Box: <span>12</span></p> <p>Product code: <span>1215</span></p> </div> <div class="price-box"> <p>$<span class="price"> 01<sup>.69</sup></span></p> <p class="per-peace">Per Peace</p> </div> </div> </div> <!-- END Scroll Pane --> <div class="right-border"></div> <div class="cl"></div> </div> <div class="bottom"></div> </div> <!-- END Best Sellers --> <!-- Bottom Strip --> <div class="bottom-strip"> <div class="box-holder left"> <div class="box"> <div class="top"></div> <div class="label"> <h3>About Us</h3> </div> <div class="middle"> <div class="text-widget"> <p><strong>Mauris euismod lorem </strong>at mauris gravida tincidunt. Maecenas purus arcu, luctus at suscipit tempor, pharetra et urna. Quisque molestie purus sit amet ligula varius a adipiscing ligula molestie. Morbi fermentum lobortis turpis mattis bibendum. In hac habitasse platea </p> </div> <a class="read-more" title="Read More" href="#">Read More</a> </div> <div class="bottom"></div> </div> </div> <div class="box-holder middle"> <div class="box"> <div class="top"></div> <div class="label"> <h3>Login</h3> </div> <div class="middle" id="newsletter"> <div class="post"> <p><span><a href="#">สมัครสมาชิก</a></span></p> <p><span><a href="#">ลืมรหัสผ่าน</a></span></p> </div> <div class="cl"></div> <form id="form1" name="form1" method="post" action="" onsubmit="ck_login()"> <table width="99%" border="0"> <tr> <td>Username</td> </tr> <tr> <td><label> <input name="log_user" type="text" id="log_user" size="40" /> </label></td> </tr> <tr> <td>Password</td> </tr> <tr> <td><label> <input name="log_pass" type="password" id="log_pass" size="40" /> </label></td> </tr> <tr> <td align="right"><label> <input type="submit" name="button" id="button" value="Submit" /> </label></td> </tr> </table> <p> </p> </form> <div class="cl"> </div> </div> <div class="bottom"></div> </div> </div> <div class="box-holder right"> <div class="box"> <div class="top"></div> <div class="label"> <h3>Time</h3> </div> <div class="middle post-short"> <div class="post"> <p><span>Aenean placerat</span></p> <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae tellus t turpisporttitor pulvinar ...</p> <a class="comments" href="#" title="comments">comments</a> </div> <div class="date-box"> <p class="date">05.26</p> <p>2011</p> </div> <div class="cl"></div> </div> <div class="bottom"></div> </div> </div> <div class="cl"></div> </div> <!-- END Bottom Strip --> </div> <!-- END Content --> </div> <!-- END Main --> </div> </div> <div id="footer-push"></div> </div> <!-- END Wrapper --> <!-- Footer --> <div id="footer"> <div class="shell"> <a class="footer-logo" href="http://css-free-templates.com/" title="Home"><img src="css/images/logo-footer.png" alt="Logo" /></a> <p id="bottom-nav"><a title="Home" href="#">Home</a><a title="Sales" href="#">Sales</a><a title="Catalog" href="#">Catalog</a><a title="Blog" href="#">Blog</a><a title="About Us" href="#">About Us</a><a title="Design by: CSS Free Templates" href="http://css-free-templates.com/">Design by: CSS Free Templates</a></p> <div class="cl"></div> </div> </div> <!-- END Footer --> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง