ตอบถามปัญหาคอม

จะสร้าง Link ให้คลิกได้เลยต้องทำอย่างไร

SmallLek
👁 12,160 ครั้ง · 💬 3 ตอบ
ที่พอทำเป็นแล้ว มี 3 แบบ แต่แบบที่ 4, 5, 6 ทำยังไม่เป็น แนะนำทีครับ ต้องทำอย่างไร คุณโมชิ ขอบคุณครับ
1.ทำเป็นชื่อ Link URL นั้น แล้วให้คลิก
http://upic.me

2.ทำเป็นข้อความให้คลิก
คลิก

3.แล้วถ้าจะทำเป็นรูปภาพ
 

แต่แบบที่ 4 , 5 , 6 ยังทำไม่เป็น คือ
4.พอมี Mouse มาวางบนรูปนั้น ให้มีข้อความเพิ่ม ทำอย่างไร
5.พอมี Mouse มาวางบนรูปนั้น ให้มีรูปเปลี่ยน หรือขยับ ทำอย่างไร
6.ตามข้อ 4 และ 5 เลย แต่ทำให้ขนาดรูปที่ Upload ไว้ที่เวบ เปลี่ยนขนาดภาพได้ตามที่ต้องการ คือให้เล็กลงได้
ทำอย่างไร โดยปกติรูปมันใหญ่อยู่ ทำให้เล็กลง โดยไม่ต้อง Upload รูปเข้าไปใหม่
🏷️ หัวข้อที่เกี่ยวข้อง
คล ให างไร แต ทำอย link องทำอย แบบท เป ทำเป แล http upic me พอม

💬 การตอบกลับ 3

#1
Moshi
Moshi
16,996 โพสต์
เอาลงที่ไหนครับ ถ้าเอาลง It4x ไม่มีพวก hover ให้ครับ

แต่ถ้าเขียนโค๊ดเองจะมีให้อยู่ครับ เป็นพวก hover ใช้ css ช่วยครับ
#2
SmallLek
SmallLek
234 โพสต์
ยกตัวอย่างเขียนให้ดูหน่อยซิครับ ผมเขียนพวกพวกโค๊ตสคริปไม่เป็น เอาลงในเวบบอร์ดนี้ครับ

ตัวอย่างที่2
คลิก   <<  แบบนี้ เกิดจากการเขียน >>  [Url =http://upic.me] คลิก [/url]

ตัวอย่างที่3
 <<  แบบนี้ เกิดจากการเขียน >> [Url =http://upic.me]
[/url]

แต่แบบที่ 4 , 5 , 6 เขียนอย่างไร แนะนำตัวอย่างหน่อยครับ เช่น ((สมมุติเวบนี้มี hover แล้วจะต้องเขียนอย่างไร))

.............................................


ในเวบนี้ใช้ไม่ได้ ก็ไม่เป็นไร แค่เขียนเป็นตัวอย่างให้ผมไว้หน่อยครับ

✏️ แก้ไขล่าสุด: 6 กุมภาพันธ์ 2555

#3
Moshi
Moshi
16,996 โพสต์
ตัวอย่างเปลี้ยนสีลิงค์ง่ายๆ ใช้ css + html



<style type="text/css">

	a { color:#FFF; text-decoration:none; }

	a:hover { color:#000; text-decoration:underline; }

</style>

<a href="http://it4x.com&quot;&gt;it4x.com&lt;/a&gt;


ถ้าจะทำเป็นรูปภาพเปลี่ยนก็ตามนี้ครับ เปลี่ยนตรง width และ height และภาพตรง bg.jpg ผมตั้ง ID เป็น images นะครับตัวอย่าง



<style type="text/css">

	#images { color:#FFF; text-decoration:none; display:block; width:100px; height:100px; background:url(bg.jpg); text-indent:-99999px; }

	#images:hover { color:#000; text-decoration:underline; background:url(bg2.jpg); }

</style>

<a href="http://it4x.com&quot; id="images"></a>


ส่วนเพิ่มข้อความใช้ javascripts เข้าช่วยครับ หรือ jquery ก็ได้ครับ