การทำไฮไลท์ (เน้นสีครอบตัวอักษร) และแก้ปัญหาครอบอักษรตัวใหญ่ไม่มิด

(1/1)

Nanthawat (Modฯ):

การทำไฮไลท์ (เน้นสีครอบตัวอักษร) และแก้ปัญหาครอบอักษรตัวใหญ่ไม่มิด
ตัวอย่าง
คุ้มกลางเวียงแห่งนี้ เจ้าบุรีรัตน์ มหาอินทร์ หลานของเจ้าหลวงเศรษฐีคำฟั่น สันนิษฐานว่าสร้างขึ้นระหว่างปี พ.ศ. ๒๔๓๒ – ๒๔๓๖ อายุประมาณ ๑๑๐ ปีแล้ว คุ้มแห่งนี้ตกทอดสู่ทายาทรุ่นต่อรุ่น คณะสถาปัตยกรรมศาสตร์ มหาวิทยาลัยเชียงใหม่ได้รับมอบจากทายาทเมื่อวันที่ ๙ มีนาคม พ.ศ. ๒๕๔๔ รูปแบบสถาปัตยกรรมแห่งนี้โดดเด่น เป็นการผสมผสานกันระหว่างสถาปัตยกรรมท้องถิ่นล้านนา และสถาปัตยกรรมตะวันตกสองชั้น ชั้นล่างเป็นอาคารก่ออิฐถือปูน ชั้นสองเป็นโครงสร้างไม้ มีระเบียงยาวหนึ่งฟาก หลังคาจั่วทรงปั้นหยาแบบมะนิลา ชั้นล่างก่ออิฐหนาเป็นทรงโค้งฉาบปูน ชั้นบนเป็นพื้นไม้สักมีระเบียงโดยรอบ ถือเป็นสถาปัตยกรรมอิทธิพลตะวันตกที่ยุคแรกๆ ของเชียงใหม่เลยทีเดียว

เว็บตารางโค้ดสี
http://xn--code-3jovd.plus.in.th


วิธีทำจร๊าาาาาาาาาาา...

ง่ายๆคือ แดร็กเม้าส์ครอบข้อความที่เราต้องการ แล้วคลิกแถบเครื่องมือด้านบนอันนี้ ก็จะได้ตามตัวอย่างด้านล่าง แต่ในที่นี้ทางเว็บใส่โค้ดสีเหลืองฝังมาให้แบบสำเร็จ เราต้องการสีไหนก็ไปเปลี่ยนโค้ดสีแทนสีเหลือง (yellow) เอาเอง

อยากได้สีไฮไลท์แบบไหน ก็เปิดเว็บตารางสีเอาเลยครับท่าน
http://xn--code-3jovd.plus.in.th

ทีนี้มันมีให้เลือกป้อนค่าสีสองแบบ คือ
1. แบบพิมพ์ชื่อสีลงไปเลยเช่น  red ,yellow ,blue ,green
2. แบบโค้ดสีเป็นตัวเลข แบบนี้ค่าสีจะละเอียดมาก เช่น #00FF00 ,#FFA500 ,#D2B48C ,#FF0000
เลือกเอาตามสะดวกครับ ชอบแบบไหน เอาแบบนั้น



ตัวอย่าง ป้อนค่าสีแบบที่1 (สีเหลือง = yellow)

--- โค๊ด: ---หลังคาจั่วทรงปั้นหยาแบบมะนิลา [highlight=yellow]ชั้นล่างก่ออิฐหนา[/highlight] เป็นทรงโค้งฉาบปูน
--- ปิดโค้ด ---

ผลที่ได้
หลังคาจั่วทรงปั้นหยาแบบมะนิลา ชั้นล่างก่ออิฐหนา เป็นทรงโค้งฉาบปูน



ตัวอย่าง ป้อนค่าสีแบบที่2 (สีเหลือง = #FFFF00)

--- โค๊ด: ---หลังคาจั่วทรงปั้นหยาแบบมะนิลา [highlight=#FFFF00]ชั้นล่างก่ออิฐหนา[/highlight] เป็นทรงโค้งฉาบปูน
--- ปิดโค้ด ---

ผลที่ได้
หลังคาจั่วทรงปั้นหยาแบบมะนิลา ชั้นล่างก่ออิฐหนา เป็นทรงโค้งฉาบปูน



ขอบคุณเว็บตารางโค้ดสี...    codeสี.plus.in.th
ขอบคุณข้อความตัวอย่าง...   tripchiangmai.com

ลุงเปี๊ยก ที-เน็ตเวิร์ค (อ.สากเหล็ก):
วิธีการแก้ปัญหา สีไฮไลท์ครอบอักษรใหญ่ไม่มิด
หลายคนอาจประสบปัญหาว่าทำไมนะแถบสีไฮไลท์ มันไม่หุ้มบรรทัดอักษรที่ใหญ่กว่าปกติให้มิดชิด ดูแล้วไม่สวย วันนี้ผมก็เพิ่งพบสัจธรรม หลังจากเล่นอะไรไปเรื่อยๆ จนมาสังเกตุ อ้าวๆๆๆๆ มันเป็นแบบนี้นี่เอง 555


size=12pt
ที่ขนาดอักษรปกติ การแสดงไอไลท์จะปกติด้วย

--- โค๊ด: ---[highlight=yellow]  [size=12pt]  highlight text in posts  [/size]  [/highlight]

[size=12pt]  [highlight=yellow]  highlight text in posts  [/highlight]  [/size]
--- ปิดโค้ด ---

    highlight text in posts   

    highlight text in posts   



size=24pt
เริ่มชัดขึ้น

--- โค๊ด: ---[highlight=yellow]  [size=24pt]  highlight text in posts  [/size]  [/highlight]

[size=24pt]  [highlight=yellow]  highlight text in posts  [/highlight]  [/size]
--- ปิดโค้ด ---

    highlight text in posts   

    highlight text in posts   



size=36pt
สุดท้าย ถ้าทุกท่านสังเกตุ ถ้าเราเอา ขนาด (size) มาครอบหัวท้าย สีไฮไลท์มันจึงครอบมิด

--- โค๊ด: ---[highlight=yellow]  [size=36pt]  highlight text in posts  [/size]  [/highlight]

[size=36pt] [highlight=yellow]  highlight text in posts  [/highlight]  [/size]
--- ปิดโค้ด ---

    highlight text in posts   

    highlight text in posts   


เทคนิคต่างๆที่เกี่ยวกับแถบเครื่องมือ Editor เหล่านี้ ท่านทั้งหลายต้องมาทดสอบนั่งเล่นกัน ถ้าจะให้ดี เชิญที่บอร์ดทดสอบได้เลยครับ






มีอีกตัวอย่างนึง กับสีของเส้นใต้


--- โค๊ด: ---[size=36pt][color=deeppink][u][color=blue][b]สีของเส้นใต้[/b][/color][/u][/color][/size]
--- ปิดโค้ด ---

สีของเส้นใต้



--- โค๊ด: ---[size=36pt][color=blue][u][b]สีของเส้นใต้[/b][/u][/color][/size]
--- ปิดโค้ด ---

สีของเส้นใต้

นำร่อง

[0] ดัชนีข้อความ