:: GPStt.com ::

หมวด Admin Zone
=> เทคนิคต่างๆ คำแนะนำการใช้เว็บ => ข้อความที่เริ่มโดย: Nanthawat (Modฯ) ที่ 21 เมษายน 2557, เวลา 10:41:37 น.

หัวข้อ: การทำไฮไลท์ (เน้นสีครอบตัวอักษร) และแก้ปัญหาครอบอักษรตัวใหญ่ไม่มิด
เริ่มหัวข้อโดย: Nanthawat (Modฯ) ที่ 21 เมษายน 2557, เวลา 10:41:37 น.
[attach=1]

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

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

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




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

[attach=2]
ง่ายๆคือ แดร็กเม้าส์ครอบข้อความที่เราต้องการ แล้วคลิกแถบเครื่องมือด้านบนอันนี้ (http://www.gpsteawthai.com/Themes/default/images/bbc/highlight.gif) ก็จะได้ตามตัวอย่างด้านล่าง แต่ในที่นี้ทางเว็บใส่โค้ดสีเหลืองฝังมาให้แบบสำเร็จ เราต้องการสีไหนก็ไปเปลี่ยนโค้ดสีแทนสีเหลือง (yellow) เอาเอง

อยากได้สีไฮไลท์แบบไหน ก็เปิดเว็บตารางสีเอาเลยครับท่าน
http://xn--code-3jovd.plus.in.th (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 (http://xn--code-3jovd.plus.in.th/)
ขอบคุณข้อความตัวอย่าง...   tripchiangmai.com (http://www.tripchiangmai.com/chiangmaiboard/index.php?topic=7631.0#.U1SSoVXbIlQ)

หัวข้อ: วิธีการแก้ปัญหา สีไฮไลท์ครอบอักษรใหญ่ไม่มิด
เริ่มหัวข้อโดย: ลุงเปี๊ยก ที-เน็ตเวิร์ค (อ.สากเหล็ก) ที่ 30 สิงหาคม 2557, เวลา 18:08:50 น.
วิธีการแก้ปัญหา สีไฮไลท์ครอบอักษรใหญ่ไม่มิด

หลายคนอาจประสบปัญหาว่าทำไมนะแถบสีไฮไลท์ มันไม่หุ้มบรรทัดอักษรที่ใหญ่กว่าปกติให้มิดชิด ดูแล้วไม่สวย วันนี้ผมก็เพิ่งพบสัจธรรม หลังจากเล่นอะไรไปเรื่อยๆ จนมาสังเกตุ อ้าวๆๆๆๆ มันเป็นแบบนี้นี่เอง 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]
สีของเส้นใต้