fogza
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 97
 ออฟไลน์
กระทู้: 1,307
|
 |
« เมื่อ: 05 เมษายน 2012, 19:55:21 » |
|
http://www.basic-skill.com/con...&cont_id=284&sec_id=10  คือเวลาคลิกเมนูด้านบนเสร็จ จะเปลี่ยนหน้าแล้วลิงค์ที่ถูกคลิกก็จะมีพื้นหลังสีขาวปรากฏ เค้าทำกันยังไงเอ่ย ผู้รู้ช่วยแนะนำทีครับ คำถามอาจจะดูงงๆ นะครับ 
|
|
|
|
« แก้ไขครั้งสุดท้าย: 06 เมษายน 2012, 14:20:16 โดย fogza »
|
บันทึกการเข้า
|
:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง :: |
|
|
jim_no1
สมุนแก๊งเสียว
พลังน้ำใจ: 19
ออฟไลน์
กระทู้: 857
|
 |
« ตอบ #1 เมื่อ: 05 เมษายน 2012, 20:15:55 » |
|
ไม่เข้าใจคำถามน่ะ
|
|
|
|
« แก้ไขครั้งสุดท้าย: 05 เมษายน 2012, 20:16:07 โดย jim_no1 »
|
บันทึกการเข้า
|
|
|
|
fogza
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 97
ออฟไลน์
กระทู้: 1,307
|
|
« ตอบ #2 เมื่อ: 05 เมษายน 2012, 20:18:44 » |
|
ไม่เข้าใจคำถามน่ะ
ตามเว็บตัวอย่างนะครับ เวลาคลิกเมนูด้านบน เมนูไหนที่ถูกคลิก จะมีพื้นหลังสีขาวนะครับ พอจะเข้าใจไหมเอ่ย |
|
|
|
|
บันทึกการเข้า
|
:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง :: |
|
|
iLhay
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 411
ออฟไลน์
กระทู้: 4,368
|
|
« ตอบ #3 เมื่อ: 05 เมษายน 2012, 20:21:45 » |
|
http://www.w3schools.com/css/css_pseudo_classes.asp ก็มีบอกหมดนะคับ ="= a:link {color:#FF0000;} /* unvisited link */ a:visited {color:#00FF00;} /* visited link */ a:hover {color:#FF00FF;} /* mouse over link */ a:active {color:#0000FF;} /* selected link */
|
|
|
|
|
บันทึกการเข้า
|
Wordpress Hosting
 Wordpress Hosting เริ่มต้นปีละ 790 บาท NVMe SSD เร็ว 9000MB/s เร็วกว่านี้ไม่มีอีกแล้ว Cloud Server เริ่มต้นเพียงเดือนละ 159 บาท พร้อมใช้ภายใน 1 นาที ผ่านระบบอัตโนมัติมีทั้ง Linux / Windows / DirectAdmin สอบถามข้อมูลและแจ้งปัญหา 02-105-4417 ตลอด 24 ชั่วโมง
|
|
|
fogza
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 97
ออฟไลน์
กระทู้: 1,307
|
|
« ตอบ #4 เมื่อ: 05 เมษายน 2012, 20:47:45 » |
|
ผมลองแล้วไม่ได้นะครับ ถ้า :visited นี้จะเป็นลิงค์ที่ถูกคลิกไปแล้ว :link ก็ลิงค์ที่ยังไม่ถูกคลิก มันไม่มีที่คลิกลิงค์ปัจจุบันนะครับ หรือว่าผมเขียนโค้ดไม่ถูกเอง  มีตัวอย่างไหมครับ รบกวนทีนะครับ |
|
|
|
« แก้ไขครั้งสุดท้าย: 05 เมษายน 2012, 20:51:28 โดย fogza »
|
บันทึกการเข้า
|
:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง :: |
|
|
ningnongkup
สมุนแก๊งเสียว
พลังน้ำใจ: 35
ออฟไลน์
กระทู้: 773
|
|
« ตอบ #5 เมื่อ: 05 เมษายน 2012, 22:14:23 » |
|
ผมลองแล้วไม่ได้นะครับ ถ้า :visited นี้จะเป็นลิงค์ที่ถูกคลิกไปแล้ว :link ก็ลิงค์ที่ยังไม่ถูกคลิก มันไม่มีที่คลิกลิงค์ปัจจุบันนะครับ หรือว่าผมเขียนโค้ดไม่ถูกเอง มีตัวอย่างไหมครับ รบกวนทีนะครับ ไม่ค่อยเข้าใจคำถาม แต่น่าจะตัวนี้ |
|
|
|
|
บันทึกการเข้า
|
เอาซะให้พอ งานนี้ลุยให้เต็มที่
|
|
|
nociouz
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 200
ออฟไลน์
กระทู้: 2,021
|
|
« ตอบ #6 เมื่อ: 05 เมษายน 2012, 22:20:12 » |
|
แบบนั้น มันเป็นที่ ตีมครับ มันหมายถึง หน้ามั้งครับ ไม่ใช่ลิงค์ ผมมั่ว  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
siamseo
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 168
ออฟไลน์
กระทู้: 3,306
|
|
« ตอบ #7 เมื่อ: 05 เมษายน 2012, 22:26:33 » |
|
ผม งง |
|
|
|
|
บันทึกการเข้า
|
|
|
|
หนุ่มบ้านโคก
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 119
ออฟไลน์
กระทู้: 3,128
|
|
« ตอบ #8 เมื่อ: 05 เมษายน 2012, 22:31:33 » |
|
เค้าคงหมายถึงแถบเมนูด้านบนอะครับ ที่มันเปลี่ยนเป็นสีขาวเวลาเราอยู่ในหน้านั้น ลองไปดู css ครับ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
คนธรรมดา
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 138
ออฟไลน์
กระทู้: 1,046
|
|
« ตอบ #9 เมื่อ: 05 เมษายน 2012, 22:38:46 » |
|
ถูกมั้ย <!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FF0000;
background-color:#FFCC00;
}
a:active {
color: #FF0000;
background-color:#FFCC00;
}
-->
</style></head>
<body>
<a href="#">TEXT</a> | <a href="#">TEXT</a> | <a href="#">TEXT</a>
</body>
</html>
|
|
|
|
« แก้ไขครั้งสุดท้าย: 05 เมษายน 2012, 22:39:15 โดย คนธรรมดา »
|
บันทึกการเข้า
|
|
|
|
animationz
ก๊วนเสียว
พลังน้ำใจ: 51
ออฟไลน์
กระทู้: 335
|
|
« ตอบ #10 เมื่อ: 05 เมษายน 2012, 22:59:57 » |
|
a:active { color: #FF0000; background-color:#FFCC00; อันนี้แหละครับ อิอิ  |
|
|
|
|
บันทึกการเข้า
|
Blogger+AMZ & Internet Marketing.. |
|
|
fogza
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 97
ออฟไลน์
กระทู้: 1,307
|
|
« ตอบ #11 เมื่อ: 05 เมษายน 2012, 23:35:21 » |
|
a:active { color: #FF0000; background-color:#FFCC00; อันนี้แหละครับ อิอิ มันขึ้นมาแปปเดียวนะครับ ผมอยากให้มันค้างอยู่ เหมือนเมนูด้านบนของเว็บตัวอย่างนะครับ ผมอธิบายงงๆ ก็ขอโทษด้วยครับ  |
|
|
|
|
บันทึกการเข้า
|
:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง :: |
|
|
iLhay
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 411
ออฟไลน์
กระทู้: 4,368
|
|
« ตอบ #12 เมื่อ: 05 เมษายน 2012, 23:40:57 » |
|
ใช้ a:active แล้วเปลี่ยน background คับ
และก้ใช้ a:hover เปลี่ยนสีตัวอักษร
|
|
|
|
|
บันทึกการเข้า
|
Wordpress Hosting
Wordpress Hosting เริ่มต้นปีละ 790 บาท NVMe SSD เร็ว 9000MB/s เร็วกว่านี้ไม่มีอีกแล้ว Cloud Server เริ่มต้นเพียงเดือนละ 159 บาท พร้อมใช้ภายใน 1 นาที ผ่านระบบอัตโนมัติมีทั้ง Linux / Windows / DirectAdmin สอบถามข้อมูลและแจ้งปัญหา 02-105-4417 ตลอด 24 ชั่วโมง
|
|
|
fogza
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 97
ออฟไลน์
กระทู้: 1,307
|
|
« ตอบ #13 เมื่อ: 05 เมษายน 2012, 23:46:13 » |
|
ใช้ a:active แล้วเปลี่ยน background คับ
และก้ใช้ a:hover เปลี่ยนสีตัวอักษร
ทำตามที่บอกแล้ว แต่เวลาเลื่อนเมาส์ออกจากลิงค์ พื้นหลังมันก็หายไปนะครับ  |
|
|
|
|
บันทึกการเข้า
|
:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง :: |
|
|
iLhay
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 411
ออฟไลน์
กระทู้: 4,368
|
|
« ตอบ #14 เมื่อ: 05 เมษายน 2012, 23:47:20 » |
|
ใส่แต่ a:hover ก็หายครับ ถ้าใส่ a:active ไม่หาย
|
|
|
|
|
บันทึกการเข้า
|
Wordpress Hosting
Wordpress Hosting เริ่มต้นปีละ 790 บาท NVMe SSD เร็ว 9000MB/s เร็วกว่านี้ไม่มีอีกแล้ว Cloud Server เริ่มต้นเพียงเดือนละ 159 บาท พร้อมใช้ภายใน 1 นาที ผ่านระบบอัตโนมัติมีทั้ง Linux / Windows / DirectAdmin สอบถามข้อมูลและแจ้งปัญหา 02-105-4417 ตลอด 24 ชั่วโมง
|
|
|
fogza
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 97
ออฟไลน์
กระทู้: 1,307
|
|
« ตอบ #15 เมื่อ: 06 เมษายน 2012, 00:15:34 » |
|
ใส่แต่ a:hover ก็หายครับ ถ้าใส่ a:active ไม่หาย
|
|
|
|
« แก้ไขครั้งสุดท้าย: 06 เมษายน 2012, 02:46:27 โดย fogza »
|
บันทึกการเข้า
|
:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง :: |
|
|
iLhay
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 411
ออฟไลน์
กระทู้: 4,368
|
|
« ตอบ #16 เมื่อ: 06 เมษายน 2012, 01:43:27 » |
|
อาการแบบนี้ CSS ทับกันคับ
|
|
|
|
|
บันทึกการเข้า
|
Wordpress Hosting
Wordpress Hosting เริ่มต้นปีละ 790 บาท NVMe SSD เร็ว 9000MB/s เร็วกว่านี้ไม่มีอีกแล้ว Cloud Server เริ่มต้นเพียงเดือนละ 159 บาท พร้อมใช้ภายใน 1 นาที ผ่านระบบอัตโนมัติมีทั้ง Linux / Windows / DirectAdmin สอบถามข้อมูลและแจ้งปัญหา 02-105-4417 ตลอด 24 ชั่วโมง
|
|
|
fogza
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 97
ออฟไลน์
กระทู้: 1,307
|
|
« ตอบ #17 เมื่อ: 06 เมษายน 2012, 02:46:55 » |
|
อาการแบบนี้ CSS ทับกันคับ
โทษทีครับ ลืมอัพเดทลิงค์ http://jsfiddle.net/KGFGv/14/ |
|
|
|
|
บันทึกการเข้า
|
:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง :: |
|
|
yoyokung
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 143
ออฟไลน์
กระทู้: 1,794
|
|
« ตอบ #18 เมื่อ: 06 เมษายน 2012, 02:51:57 » |
|
ชอบคุณ fogza ตั้งคำถาม ชวนตอบมากๆ และกระจายความรู้สุดๆ
ว่าแต่ทำได้หรือยังครับ
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
iLhay
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 411
ออฟไลน์
กระทู้: 4,368
|
|
« ตอบ #19 เมื่อ: 06 เมษายน 2012, 02:56:27 » |
|
ลองเช็คดูครับ ทำไม a:hover ถึงเปลี่ยนเป็นสีเข้มๆ แล้วทำไม a:active ถึงไม่เป็น เท่าที่ผมเคยทำมา และถ้าละรึกไม่ผิด เป็นอาการของ CSS ทับกันคับ |
|
|
|
|
บันทึกการเข้า
|
Wordpress Hosting
Wordpress Hosting เริ่มต้นปีละ 790 บาท NVMe SSD เร็ว 9000MB/s เร็วกว่านี้ไม่มีอีกแล้ว Cloud Server เริ่มต้นเพียงเดือนละ 159 บาท พร้อมใช้ภายใน 1 นาที ผ่านระบบอัตโนมัติมีทั้ง Linux / Windows / DirectAdmin สอบถามข้อมูลและแจ้งปัญหา 02-105-4417 ตลอด 24 ชั่วโมง
|
|
|
|
พัฒนาเว็บไซต์
