<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Untitled Document</title> <link href="StyleSheet/main.in.css" rel="stylesheet" type="text/css"> <link href="StyleSheet/Shirt.in.css" rel="stylesheet" type="text/css"> <script src="JavaScript/jquery-1.7.2.js" type="text/javascript"></script> <script type="text/javascript"> /* Menu */ $(document).ready(function(menu) { //alert ("menu"); $("#Fabic").click(function(e) { alert ("Click Menu 1"); return 0; }); $("#Style").click(function(e) { alert ("Click Menu 2"); return 0; }); $("#Details").click(function(e) { alert ("Click Menu 3"); return 0; }); $("#Extra").click(function(e) { alert ("Click Menu 4"); return 0; }); $("#Measurement").click(function(e) { alert ("Click Menu 5"); return 0; }); }); /* Align List */ $(document).ready(function(alignlist) { //alert ("alignlist"); $("div #alis1").click(function(j) { alert ("Click Angle"); return 0; }); $("div #alis2").click(function(j) { alert ("Click Front"); return 0; }); $("div #alis3").click(function(j) { alert ("Click Back"); return 0; }); $("div #alis4").click(function(j) { alert ("Click Left"); return 0; }); $("div #alis5").click(function(j) { alert ("Click Right"); return 0; }); }); </script> </head> <body><center> <table width="1024" border="0"cellpadding="3" id="tbtop"> <tr> <td width="294" align="left" valign="top"> <menu> <h1> <ul> <li id="Fabic">Fabic</li> <li id="Style">Style</li> <li id="Details">Details</li> <li id="Extra">Extra</li> <li id="Measurement">Measurement</li> </ul> </h1> </menu> </td> <td width="706" valign="top"> <div id="detail"> <div id="alignlist"> <ul> <li id="alis1">ANGLE</li> <li id="alis2">FRONT</li> <li id="alis3">BACK</li> <li id="alis4">LEFT</li> <li id="alis5">RIGHT</li> </ul> </div> <div id="Angle"> <div id="Abody"> <img src="Angle_shirt_1/Angle_shirt_Body_1_2.png" width="438" height="700"> <div> <div id="Abutton"> <img src="Angle_shirt_1/Angle_shirt_Buttons_1.png" width="44" height="606"> </div> <div id="Ancek"> <img src="Angle_shirt_1/Angle_shirt_Neck_1.png" width="165" height="121" > </div> <div id="Aarm_left1"> <img src="Angle_shirt_1/Angle_shirt_Arm_Right_1_1.png" width="137" height="435" > </div> <div id="Aarm_left2"> <img src="Angle_shirt_1/Angle_shirt_Arm_Right_1_2.png" width="70" height="81" > </div> <div id="Aarm_right1"> <img src="Angle_shirt_1/Angle_shirt_Arm_Left_1_1.png" width="249" height="468"> </div> <div id="Aarm_right2"> <img src="Angle_shirt_1/Angle_shirt_Arm_Left_1_2.png" width="103" height="105"> </div> </div> <div id=""> <h1> </h1> </div> </div> </td> </tr> </table> </center> </body> </html>
@charset "UTF-8"; /* CSS Document */ *{ margin:0px; padding:0px; font-size:14px; font-family:Verdana, Geneva, sans-serif;} h1 { font-size:24px } menu li { margin:3px; padding:3px; padding-left:10px; list-style:none; border-bottom:1px inset #000; } #detail { /*Chome & Safari*/ display:-webkit-box; -webkit-box-orient:horizentro; /*Firefox*/ display:-moz-box; -moz-box-orient:horizentro; /*Other*/ display:box; box-orient:horizontal; height:800px; } #alignlist { margin:3px; padding:3px; width:150px; } #alignlist li { list-style: none; margin:5px; padding:5px; border:#CCCCCC solid 1px; background-color:#CCCCCC; width:100px; text-align:center; z-index:1; } #body { margin:3px; padding:3px; }
@charset "UTF-8"; /* CSS Document */ #Abody { position:relative; top:10em; z-index:0; } #Ancek { position:absolute; top:-2.7em; left:9.58em; z-index:1; } #Abutton { position:absolute; top:3em; left:10.9em; z-index:2; } #Aarm_left1 { position:absolute; top:7em; left:-5.2em; z-index:3; } #Aarm_left2 { position:relative; top:-13.9em; left:-5.25em; z-index:4; } #Aarm_right1 { position:absolute; top:5.9em; right:-6.7em; z-index:5; } #Aarm_right2 { position:absolute; top:33.7em; right:8.15em; z-index:6; }
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง