Home Webboard ArticlesKnowledges  

ผู้เขียน หัวข้อ: การเพิ่มตัวเลือกฟอนต์  (อ่าน 19058 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ LittleCat

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 432
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา
การเพิ่มตัวเลือกฟอนต์
« เมื่อ: 25, มีนาคม 2008, 07:11:50 PM »

จากเดิมที่บอร์ดจะมีแค่ตัวเลือกเปลี่ยนสี



เราสามารถเพิ่มตัวเลือกฟอนต์เข้าไปได้



ขั้นตอนแรก.
เปิดไฟล์ Themes/default/Post.template.php
ค้นหาส่วนนี้

โค๊ด: [Select]
// Print a drop down list for all the colors we allow!
if (!isset($context['disabled_tags']['color']))
echo ' <select onchange="surroundText(\'[color=\' +
this.options[this.selectedIndex].value.toLowerCase() + \']\', \'[/color]\', document.forms.',
$context['post_form'], '.', $context['post_box_name'], '); this.selectedIndex = 0; document.forms.',
$context['post_form'], '.', $context['post_box_name'], '.focus(document.forms.', $context['post_form'], '.',
$context['post_box_name'], '.caretPos);" style="margin-bottom: 1ex;">
<option value="" selected="selected">', $txt['change_color'], '</option>
<option value="Black">', $txt[262], '</option>
<option value="Red">', $txt[263], '</option>
<option value="Yellow">', $txt[264], '</option>
<option value="Pink">', $txt[265], '</option>
<option value="Green">', $txt[266], '</option>
<option value="Orange">', $txt[267], '</option>
<option value="Purple">', $txt[268], '</option>
<option value="Blue">', $txt[269], '</option>
<option value="Beige">', $txt[270], '</option>
<option value="Brown">', $txt[271], '</option>
<option value="Teal">', $txt[272], '</option>
<option value="Navy">', $txt[273], '</option>
<option value="Maroon">', $txt[274], '</option>
<option value="LimeGreen">', $txt[275], '</option>
</select>';

เติมส่วนนี้ต่อท้าย (ก่อน echo '<br />'; )

โค๊ด: [Select]
// Print a drop down list for all the fonts are aviable!
if (!isset($context['disabled_tags']['font']))
echo ' <select onchange="surroundText(\'[font=\' + this.options[this.selectedIndex].value.toLowerCase() + \']\', \'[/font]\', document.forms.', $context['post_form'], '.', $context['post_box_name'], '); this.selectedIndex = 0; document.forms.', $context['post_form'], '.', $context['post_box_name'], '.focus(document.forms.', $context['post_form'], '.', $context['post_box_name'], '.caretPos);" style="margin-bottom: 1ex;">
<option value="" selected="selected">', $txt['font_face'] , '</option>
<option value="Arial">', $txt['font_arial'], '</option>
<option value="andale mono">', $txt['font_andale_mono'], '</option>
<option value="courier">', $txt['font_courier'], '</option>
<option value="Comic Sans MS">', $txt['font_comic'] , '</option>
<option value="Times New Roman">', $txt['font_times'] , '</option>
<option value="Verdana">', $txt['font_verd'] , '</option>
<option value="trebuchet ms">', $txt['font_trebuchet_ms'], '</option>
<option value="impact">', $txt['font_impactl'], '</option>
<option value="arial black">', $txt['font_arial_black'], '</option>
<option value="Haettenschweiler">', $txt['font_heatt'] , '</option>
<option value="Tahoma">', $txt['font_taho'], '</option>
</select>';

ขั้นตอนที่สอง.
เปิดไฟล์ Themes/default/language/Post.thai.php (หรือ Post.thai-utf8.php)
ค้นหาส่วนนี้

โค๊ด: [Select]
$txt[533] = 'แบบตัวอักษร';

เติมส่วนนี้ต่อท้าย

โค๊ด: [Select]
$txt['font_face'] = 'แบบตัวอักษร';
$txt['font_arial'] = 'Arial';
$txt['font_arial_black'] = 'ArialBlack';
$txt['font_andale_mono'] = 'AdaleMono';
$txt['font_courier'] = 'Corier';
$txt['font_comic'] = 'ComicSans ';
$txt['font_times'] = 'NewRoman';
$txt['font_verd'] = 'Verdana';
$txt['font_heatt'] = 'Haettensch';
$txt['font_trebuchet_ms'] = 'Trebuchet';
$txt['font_taho'] = 'Tahoma';
$txt['font_impactl'] = 'Impactl';

ก็จะได้ผลดังนี้




พึงจดจำ !

ในส่วนนี้ของ Themes/default/Post.template.php


คือการเรียกใช้งานส่วนนี้ของ Themes/default/language/Post.thai.php (หรือ Post.thai-utf8.php)


ฉะนั้น จะต้องมีให้ตรงกันอยู่เสมอ จึงจะแสดงผล
มิเช่นนั้น จะมีมาแค่นี้




อย่าคิดว่าตนเองเก่ง อย่าคิดว่าคนอื่นขาดตนเองไม่ได้ -- หลักการในการทำงานของแมวขี้เมา

ออฟไลน์ WellcoM

  • Ju
  • *
  • กระทู้: 8
  • เห็นด้วย&ขอบคุณ: 2
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #1 เมื่อ: 07, พฤษภาคม 2009, 01:19:47 AM »
ขอบคุณมากๆครับ

ออฟไลน์ morokat

  • Ju
  • *
  • กระทู้: 34
  • เห็นด้วย&ขอบคุณ: 2
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #2 เมื่อ: 09, มีนาคม 2010, 08:22:52 PM »
Thanks u ครับ
แล้วถ้าจะเพิ่มขนาด (size font)จะทำไงครับ

c,;-uhg,k

  • บุคคลทั่วไป
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #3 เมื่อ: 09, มีนาคม 2010, 10:12:32 PM »
อันนี้รึเปล่า?
justusers.net/forum/index.php?topic=279.0

ออฟไลน์ morokat

  • Ju
  • *
  • กระทู้: 34
  • เห็นด้วย&ขอบคุณ: 2
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #4 เมื่อ: 10, มีนาคม 2010, 12:08:05 AM »
thasnk u now i can to do its

ออฟไลน์ ขุนสุรา

  • Just Mem
  • ****
  • กระทู้: 95
  • เห็นด้วย&ขอบคุณ: 37
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #5 เมื่อ: 10, เมษายน 2011, 11:44:27 AM »
ขอบคุณคัรบผม ได้แล้วครับผม

ออฟไลน์ mcboy

  • Ju
  • *
  • กระทู้: 1
  • เห็นด้วย&ขอบคุณ: 1
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #6 เมื่อ: 13, มิถุนายน 2011, 06:00:39 PM »
 :rolleyes: ขอบคุณมากครับทำได้แล้วครับขึ้นแล้ว แต่ส่งใส่ว่าถ้าจะเอาฟอนอื่นใส่เข้าไปเนี้ย ก็คือเอาชื่อฟอนพิมพ์ลงไปก็พอใช้ไหมครับโดยที่ไม่ต้องใส่นามสกุลไม่รู้ว่าเข้าใจถูกหรือป่าวแนะนำด้วยนะครับ น้องใหม่ครับ

ออฟไลน์ ไก่ขี้เมา®

  • ไม่เต็มบาท™
  • Global Moderator
  • *
  • กระทู้: 1080
  • เห็นด้วย&ขอบคุณ: 1014
  • เพศ: ชาย
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #7 เมื่อ: 14, มิถุนายน 2011, 09:36:37 AM »
:rolleyes: ขอบคุณมากครับทำได้แล้วครับขึ้นแล้ว แต่ส่งใส่ว่าถ้าจะเอาฟอนอื่นใส่เข้าไปเนี้ย ก็คือเอาชื่อฟอนพิมพ์ลงไปก็พอใช้ไหมครับโดยที่ไม่ต้องใส่นามสกุลไม่รู้ว่าเข้าใจถูกหรือป่าวแนะนำด้วยนะครับ น้องใหม่ครับ

- font มีแค่ชื่อครับ ไม่มีนามสกุล

- browser ใหม่ๆ สามารถแสดงผลฟอนต์เครื่องพิมพ์ได้ด้วย (พวก True Type) แต่อย่างไรก็ตาม ควรใช้แค่ฟอนต์หน้าจอ  พวก Arial, Tahoma เป็นต้น (เพราะถ้าในเครื่องคนใช้ ไม่มีฟอนต์ที่เราระบุ แทนที่จะแสดงผลแล้วสวย กลับจะเพี้ยนไปเลย)

:boxing: :boxing: :boxing:

ออฟไลน์ Tcomputer

  • Just Staff
  • *
  • กระทู้: 599
  • เห็นด้วย&ขอบคุณ: 495
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #8 เมื่อ: 22, มิถุนายน 2012, 06:17:48 PM »
ขอสอบถามสักนิดครับ คือผมลองทำตามทีแนะนำ ผลปรากฎว่าใช้งานได้ปกติครับ กรณีคลิกตอบ เพียงแต่ว่า พอดี ผมมีช่องตอบด่วนด้วย ผมก็ Copy ตรงส่วนเพิ่ม font เข้าไป ผลปรากฎว่า ก็มีช่องแสดงfont ต่างๆ แต่พอเลือกแล้ว ปรากฎ ไม่ขึ้นอะไรเลย ปกติ [font=ฟอนต์ที่เราเลือก][/font] แต่นี้ ไม่ปรากฎอะไรเลย ไม่ทราบนอกจาก ที่เพิ่มในโค๊ตดังกล่าว ต้องเพิ่มอะไรเพิ่มเติมไหมครับผม ขอบคุณสำหรับคำแนะนำครับผม  ผมใช้ SMF 1.1 ครับผม

ออฟไลน์ เซียวเหล่งนึ่งฯ

  • Global Moderator
  • *
  • กระทู้: 5536
  • เห็นด้วย&ขอบคุณ: 2135
    • SMFjusthost.com
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #9 เมื่อ: 22, มิถุนายน 2012, 06:37:01 PM »
เคยมีที่น้องฟิล์มทำไว้ แต่ลิงก์โหลดไฟล์เสียไปแล้ว ถ้าจะใช้แบบนี้ลองขอไฟล์จากลุงหนุ่ยดูนะ
http://www.justusers.net/forum/index.php?topic=704.0

อีกแบบก็เป็นม็อด เอามาดัดแปลงได้
http://custom.simplemachines.org/mods/index.php?mod=1223

2.0
http://custom.simplemachines.org/mods/index.php?mod=1299


*** ถ้าทำได้แล้วเขียนบทความมาลงด้วยนะ อิอิ 

ออฟไลน์ Tcomputer

  • Just Staff
  • *
  • กระทู้: 599
  • เห็นด้วย&ขอบคุณ: 495
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #10 เมื่อ: 23, มิถุนายน 2012, 12:47:25 AM »
ขอบคุณครับป้าตู่  สงสัยผมตั้งคำถามไม่กระจ่าง ขออภัยด้วยนะครับผม ตรง ส่วน Quick_Reply_Full_Functions ผมทำแล้วครับผม ก็ใช้งานได้ปกติ  เพียงแต่จะมาเพิ่มเติม ในส่วนเพิ่มเลือก Font เพิ่มเติม แต่คือ ผมก็ลงสคริป ในส่วนของเพิ่ม Font ในไฟล์ Post.template.php สามารถใช้งานได้ปกติแต่พอเอามาใส่ในไฟล์ Display.template.php ซึ่งเป็นส่วนของ Quick Reply กลับไม่ทำงานครับ เลยสงสัยว่าผมต้องเพิ่มเติมสคริปตรงไหนเพิ่มหรือเปล่าครับ



ออฟไลน์ Tcomputer

  • Just Staff
  • *
  • กระทู้: 599
  • เห็นด้วย&ขอบคุณ: 495
Re: การเพิ่มตัวเลือกฟอนต์
« ตอบกลับ #11 เมื่อ: 25, มิถุนายน 2012, 10:54:09 PM »
แก้ปัญหาได้แล้วครับ คือ จากที่ผมได้เพิ่มเติมโค๊ต ในไฟล์ Post.template.php ในส่วนตอบ สามารถใช้งานได้ปกติ แต่พอนำสคริป มาใช้ในช่องตอบด่วน ผลปรากฎว่า พอเลือก Font แล้วไม่มีอะไรเกิดขึ้น ให้แก้ไขตามนี้นะครับที่ผมทำได้


อ้างอิงจากโค๊ตจากไฟล์ Post.template.php
อ้างถึง
// Print a drop down list for all the fonts are aviable!
   if (!isset($context['disabled_tags']['font']))
echo ' <select onchange="surroundText(\'[font=\' + this.options[this.selectedIndex].value.toLowerCase() + \']\', \'[/font]\', document.forms.', $context['post_form'], '.', $context['post_box_name'], '); this.selectedIndex = 0; document.forms.', $context['post_form'], '.', $context['post_box_name'], '.focus(document.forms.', $context['post_form'], '.', $context['post_box_name'], '.caretPos);" style="margin-bottom: 1ex;">
   <option value="" selected="selected">', $txt['font_face'] , '</option>
   <option value="Arial">', $txt['font_arial'], '</option>
   <option value="andale mono">', $txt['font_andale_mono'], '</option>
   <option value="courier">', $txt['font_courier'], '</option>
   <option value="Comic Sans MS">', $txt['font_comic'] , '</option>
   <option value="Times New Roman">', $txt['font_times'] , '</option>
   <option value="Verdana">', $txt['font_verd'] , '</option>
   <option value="trebuchet ms">', $txt['font_trebuchet_ms'], '</option>
   <option value="impact">', $txt['font_impactl'], '</option>
   <option value="arial black">', $txt['font_arial_black'], '</option>
   <option value="Haettenschweiler">', $txt['font_heatt'] , '</option>
   <option value="Tahoma">', $txt['font_taho'], '</option>
   </select>';

ในไฟล์ Display.template.php  แก้ไขเป็น

โค๊ด: [Select]
// Print a drop down list for all the fonts are aviable! (เพิ่มแสดงเลือก Font)
if (!isset($context['disabled_tags']['font']))
echo ' <select onchange="surroundText(\'[font=\' + this.options[this.selectedIndex].value.toLowerCase() + \']\', \'[/font]\', document.forms.postmodify.message); this.selectedIndex = 0; document.forms.postmodify.message.focus(document.forms.postmodify.message.caretPos);" style="margin-bottom: 1ex;">
<option value="" selected="selected">', $txt['font_face'] , '</option>
<option value="Arial">', $txt['font_arial'], '</option>
<option value="andale mono">', $txt['font_andale_mono'], '</option>
<option value="courier">', $txt['font_courier'], '</option>
<option value="Comic Sans MS">', $txt['font_comic'] , '</option>
<option value="Times New Roman">', $txt['font_times'] , '</option>
<option value="Verdana">', $txt['font_verd'] , '</option>
<option value="trebuchet ms">', $txt['font_trebuchet_ms'], '</option>
<option value="impact">', $txt['font_impactl'], '</option>
<option value="arial black">', $txt['font_arial_black'], '</option>
<option value="Haettenschweiler">', $txt['font_heatt'] , '</option>
<option value="Tahoma">', $txt['font_taho'], '</option>
</select>';


 

Sitemap 1 2 3 4 5 6 7 8 9 10 
Back to top