เปลี่ยนสีของตัวอักษรที่เป็น Hyperlink

Dreamweaver

เปลี่ยนสีของตัวอักษรที่เป็น Hyperlink

เราสามารถเปลี่ยนสี ขนาด การขีดเส้นใต้ ของตัวอักษรที่เป็น Hyperlink ได้ตามขั้นตอนด้านล่าง

    1.เปิดหน้าเว็บเพทที่ต้องการปรับแต่ง

    2.ไปที่ Menu เลือก Modify > Page Properties

    3.จะมีหน้าต่างขึ้นมาดังรูปด้านล่าง

    4.ที่ categoty ทางซ้ายมือเลือก link จะมีหน้าจอให้ปรับดังรูป



รายละเอียดต่างๆของเครื่องมือมีดังนี้

    1. Link font เป็น font ที่จะใช้แสดงตัวอักษรที่เป็น hyperlink ด้านหลังจะมีสัญลักษณ์ B (ทำให้ตัวอักษรที่เป็น hyperlink เป็นตัวหนาทั้งหมด) และ I (ทำให้ตัวอักษรที่เป็น hyperlink เป็นตัวเอียงทั้งหมด) สามารถเลือกคลิกได้

    2. Size ปรับขนาดของตัวอักษรที่เป็น hyperlink

    3. การปรับสีของ hyperlink เมื่ออยู่ในสถานะต่างๆ มีรายละเอียดดังนี้

        1.Link Color เป็นสีที่ใช้แสดง Hyperlink ที่เรายังไม่เคยคลิกเปิดดู

        2.Visited Links เป็นสีที่ใช้แสดง Hyperlink ที่เราเคยคลิกเปิดดูแล้ว

        3.Rollover Links เป็นสีที่ใช้แสดง Hyperlink เมื่อมีเมาส์วางอยู่ด้านบน

        4.Active Links: เป็นสีที่ใช้แสดง Hyperlink เมื่อเราคลิกที่ hyperlink

    4.ปรับการขีดเส้นใต้ของ Hyperlink มีรายละเอียดดังนี้

        1.Always underline ให้แสดงเส้นใต้ในทุกกรณี

        2.Never underline ไม่แสดงเส้นใต้ในทุกกรณี

        3.Show underline only on rollver แสดงเส้นใต้เฉพาะตอนที่มีเมาส์อยู่ด้านบนเท่านั้น

        4.Hide underline on rollver ปรกติจะแสดงเส้นใต้ แต่เมื่อเมาส์อยู่ด้านบนไม่ต้องแสดงเส้นใต้

    คลิกโอเค Hyperlink ก็จะปรับหน้าตามที่เราได้ตั้งไว้

---

จริงแล้วการตั้ง page properties เป็นการกำหนด CSS ในเว็บเพจนั้นเองเราสามารถดูรายละเอียด CSS ที่เรากำหนดได้ที่ code หรือที่ vertical docking panel ในหัวข้อ CSS ดังรูปด้านล่าง(สามารถศึกษาเรื่อง CSS เพิ่มเติมได้ในเว็บไซต์ของเรา)