CÔNG VIÊN IT

Birthday : 23/09/1995

[HD] Resize ảnh trong Forumotion

1. Kiểm tra image resize trong viewtopic_body
xem có đoạn này chưa:

Code:: 
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

2. Kiểm tra đoạn resize image trong CSS
- Nếu Deactivate the basic CSS
thì kiểm tra xem có đoạn resize image trong CSS không
nếu chưa có thì thêm vào đoạn mặc định có dạng:

Code:: /* resize image */
.resize_process .resizebox {
display: none;
}
.resize_process img.resize_img {
display: none;
}
.resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox.enlarged a.enlarge {
display: none;
}
.resizebox.enlarged a.resize {
display: inline-block;
}
.resizebox a.resize {
display: none;
}
.resizebox {
background-color: #fafafa;
max-width: 100%;
line-height: 1.1em;
cursor: default;
font-weight: normal;
font-style: normal;
margin: 0;
text-align: left;
display: inline-block;
}
.resizebox div {
font-weight: normal;
font-style: normal;
margin: 0;
}
.resizebox .resize_border {
border: 1px solid #d1d7dc;
display: block;
}
.resizebox .resize_content {
padding: 5px 10px;
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox .resize_filler {
border: none;
padding: 0;
width: 40px;
display: inline-block;
zoom: 1;
*display: inline;
}

Nếu đã tắt Deactivate the basic CSS thì không cần thêm.

3. Chỉnh size của ảnh
ACP > QLTT > Messages and Emails > Cấu hình diễn đàn:
Images resize: Điền Width và Height
muốn kích cỡ z3nh bao nhiêu thì định cho nó.

Lưu ý:
Ảnh trong bài viết, kể cả emoticon chỉ hiện khi script được load xong.
nếu cảm thấy chậm, trong CSS tìm đoạn sau và bỏ thuộc tính none:

Code:: .resize_process img.resize_img {
display: none;
}

Theo 4all

CÔNG VIÊN IT

Thủ Thuật Dành Cho Forum

Forum Forumotion

Hướng dẫn

[HD] Resize ảnh trong Forumotion

[HD] Resize ảnh trong Forumotion