[MOD] miniBBcode bar for discuz 6.0 / 6.1 / 6.1F

buachompoox

[credit ]
Fast and the subject of a new rapid response by adding the theme of BBCode button For Discuz 6.x

Author: alan888
Version of the application: Discuz 6.0, 6.1 & 6.1F
Amend the document: viewthread template, forumdisplay template, css_common template
New documents: images / common / minieditor.gif, include / javascript / mini_editor.js, mini_editorbar template

หมายเหตุ : ถ้าไม่มีเครดิตพวกนี้เราคงไม่มี MOD ดีๆแบบนี้ใช้กัน รวมทั้งบอร์ด ดิสคัทด้วยอ้างอิงซักนิดคงไม่ตายหรอกใช่ม่ะ

Discuz 6.0
แก้ไขไฟล์ templates/*/viewhtread.html   และ    forumdisplay.html หาโค้ด

1. 
   
2. <textarea rows="7" cols="80" class="autosave" name="message" id="message" onKeyDown="ctlent(event);" tabindex="2"></textarea>
   

คัดลอกไปที่คลิปบอร์ด

เปลี่ยนเป็น

1. 
   
2. {template mini_editorbar}
   
3.                                 <textarea rows="7" cols="80" class="autosave" name="message" id="message" onKeyDown="ctlent(event);" tabindex="2" style="margin-left: 42px"></textarea>
   

คัดลอกไปที่คลิปบอร์ด

เพิ่มโค้ดนี้บรรทัดล่างสุดในไฟล์ templates/*/css.html

1. 
   
2. /*----minieditor-----*/
   
3. .meditor a { margin: 6px 2px 6px 0; float: left; text-decoration: none; display: block; height: 20px; width: 21px; background:{ALTBG2} url(../../images/common/minieditor.gif) no-repeat 0 21px; border: 1px solid #D1D1D1; }
   
4.         .meditor a:hover { border: 1px solid #999; }
   
5.         #meditor_b { background-position: 0 0; }
   
6.         #meditor_u { background-position: 0 -19px; }
   
7.         #meditor_i { background-position: 0 -40px; }
   
8.         #meditor_alignleft { background-position: 0 -60px; }
   
9.         #meditor_aligncenter { background-position: 0 -80px; }
   
10.         #meditor_alignright { background-position: 0 -100px; }
    
11.         #meditor_url { background-position: 0 -120px; }
    
12.         #meditor_email { background-position: 0 -140px; }
    
13.         #meditor_floatleft { background-position: 0 -160px; }
    
14.         #meditor_floatright { background-position: 0 -180px; }
    
15.         #meditor_img { background-position: 0 -200px; }
    
16.         #meditor_indent { background-position: 0 -220px; }
    
17.         #meditor_lista { background-position: 0 -240px; }
    
18.         #meditor_list1 { background-position: 0 -260px; }
    
19.         #meditor_color { background-position: 0 -280px; }
    
20.         #meditor_code { background-position: 0 -300px; }
    
21.         #meditor_quote { background-position: 0 -320px; }
    
22.         #meditor_color_menu { width: 113px; height: 71px; background-color: #fff; border: 1px solid #9DB3C5; padding:0;margin:0; }
    
23.         #meditor_color_menu input { margin: 2px; padding: 0px; float:left; cursor: pointer; width: 10px; height: 10px; border: 0; }
    
24.         #meditor_color_menu input:hover { border: 1px solid #999; }
    

คัดลอกไปที่คลิปบอร์ด

อัพโหลดไฟล์ตามที่อยู่
.images/common/minieditor.gif
.include/javascript/mini_editor.js
.templates/default/mini_editorbar.htm <<< CHMOD 777 for linux >>>

สุดท้ายอัพเดทแคชแล้วใช้งานดู

Discuz 6.1 + 6.1F

แก้ไขไฟล์ templates/*/viewhtread.html   และ    forumdisplay.html หาโค้ด

1. 
   
2. <textarea rows="7" cols="80" class="autosave" name="message" id="message" onKeyDown="ctlent(event);" tabindex="2"></textarea>
   

คัดลอกไปที่คลิปบอร์ด

เปลี่ยนเป็น

1. 
   
2. {subtemplate mini_editorbar}
   
3.                                 <textarea rows="7" cols="80" class="autosave" name="message" id="message" onKeyDown="ctlent(event);" tabindex="2" style="margin-left: 42px"></textarea>
   

คัดลอกไปที่คลิปบอร์ด

จากนั้นแก้ไขไฟล์ css_common.html เพิ่มโค้ดนี้ในบรรทัดล่างสุด

1. 
   
2. /*----minieditor-----*/
   
3. .meditor a { margin: 6px 2px 6px 0; float: left; text-decoration: none; display: block; height: 20px; width: 21px; background:{ALTBG2} url(../../images/common/minieditor.gif) no-repeat 0 21px; border: 1px solid #D1D1D1; }
   
4.         .meditor a:hover { border: 1px solid #999; }
   
5.         #meditor_b { background-position: 0 0; }
   
6.         #meditor_u { background-position: 0 -19px; }
   
7.         #meditor_i { background-position: 0 -40px; }
   
8.         #meditor_alignleft { background-position: 0 -60px; }
   
9.         #meditor_aligncenter { background-position: 0 -80px; }
   
10.         #meditor_alignright { background-position: 0 -100px; }
    
11.         #meditor_url { background-position: 0 -120px; }
    
12.         #meditor_email { background-position: 0 -140px; }
    
13.         #meditor_floatleft { background-position: 0 -160px; }
    
14.         #meditor_floatright { background-position: 0 -180px; }
    
15.         #meditor_img { background-position: 0 -200px; }
    
16.         #meditor_indent { background-position: 0 -220px; }
    
17.         #meditor_lista { background-position: 0 -240px; }
    
18.         #meditor_list1 { background-position: 0 -260px; }
    
19.         #meditor_color { background-position: 0 -280px; }
    
20.         #meditor_code { background-position: 0 -300px; }
    
21.         #meditor_quote { background-position: 0 -320px; }
    
22.         #meditor_color_menu { width: 113px; height: 71px; background-color: #fff; border: 1px solid #9DB3C5; padding:0;margin:0; }
    
23.         #meditor_color_menu input { margin: 2px; padding: 0px; float:left; cursor: pointer; width: 10px; height: 10px; border: 0; }
    
24.         #meditor_color_menu input:hover { border: 1px solid #999; }
    

คัดลอกไปที่คลิปบอร์ด

อัพโหลดไฟล์ตามที่อยู่
.images/common/minieditor.gif
.include/javascript/mini_editor.js
.templates/default/mini_editorbar.htm <<< CHMOD 777 for linux >>>

สุดท้ายอัพเดทแคชแล้วใช้งานดู

ผู้เข้าชมเนื้อหาถูกซ่อนไว้ คุณจะต้องแสดงความคิดเห็นก่อนจึงจะสามารถมองเห็นเนื้อหาส่วนที่ถูกซ่อนนี้ได้

An_ant

ถูกต้องนาคราบ

NonGyEn

ขอบคุณมากคร้าบท่าน

theerawut

ขอบคุณมากครับ

Anarchy

คุณปูมามาดโหดเลยแฮ่ะ สงสัยไปเจออะไรมาแน่ๆ
ขอบคุณคับ สำหรับสิ่งดีดี

DarkEagle

ขอบคุณมากครับ

yamato669

ขอบพระคุณมากครับผม

princekoong

IM thx For U...((05)) ((04)) undefined

sor_mix

ขอบคุณมากๆครับ อิอิ

IndarknesS

ทำแล้วมันไม่ขึ้น มันเป็นแบบตามภาพอะครับ 6.0 นะครับ

[ แก้ไขล่าสุด IndarknesS เมื่อ 2008-10-27 22:02 ]