วิธีแก้ bbcode ล้นแถบเครื่องมือ
เปิดไฟล์template\default\forum\post_editor_body.htm
ค้นหา
<!--{loop $_G['cache']['bbcodes_display'][$_G['groupid']] $tag $bbcode}-->
<a id="{$editorid}_cst{$bbcode}_$tag" class="cst" title="$bbcode"><img src="{STATICURL}image/common/$bbcode" title="$bbcode" alt="$tag" /></a>
<!--{/loop}-->
<!--{hook/post_editorctrl_bottom}-->
</div>
แทนที่ด้วย
<a href="javascript:;" onclick="showMoreBBCodeWindow(event);return false" class="cst" title="BBCode เพิ่มเติม" ><img src="{STATICURL}image/common/addbuddy.gif" title="BBCode เพิ่มเติม" alt="BBCode เพิ่มเติม"/></a>
</div>
<!-- | Start More BBCode | -->
<script type="text/javascript">
function showMoreBBCodeWindow(e){
if(document.all)e = event;
var moreBBCodeBox = document.getElementById('moreBBCode_box');
moreBBCodeBox.style.display = 'block';
var st =Math.max(document.body.scrollTop,document.documentElement.scrollTop);
var leftPos = e.clientX - 100;
if(leftPos<0)leftPos = 0;
moreBBCodeBox.style.left = leftPos + 'px';
moreBBCodeBox.style.top = e.clientY -moreBBCodeBox.offsetHeight -1 + st + 'px';
}
function hideMoreBBCodeWindow()
{
document.getElementById('moreBBCode_box').style.display = 'none';
}
</script>
<div id="moreBBCode_box">
<div class="title_box">BBCode เพิ่มเติม</div><a href="javascript:" onclick="hideMoreBBCodeWindow();" class="close_box"></a>
<div class="content_box">
<div id="{$editorid}_adv_s3">
<!--{loop $_G['cache']['bbcodes_display'][$_G['groupid']] $tag $bbcode}-->
<a id="{$editorid}_cst{$bbcode}_$tag" class="bbcode_item" title="$bbcode" style="background-image:url({STATICURL}image/common/$bbcode) !important"></a>
<!--{/loop}-->
<!--{hook/post_editorctrl_bottom}-->
</div>
</div>
<div style="clear:both"></div>
</div>
<!-- | End More BBCode | -->
ไฟล์รูปภาพ addbuddy.gif เปลี่ยนเองตามใจชอบ
เปิดไฟล์
template\default\common\common.css
เพิ่มโค้ด CSS ด้านล่างนี้ไว้บรรทัดสุดท้าย
#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; }
#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; }
#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; }
#moreBBCode_box .close_box:hover { border: none; background-position: 0 -20px; }
#moreBBCode_box .content_box { float: left; width: 266px; height: auto; }
#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%; }
#moreBBCode_box .content_box .bbcode_item:hover { border: 1px solid #0099CC; }
โค้ดสีปรับแต่งตามใจชอบเลยครับ
ต่อไปก็ อัพเดตแคช admin.php?frames=yes&action=tools&operation=updatecache แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2018-4-16 19:19
ไฟล์รูปภาพ addbuddy.gif เปลี่ยนเองตามใจชอบ
ใครอยากเปลี่ยนรูปไอคอนใหม่ก็ลองดูดาวน์โหลดบันทึกภาพเป็นชื่อไฟล์ bb_codeICON.png แล้วอัพไฟล์ไปไว้ที่ static/image/common
เปิดไฟล์ templatedefault orumpost_editor_body.htm ที่ทำการแก้ไขแล้ว
หาโค้ด
addbuddy.gif
แก้เป็น (แล้ว save ไฟล์)
bb_codeICON.png
ผลลัพธ์ดังรูป
หลังจากอัดเพทแคชแล้วใครทีรูปขึ้นเป็นภาษาแบบนี้
วิธีแก้ให้ไปทำการ save ไฟล์ post_editor_body.htm ใหม่เป็น UTF-8 อัพเดตแคชใหม่อีกครั้งผลลัพธ์ดังรูป
ขออนุญาตนำไปรวมผนวกไว้กับกระทู้รวมBBcode ต่างๆ for DiscuzX3.2
หมายเหตุ .- วิธีนี้ทดสอบใช้ได้กับสกิน defaultสกินอื่นบางตัวที่ไม่ไฟล์ post_editor_body.htm,common.css ลองแล้วใช้ได้ แต่บางตัวอาจใช้ไม่ได้!ลองไปทดสอบแก้ไขกันดูครับถ้าเป็นสกินอื่นอย่าลืมแก้ไฟล์ common.css ของสกินนั้นด้วยนะ
{:31_1209:}
หน้า:
[1]