Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ต้องการทำเมนูแบบในภาพล่างค่ะ เรียนแบบ code มาจากภาพบน แต่เมนูย่อยไม่ยื่นออกมา ไม่รุว่าเขียนแบบนี้เขียนได้รึป่าวค่ะ

ต้องการทำเมนูแบบในภาพล่างค่ะ เรียนแบบ code มาจากภาพบน แต่เมนูย่อยไม่ยื่นออกมา ไม่รุว่าเขียนแบบนี้เขียนได้รึป่าวค่ะ

เริ่มหัวข้อใหม่

Guest

ถ้าเขียนแบบนี้จะได้รึป่าวค่ะ ถ้าได้ต้องแก้ตรงไหนบ้าง หรือวาง code ผิดที่

Tag : PHP

Date : 2012-02-04 14:06:52

By : ฟองน้ำ

View : 1474

Reply : 1

No. 1

Guest

Code (PHP)

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Untitled Document</title>
<style type="text/css">
body {
	background-color: #FFC;
}
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="../jquery-ui-1.7.2/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
</style>
</head>

<body>
<ul id="MenuBar1" class="MenuBarVertical">
  <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
    <ul>
      <li><a href="#">Item 1.1</a></li>
      <li><a href="#">Item 1.2</a></li>
      <li><a href="#">Item 1.3</a></li>
    </ul>
  </li>
  <li><a href="#">Item 2</a></li>
  <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
    <ul>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
        <ul>
          <li><a href="#">Item 3.1.1</a></li>
          <li><a href="#">Item 3.1.2</a></li>
        </ul>
      </li>
      <li><a href="#">Item 3.2</a></li>
      <li><a href="#">Item 3.3</a></li>
    </ul>
  </li>
  <li><a href="#">Item 4</a></li>
</ul>
<p></p>

<ul id="MenuBar1" class="MenuBarVertical">
<table width="210" border="0" cellspacing="0" cellpadding="0">
		<tbody>
        	<tr><td><img src="Img/Home/bx1.jpg" width="210" height="36"></td></tr>
            <tr><td background="Img/Home/bx2.jpg"><table width="80%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#B25C05">
        <tbody>
        	<tr> 
    			<td width="6">&nbsp;</td>
				<td>&nbsp;</td>
			</tr>
			<li><tr> 
				<td bgcolor="#7D2800">&nbsp;</td>
				<td><a class="MenuBarItemSubmenu" href="ShowAbout.php">ประวัติความเป็นมา </a></td>
    			</tr>
                <ul>
      				<li><a href="#">แก้ไข</a></li>
      				<li><a href="#">ลบ</a></li>
    			</ul>
            </li>
			<tr bgcolor="#CC6600"> 
                <td height="1" colspan="2"></td>
            	</tr>
            <li><tr> 
                <td bgcolor="#993300">&nbsp;</td>
                <td><a class="MenuBarItemSubmenu" href="ShowVision.php">วิสัยทัศน์ </a></td>
            	</tr>
                <ul>
      				<li><a href="#">แก้ไข</a></li>
      				<li><a href="#">ลบ</a></li>
    			</ul>
            </li>
            <tr bgcolor="#CC6600"> 
                <td height="1" colspan="2"></td>
            </tr>
			<tr> 
                <td bgcolor="#7D2800">&nbsp;</td>
                <td> <a href="ShowMission.php">พันธกิจ</a></td>
            </tr>
            <tr bgcolor="#CC6600"> 
                <td height="1" colspan="2"></td>
            </tr>									
			<tr> 
                <td bgcolor="#993300">&nbsp;</td>
                <td> <a href="ShowChart.php">แผนผังโครงสร้าง</a></td>
            </tr>
            <tr bgcolor="#CC6600"> 
                <td height="1" colspan="2"></td>
            </tr>									
            <tr> 
            	<td bgcolor="#7D2800">&nbsp;</td>
                <td> <a href="ShowArea.php">พื้นที่รับผิดชอบ</a></td>
            </tr>
            <tr bgcolor="#CC6600"> 
                <td height="1" colspan="2"></td>
            </tr>
            <tr>
              <td bgcolor="#993300">&nbsp;</td>
              <td> <a href="ShowPowerPolices.php">สถานภาพกำลังพล</a></td>
            </tr>
            <tr bgcolor="#CC6600"> 
                <td height="1" colspan="2"></td>
            </tr>									
            </table></td>
            </tr>
            <tr>
                <td><img src="Img/Home/bx3.jpg" width="210" height="13"></td>
            </tr>
          </tbody></table>
          </ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Date : 2012-02-04 14:07:33

By : ฟองน้ำ

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ต้องการทำเมนูแบบในภาพล่างค่ะ เรียนแบบ code มาจากภาพบน แต่เมนูย่อยไม่ยื่นออกมา ไม่รุว่าเขียนแบบนี้เขียนได้รึป่าวค่ะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04

Registered : 109,037

No. 1

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice