ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingสอบถามการทำสีของ link เมนูบนเว็บไซต์ครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: สอบถามการทำสีของ link เมนูบนเว็บไซต์ครับ  (อ่าน 1000 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
getthemove
ก๊วนเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 201



ดูรายละเอียด
« เมื่อ: 12 เมษายน 2011, 10:48:43 »


คืออยากทราบว่าต้องเขียนยังไง ใช้อะไร ถึงได้เมนูแบบเว็บนี้อะคับ
http://www.phonemove.com/

คือเวลาเรากดไปหน้าไหน ตัวอังษรจะเป็นสีเฉพาะเมนูหน้านั้น เมนูหน้าอื่นจะเป็นสีขาวหมด




และเวลาเราเอาเม้าส์ไปวางจะเป็นสี อะคับ




ใครพอสอนได้มั่งครับว่าทำยังไง ขอบคุณครับ
บันทึกการเข้า
gam_55
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 319
ออฟไลน์ ออฟไลน์

กระทู้: 1,203



ดูรายละเอียด
« ตอบ #1 เมื่อ: 12 เมษายน 2011, 10:52:04 »

ไม่ยากนะคะ เขียน css เป็นมั๊ยคะ
ถ้าเขียนเป็น a:hover {color:orange;}


อันนี้เป็นคำสั่งของลิ้งค่ะ
a:link    {color:green;} ลิ้งธรรมดา
a:visited {color:green;} ลิ้งที่เข้าแล้ว
a:hover   {color:red;} เอาเม้าแตะ
a:active  {color:yellow;} ลิ้งที่กำลังกดคลิ๊กอยู่
บันทึกการเข้า

execter
ก๊วนเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 212



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 12 เมษายน 2011, 10:56:02 »

คุณต้องสร้าง CSS ID ขึ้นมาสักอัน อย่างเช่น

โค๊ด:
#active-page {
       color:red;
}

เวลาเปลี่ยนหน้าค่อยกำหนดให้เมนูตัวนั้น มี Id เป็น #active-pageอย่างเช่น

โค๊ด:
<a href="http://www.abc.com" id="active-page">Downloads</a>

ส่วนเวลาเราเอาเม้าวางไว้แล้วเปลี่ยนสีก็อยู่ในส่วนของ CSS อีกตัวอย่างเช่น

ต้องการให้ แทก a ทุกตัวเวลาเอาเม้าวางไว้แล้วเปลี่ยนสี ก็ต้องใช้ CSS แบบนี้

โค๊ด:
a:hover {
     color:red;
}

ไม่รู้ว่าจะเข้าใจหรือเปล่า ถ้างงตรงไหนก็ถามได้นะครับ
บันทึกการเข้า

Mubaza Thailand
getthemove
ก๊วนเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 201



ดูรายละเอียด
« ตอบ #3 เมื่อ: 14 เมษายน 2011, 04:58:25 »

ขอบคุณด้านบนมากครับ

ถ้ามีใครมีรายละเอียดมากกว่านี้ ช่วยอธิบายวิธีทำอย่างละเอียดด้วยนะคับ
จะได้เป็นประโยชน์แก่ท่านอื่นด้วย
ขอบคุณมากๆครับผม

บันทึกการเข้า
vikorn
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 343
ออฟไลน์ ออฟไลน์

กระทู้: 857



ดูรายละเอียด
« ตอบ #4 เมื่อ: 14 เมษายน 2011, 10:38:33 »

ลองดูตามนี้ครับ http://www.thaiseoboard.com/in....msg2557666/topicseen.html#new
บันทึกการเข้า
getthemove
ก๊วนเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 201



ดูรายละเอียด
« ตอบ #5 เมื่อ: 16 เมษายน 2011, 06:58:04 »

ลองดูตามนี้ครับ http://www.thaiseoboard.com/in....msg2557666/topicseen.html#new


มันไม่ใช่วิธีสอนอะค๊าบ เป้นเทมเพจเอง
บันทึกการเข้า
ikarozu
ก๊วนเสียว
*

พลังน้ำใจ: 13
ออฟไลน์ ออฟไลน์

กระทู้: 300



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 18 เมษายน 2011, 21:00:50 »

ลองศึกษาจากนี่ดูคับ ภาษาไม่อยากเกินคับ  http://w3schools.com/css/css_link.asp  
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์