Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > ถามเรื่องการเขียน css จัดรูปแบบให้กับ คำสั่ง title เมื่อเวลาเอาเม้าส์ชี้

ถามเรื่องการเขียน css จัดรูปแบบให้กับ คำสั่ง title เมื่อเวลาเอาเม้าส์ชี้

เริ่มหัวข้อใหม่

kwang

โพสกระทู้ ( 244 )
บทความ ( 0 )

ถามเรื่องการเขียน css จัดรูปแบบให้กับ คำสั่ง title เมื่อเวลาเอาเม้าส์ชี้ให้ขึ้นมาเปนกรอบแบบนี้อะค่ะ

แบบนี้อะค่ะ

Tag : PHP, HTML/CSS

ประวัติการแก้ไข
2010-08-23 15:17:42

Date : 2010-08-23 15:16:55

By : kwangz_07

View : 1602

Reply : 2

No. 1

Guest

รู้สึกว่าเค้าเรียกว่า tooltip นะครับ
ลองเอาไปดูละกัน ผมดูเเล้วก็ งงๆ >_<
http://www.youneeditall.com/web-design-and-development/css-tooltips.html

Date : 2010-08-23 16:48:50

By : - -

No. 2

KenJeRoKung

โพสกระทู้ ( 126 )
บทความ ( 0 )

Code (PHP)

<style type="text/css">
a:hover {text-decoration:none;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #000; background:#F30; color:#FFF;}
a.tooltip span{display:none; padding:2px 2px; width:auto; margin-top:20px;}
</style>

<a href="www.thaicreate.com" class="tooltip"> Mouseover for Tooltip<span>Yra Rabotaet Tooltip Text.</span></a>

อธิบาย สร้าง css ขึ้นมาแล้วเรียกใช้ class="tooltip" แล้วใช้ <span> ครอบคำที่เราต้องการจะให้เป็น title

รูปแบบ

<a href="#" class="tooltip"> คำที่ใช้ลิงค์ <span> คำที่ใช้เป็น title </span></a>

ประวัติการแก้ไข
2010-08-24 11:22:53
2010-08-24 11:25:40
2010-08-24 11:26:12

Date : 2010-08-24 11:22:12

By : KenJeRoKung

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ถามเรื่องการเขียน css จัดรูปแบบให้กับ คำสั่ง title เมื่อเวลาเอาเม้าส์ชี้

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00