ThaiSEOBoard.com

< กดยุบ (ห้องยกเลิกการใช้งาน) => Basic Information (ยกเลิกใช้) => ข้อความที่เริ่มโดย: latinino ที่ 23 กันยายน 2009, 10:30:48


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

http://www.probotai.com/

หัวข้อ: Re: อยากทำเมนูเหมือนเวปนี้ได้ครับรบกวนผู้รู้ช่วยที
เริ่มหัวข้อโดย: SerBeSt ที่ 24 กันยายน 2009, 13:33:43
วิธีง่ายๆๆครับ เปิด วิวสคริป ดูเลย

อ้างถึง
<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>

หัวข้อ: Re: อยากทำเมนูเหมือนเวปนี้ได้ครับรบกวนผู้รู้ช่วยที
เริ่มหัวข้อโดย: แมวมีเจ้าของ ที่ 24 กันยายน 2009, 14:32:18
เรียกว่า 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/

หัวข้อ: Re: อยากทำเมนูเหมือนเวปนี้ได้ครับรบกวนผู้รู้ช่วยที
เริ่มหัวข้อโดย: july8329 ที่ 29 ตุลาคม 2009, 11:50:36
ตามข้างบนเลยครับ :wanwan019:

หัวข้อ: Re: อยากทำเมนูเหมือนเวปนี้ได้ครับรบกวนผู้รู้ช่วยที
เริ่มหัวข้อโดย: lebkob69 ที่ 29 ตุลาคม 2009, 12:27:32
เด๊ย่วนี้จะไป div tag กันหมดเเระ

หัวข้อ: Re: อยากทำเมนูเหมือนเวปนี้ได้ครับรบกวนผู้รู้ช่วยที
เริ่มหัวข้อโดย: E_ZY ที่ 05 พฤศจิกายน 2009, 03:37:33
ถึงท่านเทพที่เขียน css อะงับ

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

หัวข้อ: Re: อยากทำเมนูเหมือนเวปนี้ได้ครับรบกวนผู้รู้ช่วยที
เริ่มหัวข้อโดย: Horde ที่ 05 พฤศจิกายน 2009, 04:00:05

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

ใช้ 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 เหรียญต่อเดือนไปแล้วล่ะมั้งครับ แหะๆๆ
   
   

      


SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com