Edit Temp - Chuyển vị trí khung Smilie xuống dưới khung soạn thảo VBB 4.1.x

[jamesblackvn]

Bước 1 : Mở templates Styles Manager - Edit Templates - Editor Templates - editor_ckeditor
Thay tất cả bằng :

<div id="{vb:raw editorid}" class="blockrow texteditor">
    <div class="editor">
        {vb:raw ckeditor}

</div>
        <vb:if condition="$smiliebox">
        <div class="editor_smiliebox">
            {vb:raw smiliebox}
        </div>
        </vb:if>
    </div>

<input type="hidden" name="wysiwyg" id="{vb:raw editorid}_mode" value="{vb:raw editortype}" />

Bước 2 : Mở Styles Manager - Edit Templates - CSS Templates - editor.css
Tì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 :

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

Tìm tiếp :

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

Thay bằng :

.editor_smiliebox ul.smiliebox {
    overflow:hidden;
}

Tiếp theo vào phần stylevar của giao diện, tìm biến editor_smiliebox_smiliesize để thay đổi kích thước của mặt cười






KẾT QUẢ ĐÂY