1 Thay avatar by FMVi Tue Nov 13, 2012 8:33 am
Admin
Trùm Forum
[You must be registered and logged in to see this image.]
chức năng:
Thay avatar ngay lập tức từ hình ảnh trong bài viết.
Thông báo khi thay avatar thành công và khi xảy ra lỗi.
Giới hạn số lần thay đổi avatar nhanh.
Bước 1: ACP - QLTT - Messages and e-mails - Announcements - General announcements options
Activate announcements : Có Announcements display : All pages Scrolling : Go left
Announcements
Name : FMvi.vn - Thay avatar Content :
Chú ý: Những forum sử dụng skin FMvi ver.2, hoặc sử dụng fancybox2 không làm bước này, mà thay file javascript trong overall_header (javascript fancybox2) bằng [You must be registered and logged in to see this link.]
Title : FMvi.vn - Thay avatar nhanh tại nọi mơi Placement : In the topics Javascript Code : Download [You must be registered and logged in to see this link.] punBB
Tùy biến thông báo: Chức năng:
Hiện thông ở góc trên bên trái màn hình. Xuất hiện với hiệu ứng fade trong 1s. Tự tắt sau 5s hoặc click nút đóng, lùi vào bên trái trong 1s rồi mất.
Có thể dùng HTML để ghi nội dung thông báo. Ví dụ:
Chức năng như mods thay avatar nhanh
Ví dụ:
Chú ý: Nếu forum bạn chưa có sử dụng tooltip (skin Skin FMvi ver.2 đã có sẵn) thì làm như sau: Ở bước 2 Thêm đoạn CSS sau:
chức năng:
Thay avatar ngay lập tức từ hình ảnh trong bài viết.
Thông báo khi thay avatar thành công và khi xảy ra lỗi.
Giới hạn số lần thay đổi avatar nhanh.
Bước 1: ACP - QLTT - Messages and e-mails - Announcements - General announcements options
Activate announcements : Có Announcements display : All pages Scrolling : Go left
Announcements
Name : FMvi.vn - Thay avatar Content :
- Code:
<span style="display:none" id="userID">{USERLINK}</span>
- Code:
/* Thay avatar - www.fmvi.vn */
.alert .close{position:relative;top:-2px;right:-21px;float:right;font-size:13px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:0.2;filter:alpha(opacity=20)}
.alert .close:hover{color:#000;text-decoration:none;opacity:0.4;filter:alpha(opacity=40);cursor:pointer}
.alert{display:none;top:5px;position:fixed;left:5px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;padding:8px 35px 8px 14px}
.alert-success{background-color:#dff0d8;color:#468847;border-color:#d6e9c6}
.alert-error{background-color:#f2dede;color:#b94a48;border-color:#eed3d7}
.fmvichange{display:inline-block!important;position:relative;margin:0!important;padding:0!important}
.fmvichange:hover .changeatvar{display:block!important}
.changeatvar{margin:0!important;cursor:pointer;background:url(http://i47.servimg.com/u/f47/17/47/88/95/profil11.png) no-repeat scroll 5px center #DDD;border:1px solid #777;color:#484A48;display:none!important;font-weight:700;left:0;position:absolute;text-shadow:1px 1px 1px #FFF;top:0;width:90px;z-index:999;padding:2px 5px 5px 23px!important}
Chú ý: Những forum sử dụng skin FMvi ver.2, hoặc sử dụng fancybox2 không làm bước này, mà thay file javascript trong overall_header (javascript fancybox2) bằng [You must be registered and logged in to see this link.]
Title : FMvi.vn - Thay avatar nhanh tại nọi mơi Placement : In the topics Javascript Code : Download [You must be registered and logged in to see this link.] punBB
- Code:
numA = 7;
verA = ".entry-content";
verB = ".frm-set:first img:first";
verC = ".user";
verD = "#main-content .message a";
// download file script, lấy code và đặt dưới dòng này
- Code:
numA = 7;
verA = ".postbody";
verB = ".panel:eq(1) img:first";
verC = ".postprofile";
verD = ".panel a";
// download file script, lấy code và đặt dưới dòng này
- Code:
numA = 7;
verA = ".post-entry";
verB = "#ucp .box-content img:first";
verC = ".postprofile-details.postdetails";
verD = ".msg a";
// download file script, lấy code và đặt dưới dòng này
- Code:
numA = Giới hạn số lần thay avatar;
verA = Khung nội dung bài viết;
verB = Khung trang thay avatar;
verC = Khung thông tin người viết bài;
verD = Khung trang thông báo;
// download file script, lấy code và đặt dưới dòng này
Tùy biến thông báo: Chức năng:
Hiện thông ở góc trên bên trái màn hình. Xuất hiện với hiệu ứng fade trong 1s. Tự tắt sau 5s hoặc click nút đóng, lùi vào bên trái trong 1s rồi mất.
- Code:
fmvitip(style,bold,normal)
Có thể dùng HTML để ghi nội dung thông báo. Ví dụ:
- Code:
<button onclick="fmvitip('error', 'Lỗi!', 'Không tải được dữ liệu.')">Thông báo</button>
Chức năng như mods thay avatar nhanh
- Code:
avatarfmvi(url)
Ví dụ:
- Code:
<button onclick="avatarfmvi('http://i48.servimg.com/u/f48/16/58/89/73/logofm12.png')">Thay avatar</button>
- Code:
<button onclick="avatarfmvi(prompt('Nhập URL hình ảnh vào đây!\nChấp nhận các định dạng jpg, jpeg, gif, png, bmp', ''))">Thay avatar</button>
Chú ý: Nếu forum bạn chưa có sử dụng tooltip (skin Skin FMvi ver.2 đã có sẵn) thì làm như sau: Ở bước 2 Thêm đoạn CSS sau:
- Code:
#tooltip{max-width:550px;position:absolute;background-image:url(http://i48.servimg.com/u/f48/13/58/60/43/opacit10.png);border:0;padding:0;border-radius:3px;color:#FFF;z-index:99;}
#tooltip .header{display:none}
- Code:
var versionMinor = parseFloat(navigator.appVersion),
versionMajor = parseInt(versionMinor),
IE = document.all && !window.opera && 7 > versionMajor,
IE7 = document.all && !window.opera && 7 <= versionMajor,
OP = window.opera,
FF = document.getElementById,
NS = document.layers;
function get_item(a, c) {
if (IE) return c ? window.opener.document.all[a] : document.all[a];
if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
if (NS) return c ? window.opener.document.layers[a] : document.layers[a] }
var current_tooltip;
function show_tooltip(a, c, d) {
var b = get_item("tooltip");
b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
b.style.zIndex = 100;
b.style.position = "absolute";
b.innerHTML = d ? '<p class="header">' + d + "</p><p>" + c + "</p>" : "<p>" + c + "</p>";
b.style.visibility = "visible";
a.onmousemove = move_tooltip;
a.onmouseout = function () {
b.style.visibility = "hidden"
};
a.title = ""
}
var offsetxpoint = -60,
offsetypoint = 20,
real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body,
real_body = document.documentElement ? document.documentElement : document.body;
function move_tooltip(a) {
var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 20,
e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20,
f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
current_tooltip = get_item("tooltip");
current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px";
current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px"
}