[DEV] Graphical BBCode buttons ไอคอน bbcode แบบใหม่

แนะนำ Mod ต่างๆ ของ PHPBB3 แนะนำความสามารถ ของ mod การติดตั้ง การเข้ากันได้กับเวอร์ชั่น

Moderator: mindphp

ภาพประจำตัวสมาชิก
M004
PHP VIP Members
PHP VIP Members
โพสต์: 1323
ลงทะเบียนเมื่อ: 01/01/1970 7:00 am

[DEV] Graphical BBCode buttons ไอคอน bbcode แบบใหม่

โพสต์โดย M004 » 17/06/2013 6:40 pm

รายละเอียดเกี่ยวกับ [DEV] Graphical BBCode buttons ไอคอน bbcode แบบใหม่ และเพิ่มฟังชั่นการใช้งานอีกหลายอย่าง ทำให้สะดวก ยิ่งขึ้น

พัฒนาโดย : Nilanko Halder
Version : 1.0
phpBB Version(s) : 3.0.11
ดาวน์โหลดได้ที่ : https://www.phpbb.com/community/viewtop ... &t=2158483
99.jpg
99.jpg (19.28 KiB) เปิดดู 415 ครั้ง


ขั้นตอนติดตั้ง
1 ย้าย โฟเดอร์ edit_img ไปยัง root folder.
เปิดไฟล์ posting_buttons.html
ค้นหา

โค้ด: เลือกทั้งหมด

     <div id="format-buttons">
       <input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
       <input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
       <input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
       <!-- IF S_BBCODE_QUOTE -->
          <input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
       <!-- ENDIF -->
       <input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
       <input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
       <input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
       <input type="button" class="button2" accesskey="y" name="addlistitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
       <!-- IF S_BBCODE_IMG -->
          <input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
       <!-- ENDIF -->
       <!-- IF S_LINKS_ALLOWED -->
          <input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
       <!-- ENDIF -->
       <!-- IF S_BBCODE_FLASH -->
          <input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
       <!-- ENDIF -->
       <select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
          <option value="50">{L_FONT_TINY}</option>
          <option value="85">{L_FONT_SMALL}</option>
          <option value="100" selected="selected">{L_FONT_NORMAL}</option>
          <!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
             <option value="150">{L_FONT_LARGE}</option>
             <!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
                <option value="200">{L_FONT_HUGE}</option>
             <!-- ENDIF -->
          <!-- ENDIF -->
       </select>
       <input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
       <!-- BEGIN custom_tags -->
          <input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
       <!-- END custom_tags -->
    </div>

เติมแทน

โค้ด: เลือกทั้งหมด

     <div id="format-buttons" style="width:79.3%;line-height:30px;color:#a8a8a8;padding:3px 5px 10px 1px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;margin-bottom:-4px;">
       <input type="button" class="button2" accesskey="b" name="addbbcode0" value="       " style="background:#f7fafd url(/edit_img/b.png) 50% 50% no-repeat;height:24px;border:1px solid #a9b2b9;" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
       <input type="button" class="button2" accesskey="i" name="addbbcode2" value="       " style="background:#f7fafd url(/edit_img/i.png) 50% 50% no-repeat;height:24px;border:1px solid #a9b2b9;" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
       <input type="button" class="button2" accesskey="u" name="addbbcode4" value="       " style="background:#f7fafd url(/edit_img/u.png) 50% 50% no-repeat;height:24px;border:1px solid #a9b2b9;" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />&nbsp;|
       <select style="height:24px;" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
          <option value="50">{L_FONT_TINY}</option>
          <option value="85">{L_FONT_SMALL}</option>
          <option value="100" selected="selected">{L_FONT_NORMAL}</option>
          <!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
             <option value="150">{L_FONT_LARGE}</option>
             <!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
                <option value="200">{L_FONT_HUGE}</option>
             <!-- ENDIF -->
          <!-- ENDIF -->
       </select>
       <input type="button" class="button2" name="bbpalette" id="bbpalette" value="Font color " onclick="change_palette();" title="{L_BBCODE_S_HELP}" style="background:#f7fafd url(/edit_img/cw.png) 4px 50% no-repeat;height:24px;border:1px solid #a9b2b9;padding-left:23px;" />&nbsp;|
       <!-- IF S_BBCODE_QUOTE -->
          <input type="button" class="button2" accesskey="q" name="addbbcode6" value="     Quote " style="background:#f7fafd url(/edit_img/quote.png) 1px 50% no-repeat;height:24px;border:1px solid #a9b2b9;" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
       <!-- ENDIF -->
       <input type="button" class="button2" accesskey="c" name="addbbcode8" value="     Code " style="background:#f7fafd url(/edit_img/code.gif) 2px 50% no-repeat;height:24px;border:1px solid #a9b2b9;" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />&nbsp;|
       <input type="button" class="button2" accesskey="l" name="addbbcode10" value="     List " style="background:#f7fafd url(/edit_img/ul.png) 1px 50% no-repeat;height:24px;border:1px solid #a9b2b9;" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
       <input type="button" class="button2" accesskey="o" name="addbbcode12" value="     List= " style="background:#f7fafd url(/edit_img/ol.png) 1px 50% no-repeat;height:24px;border:1px solid #a9b2b9;" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
       <input type="button" class="button2" accesskey="y" name="addlitsitem" value="     [*] " style="background:#f7fafd url(/edit_img/item.gif) 2px 50% no-repeat;height:24px;border:1px solid #a9b2b9;" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />&nbsp;|
       <!-- IF S_BBCODE_IMG -->
          <input type="button" class="button2" accesskey="p" name="addbbcode14" value="     Img " style="background:#f7fafd url(/edit_img/img.png) 1px 50% no-repeat;height:24px;border:1px solid #a9b2b9;" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
       <!-- ENDIF -->
       <!-- IF S_LINKS_ALLOWED -->
          <input type="button" class="button2" accesskey="w" name="addbbcode16" value="     URL " style="background:#f7fafd url(/edit_img/link.png) 2px 50% no-repeat;height:24px;border:1px solid #a9b2b9;" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
       <!-- ENDIF -->
       <!-- IF S_BBCODE_FLASH -->
          <input type="button" class="button2" accesskey="d" name="addbbcode18" value="      Flash " onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" style="background:#f7fafd url(/edit_img/flash.gif) 2px 50% no-repeat;height:24px;border:1px solid #a9b2b9;" />
       <!-- ENDIF -->
       <!-- BEGIN custom_tags -->
          <input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
       <!-- END custom_tags -->   
    </div>


ค้นหา

โค้ด: เลือกทั้งหมด

     '{LA_FONT_COLOR_HIDE}'

เติมแทน

โค้ด: เลือกทั้งหมด

     '{LA_FONT_COLOR_HIDE} '


ค้นหา

โค้ด: เลือกทั้งหมด

     '{LA_FONT_COLOR}'

เติมแทน

โค้ด: เลือกทั้งหมด

     '{LA_FONT_COLOR} '

ค้นหา

โค้ด: เลือกทั้งหมด

    <div id="format-buttons"

เติมหลัง

โค้ด: เลือกทั้งหมด

    <style>@-moz-document url-prefix() {
        a.button1, input.button1, input.button3, a.button2, input.button2 {
            padding-bottom:4px;
        }
    }</style>

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 2 และ บุคคลทั่วไป 0 ท่าน