เรื่อง :: ใส่สีสันให้เส้นคั่นหน้า

ท่านเคยใช้เส้นคั่นหน้าในการแบ่งเนื้อหาในแต่ละ page ออกจากกันไหม สำหรับผม ผมใช้เป็นประจำเลย สมัยนึงผมคิดว่าถ้าผมจะใส่สีสันให้กับเส้นคั่นหน้านี้ ผมต้องพิมพ์ HTML กำหนดค่าต่าง ๆ เอง ซึ่งผมก็ทำอย่างนั้นมานานครับ เพราะผมไม่รู้ว่าใน Dreamweaver ที่เราใช้อยู่นั้นมี option ที่สามารถให้เราเพิ่มสีสันนี้ได้ จนเมื่อผมจับไปจับมา เออ....มันมีนี่หว่า เลยขอนำมาเล่าสู่กันฟังครับ เพื่อท่านผู้ใดอาจจะไม่ทราบเหมือนผม..
(เส้นด้านล่างนี้คือตัวอย่างครับ)

---

วิธีการใส่สีสันให้เส้นคั่นหน้า

ให้ท่าน Click ที่ Object ของหน้าต่าง Insert ครับ(MX) หรือ Object (v.3-4) ครับ เลือกที่
Horizontal Rule ครับ จากนั้นก็กำหนดค่าต่าง ๆ ที่หน้าต่าง Properties ของเส้นนี้ เช่น ค่าความสูงของเส้น ค่าความกว้างของเส้น ตำแหน่งการจัดวาง เป็นต้น เราก็จะได้เส้นคั่นหน้าตามต้องการ จากนั้นให้ท่าน Click เลือกไปที่เส้นคั่นที่ท่านสร้างขึ้นมาครู่ก่อน แล้วจัดการ Click ขวาที่เส้นคั่นหน้านั้น เมื่อ Click แล้วจะได้หน้าต่างโผล่ออกมาดัง Pic.1 ครับ

Pic.1
เมื่อปรากฏหน้าต่างดัง Pic.1 แล้วให้เราเลือกไปที่เมนู Edit Tag<hr> ครับ (ดังรูป)

เมื่อเลือกแล้วจะปรากฏหน้าต่างใหม่ขึ้นมาดังรูป Pic.2 ครับ

 

 

 

Pic.2

ที่หน้าต่าง Tag Edit -Hr นี้ให้เราเลือกไปที่เมนูซ้ายมือ เลือกไปที่ Browser Specific ครับ เมื่อเลือกแล้วหน้าต่างทางขวามือจะเปลี่ยนไป เปลี่ยนไปเเป็นดังรูป Pic.2 จากนั้นท่านก็ Click เลือกสีสันตามที่ท่านต้องการได้เลยครับ จากนั้นก็ OK ครับ เป็นอันเสร็จสิ้นการทำครับ.....

---

Tip >>>
     
 สีนี้จะไม่ปรากฏในโปรแกรม Dreamweaver แต่จะปรากฏต่อเมื่อเราได้ทำการ Preview ดูกับ Browser ครับ
 option นี้ใช้ได้กับ Browser ของ IE เท่านั้นครับ version ตั้งแต่ 3 ขึ้นไปครับ

BACK