Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.5 Thai R20231001 Rev.8 (NEW) [วิดีโอช่วยสอน] อัปเกรด Discuz! X3.4 เป็น X3.5 Discord ของ Discuz! Thai Community อย่างเป็นทางการ

Discuz! X3.4 Thai R20220811 (REV.75) สิ้นสุดการสนับสนุน Discuz! X3.4 ภาษาไทยตั้งแต่วันนี้เป็นต้นไป (ขอแนะนำให้อัปเกรดเป็น X3.5 แทน)

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 1253|ตอบกลับ: 2

วิธีแก้ bbcode ล้นแถบเครื่องมือ

[คัดลอกลิงก์]
i~Designs โพสต์ 2016-10-7 20:59:11 จากอุปกรณ์พกพา |โหมดอ่าน
เปิดไฟล์
  1. template\default\forum\post_editor_body.htm
คัดลอกไปที่คลิปบอร์ด


ค้นหา

  1.                                 <!--{loop $_G['cache']['bbcodes_display'][$_G['groupid']] $tag $bbcode}-->
  2.                                         <a id="{$editorid}_cst{$bbcode[params]}_$tag" class="cst" title="$bbcode[explanation]"><img src="{STATICURL}image/common/$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" /></a>
  3.                                 <!--{/loop}-->
  4.                                 <!--{hook/post_editorctrl_bottom}-->
  5.                         </div>
คัดลอกไปที่คลิปบอร์ด


แทนที่ด้วย

  1.                                                  <a href="javascript:;" onclick="showMoreBBCodeWindow(event);return false" class="cst" title="BBCode เพิ่มเติม" ><img src="{STATICURL}image/common/addbuddy.gif" title="BBCode เพิ่มเติม" alt="BBCode เพิ่มเติม"/></a>
  2.                         </div>

  3.                                                 <!-- | Start More BBCode | -->
  4.                                                 <script type="text/javascript">
  5.                                                         function showMoreBBCodeWindow(e){
  6.                                                                 if(document.all)e = event;               
  7.                                                                 var moreBBCodeBox = document.getElementById('moreBBCode_box');                                
  8.                                                                 moreBBCodeBox.style.display = 'block';
  9.                                                                 var st =Math.max(document.body.scrollTop,document.documentElement.scrollTop);
  10.                                                                 var leftPos = e.clientX - 100;
  11.                                                                 if(leftPos<0)leftPos = 0;
  12.                                                                 moreBBCodeBox.style.left = leftPos + 'px';
  13.                                                                 moreBBCodeBox.style.top = e.clientY -moreBBCodeBox.offsetHeight -1 + st + 'px';
  14.                                                         }        
  15.                                                         function hideMoreBBCodeWindow()
  16.                                                         {
  17.                                                                 document.getElementById('moreBBCode_box').style.display = 'none';
  18.                                                         }
  19.                                                 </script>
  20.                                                 <div id="moreBBCode_box">
  21.                                                 <div class="title_box">BBCode เพิ่มเติม</div><a href="javascript:" onclick="hideMoreBBCodeWindow();" class="close_box"></a>
  22.                                                 <div class="content_box">
  23.                                                                         <div id="{$editorid}_adv_s3">
  24.                                                                                 <!--{loop $_G['cache']['bbcodes_display'][$_G['groupid']] $tag $bbcode}-->
  25.                                                                                         <a id="{$editorid}_cst{$bbcode[params]}_$tag" class="bbcode_item" title="$bbcode[explanation]" style="background-image:url({STATICURL}image/common/$bbcode[icon]) !important"></a>
  26.                                                                                 <!--{/loop}-->
  27.                                                                                 <!--{hook/post_editorctrl_bottom}-->
  28.                                                                         </div>
  29.                                                 </div>
  30.                                                 <div style="clear:both"></div>
  31.                                                 </div>
  32.                                                 <!-- | End More BBCode | -->
คัดลอกไปที่คลิปบอร์ด


ไฟล์รูปภาพ addbuddy.gif เปลี่ยนเองตามใจชอบ

เปิดไฟล์
  1. template\default\common\common.css
คัดลอกไปที่คลิปบอร์ด


เพิ่มโค้ด CSS ด้านล่างนี้ไว้บรรทัดสุดท้าย


  1. #moreBBCode_box {  display: none; width: 256px; position: absolute; margin: 80px 0 0 90px; background: {WRAPBG}; padding: 5px; border: 1px solid; border-color: {DROPMENUBORDER}; {DROPMENUBGCODE}; box-shadow: 1px 2px 2px rgba(0,0,0,0.3); overflow: hidden; }
  2. #moreBBCode_box .title_box { float: left; margin: 0 6px 7px 0; border-bottom: 1px dotted #DDD; width: 230px; height: 20px; line-height: 20px; font-size: 12px; font-weight: bold; color: #0099CC; }
  3. #moreBBCode_box .close_box { display: block; float: left; margin: 0 0 8px 0; width: 20px; height: 20px; background: url({IMGDIR}/cls.gif) no-repeat 0 0; border: none; }
  4. #moreBBCode_box .close_box:hover { border: none; background-position: 0 -20px; }
  5. #moreBBCode_box .content_box { float: left; width: 266px; height: auto; }
  6. #moreBBCode_box .content_box .bbcode_item { display: block; float: left; margin: 0 4px 4px 0; border: 1px solid #D7D7D7; width: 20px; height: 20px; background: url({IMGDIR}/noicon.gif) no-repeat 50% 50%; }
  7. #moreBBCode_box .content_box .bbcode_item:hover { border: 1px solid #0099CC; }
คัดลอกไปที่คลิปบอร์ด


โค้ดสีปรับแต่งตามใจชอบเลยครับ

ต่อไปก็ อัพเดตแคช admin.php?frames=yes&action=tools&operation=updatecache

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x

คะแนน

จำนวนผู้เข้าร่วม 1จิตพิศัย +3 ย่อ เหตุผล
suttasilo + 3 ทึ่ง

ดูบันทึกคะแนน

suttasilo โพสต์ 2016-10-8 22:01:53
แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2018-4-16 19:19

ไฟล์รูปภาพ addbuddy.gif   เปลี่ยนเองตามใจชอบ
ใครอยากเปลี่ยนรูปไอคอนใหม่ก็ลองดู  ดาวน์โหลดบันทึกภาพเป็นชื่อไฟล์ bb_codeICON.png แล้วอัพไฟล์ไปไว้ที่ static/image/common


เปิดไฟล์ templatedefault orumpost_editor_body.htm ที่ทำการแก้ไขแล้ว

หาโค้ด
  1. addbuddy.gif
คัดลอกไปที่คลิปบอร์ด

แก้เป็น   (แล้ว save ไฟล์)
  1. bb_codeICON.png
คัดลอกไปที่คลิปบอร์ด

ผลลัพธ์ดังรูป


หลังจากอัดเพทแคชแล้วใครทีรูปขึ้นเป็นภาษาแบบนี้



วิธีแก้ให้ไปทำการ save ไฟล์ post_editor_body.htm ใหม่เป็น UTF-8 อัพเดตแคชใหม่อีกครั้งผลลัพธ์ดังรูป



ขออนุญาตนำไปรวมผนวกไว้กับกระทู้  รวมBBcode ต่างๆ for DiscuzX3.2

หมายเหตุ .- วิธีนี้ทดสอบใช้ได้กับสกิน default  สกินอื่นบางตัวที่ไม่ไฟล์ post_editor_body.htm,common.css ลองแล้วใช้ได้ แต่บางตัวอาจใช้ไม่ได้!  ลองไปทดสอบแก้ไขกันดูครับ  ถ้าเป็นสกินอื่นอย่าลืมแก้ไฟล์ common.css ของสกินนั้นด้วยนะ

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2024-3-28 16:30

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้