ต่อไป »

[latinino]

ผมดูเวปนี้น่าจะใช้ wordpress ทำ ผมอยากจะแบ่งหมวดหมู่ได้เหมือนเวปนี้อะครับตรงเมนูข้างบนไม่ทราบว่าทำยังไงครับใครทำได้ช้าวยทีครับ
ขอบคุณครับกำลังศึกษา wordpress ครับก่อนทำ seo ครับ ขอบคุณครับ

http://www.probotai.com/

[SerBeSt]

วิธีง่ายๆๆครับ เปิด วิวสคริป ดูเลย

<ul id="nav" class="clearfloat">
      <li><a href="http://www.probotai.com "><strong>หน้าแรก โปร บอท เอไอ</strong></a></li>
      <li><a href="http://www.probotai.com/category/pro-bot-ai/ โปร-sf/"><strong>โปร SF</strong></a>
      </li>
      <li><a href="http://www.probotai.com/category/pro-bot-ai/ โปร-ออดิชั่น/"><strong>โปรออดิชั่น</strong></a>
      </li>
      <li><a href="http://www.probotai.com/category/pro-bot-ai/ โปร-เกมส์อื่นๆ/"><strong>โปรเกมส์อื่นๆ</strong></a>
      </li>
      <li><a href="http://www.probotai.com/category/pro-bot-ai/ บอท/"><strong>บอท</strong></a></li>
      <li><a href="http://www.probotai.com/category/pro-bot-ai/ เอไอ/"><strong>เอไอ</strong></a>
       <ul>
          <li><a href="http://www.probotai.com/ai-rappelz/ "><strong>เอไอ Rappelz</strong></a></li>
        </ul>
     </li>
      <li><a href="http://www.probotai.com/category/pro-bot-ai/dota/ "><strong>DOTA</strong></a></li>
      <li><a href="http://www.probotai.com/ "><strong>ข่าวเกมส์ออนไลน์</strong></a>     </li>
    </ul></td>
  </tr>
  <tr>
    <td><img src="http://www.probotai.com/images/spacer.gif " alt="Pro Bot Ai" width="4" height="4" /></td>
  </tr>

[แมวมีเจ้าของ]

เรียกว่า drop down menu

โค๊ด:

http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

มีโปรแกรม // เครื่องมือสำหรับทำด้วย แต่ต้องหาก่อน

สร้าง DROP-DOWN MENU ผ่านเครื่องมือสร้างง่ายๆ

โค๊ด:

www.codetukyang.com/html/machine/pages/page5.htm

Wizard สำหรับสร้าง DropDown Menu อัตโนมัติ

โค๊ด:

http://www.twebmaster.com/Wizard/wizard08.shtml

โปรแกรมสำหรับทำ Menu Bar เป้นตัวทดลองใช้ ตัวเต็มผมไม่มี อิๆ

โค๊ด:

http://f-source.com/buy/adobeMenu/

[july8329]

ตามข้างบนเลยครับ

[lebkob69]

เด๊ย่วนี้จะไป div tag กันหมดเเระ

[E_ZY]

ถึงท่านเทพที่เขียน css อะงับ

เวลาพวกคนเก่งๆเขียนเขาต้อง copy ปะ พวก เมนู ul li หรือว่า เขียนสดๆ

[Horde]

เวนกำ ถ้าไม่มีคนขุด ก็ไม่รู้นะเนี่ย ว่ามีคนตั้งถึง

ใช้ CSS กำหนดค่าน่ะครับ กำหนด ที่ UL / LI น่ะครับ ให้มัน แสดงเป็น block น่ะครับ

ส่วนถ้าไม่ลืม จะใส่ file.js เอาไว้ด้วยสำหรับ IE 6 น่ะครับ

ตัวอย่าง CSS เฉพาะ ส่วน menu ครับ

โค๊ด:

/*Main Navbar */

#nav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-image:url(xxxxx);
	}
	
#nav, #nav ul {
	list-style: none;
	line-height: 1;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:normal;
	color: #FFF;
	background-image:url(xxxxxxxx);
	padding:8px 24px;
	}

#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	color:#FFF;
	text-decoration:none;
	background-image:url(xxxxxxxxxx);
	}	
	
	
/* Dropdown Menus */		
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 187px;
	border-bottom: 1px solid #121212;
	}

#nav li li {
	width: 185px;
	border-top: 1px solid #121212;
	border-right: 1px solid #121212;
	border-left: 1px solid #121212;
	background:url(xxxxxxx);
	}

#nav li li a, #nav li li a:visited {
	background:url(xxxxxx);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:11px;
	color:#FFF;
	}

#nav li li a:hover, #nav li li a:active {
	background:url(http://www.probotai.com/images/subnav-bg-over.png);
	color:#FFF;
	}	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

a.main:hover
{	background:none;
	}

ป.ล. ป่านนี้คนถามคงทำเว็บมีรายได้ เป็น 1000 เหรียญต่อเดือนไปแล้วล่ะมั้งครับ แหะๆๆ