Đưa icon smilies xuống dưới khung soạn thảo, trả lời nhanh trong vbb

Thảo luận trong 'Mã nguồn vbulletin vbb' bắt đầu bởi admin, 4/9/14.

  1. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    3,788
    Đã được thích:
    736
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Để đưa hết danh sách các icon xuống dưới khung soạn thảo bài viết giống ITSEOVN như hình dưới để khung soạn thảo to hơn và dễ nhìn hơn thì bạn làm theo các bước như dưới.

    dua-smilies-xuong-duoi-khung-soan-thao.jpg
    Demo

    • B1: Đăng nhập vào admincp của forum.
    • B2: Truy cập vào : Styles & Templates -> Styles Manager -> Edit Templates kéo xuống dưới chọn Editor Templates -> editor_ckeditor.
    • B3: Thay hết đoạn code cũ sau :
    Mã:
    <div id="{vb:raw editorid}" class="blockrow texteditor">
                <div class="editor">
                            <div class="editor_textbox_container<vb:if condition="$smiliebox"> smilie</vb:if>">
                                                    <div class="editor_textbox <vb:if condition="$smiliebox">editor_textbox_smilie</vb:if>">
                                                                {vb:raw ckeditor}
                                                    </div>
                            </div>
                            <vb:if condition="$smiliebox">
                            <div class="editor_smiliebox">
                                        {vb:raw smiliebox}
                            </div>
                            </vb:if>
                </div>
    </div>
    <input type="hidden" name="wysiwyg" id="{vb:raw editorid}_mode" value="{vb:raw editortype}" />
    
    Thành Code sau :

    Mã:
    <div id="{vb:raw editorid}" class="blockrow texteditor"> [INDENT]<div class="editor"> {vb:raw ckeditor} </div> 
    <vb:if condition="$smiliebox"> 
    [/INDENT]
    [INDENT=2]<div class="editor_smiliebox"> {vb:raw smiliebox} 
    </div> [/INDENT]
    [INDENT] </vb:if> 
    [/INDENT]
     </div> 
    <input type="hidden" name="wysiwyg" id="{vb:raw editorid}_mode" value="{vb:raw editortype}" />
    
    • B4: Truy cập vào : Styles & Templates -> Styles Manager -> Edit Templates kéo xuống dưới chọnCSS Templates -> editor.css
    Tìm tới đoạn code css :

    Mã:
    .editor_smiliebox { 
    float:{vb:stylevar right}; 
    width:{vb:math {vb:raw vboptions.smcolumns} * ({vb:stylevar editor_smiliebox_smiliesize} + 5)}; 
    height:200px; 
    _background-color:{vb:stylevar textedit_background.backgroundColor}; 
    _border:solid 1px {vb:stylevar mid_border.borderColor}; 
    padding:0 3px 3px 3px; }
    
    Thay bằng đoạn code css sau :

    Mã:
    .editor_smiliebox {
     _background-color:{vb:stylevar textedit_background.backgroundColor};
     _border:solid 1px {vb:stylevar mid_border.borderColor}; }

    Tiếp tục tìm đoạn code css

    Mã:
    .editor_smiliebox ul.smiliebox {height:190px;overflow:hidden;}

    Thay thế bằng đoạn code css sau :

    Mã:
    .editor_smiliebox ul.smiliebox {overflow:hidden;}
    Để hiển thị thêm số lượng icon trong danh sách icon mặc định(mặc định chỉ hiển thị tối đa 11 icon) thì bạn làm như sau :

    • Admincp -> Settings -> Opitions -> Message Posting Interface Options kéo xuống dưới tìm chọn Smiliebox Total Smilies thay thế số mặc định bằng số icon bạn muốn.
     
    Cảm ơn đã xem bài:

    Đưa icon smilies xuống dưới khung soạn thảo, trả lời nhanh trong vbb

    Đang tải...


Chủ để tương tự : Đưa icon
Diễn đàn Tiêu đề Date
Rao Vặt Toàn Quốc Xử lý khăn mặt trước khi đưa vào sử dụng trong gia đình Hôm qua, lúc 4:16 PM
Rao Vặt Toàn Quốc Với dịch vụ đưa rước học sinh các bậc phụ huynh không còn phải lo lắng 11/2/17
Rao Vặt Toàn Quốc Cuộc đua Ngoại hạng Anh: Khi thành công phụ thuộc... thất bại 10/1/17
Rao Vặt Toàn Quốc Đũa đánh rỉ NITTO 3 X 180mm 10/1/17
Rao Vặt Toàn Quốc Xe đạp trẻ em 4 bánh kiểu xe đua F1A 3/1/17

Like và Share ủng hộ ITSEOVN