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>
Bước 2: ACP - Display - Pictures and Colors - Colors - CSS Stylesheet
- 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}
Bước 3: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management - Create a new javascript:
Hướng dẫn cho skin FMvi ver.2:
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 http://www.fmvi.vn/33629.js (javascript fancybox2) bằng http://fmvi-group.googlecode.com/files/change-avatar-skin-fmvi.js
Đặt code này:
- Code:
<span style="display:none" id="numID"></span>
<script type="text/javascript">
$("#numID").text($("#userID a").attr("href").slice($("#userID a").attr("href").indexOf("u=") + 2))
</script>
Title * : FMvi.vn - Thay avatar nhanh tại nọi mơi
Placement : In the topics
Javascript Code * : Download http://fmvi-group.googlecode.com/files/change-avatar-url-fmvi.js
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
phpBB3
- 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
phpBB2:
- Code:
numA = 7;
verA = ".postbody";
verB = "#register .forumline img:first";
verC = ".postdetails.poster-profile";
verD = ".forumline .gen a";
// download file script, lấy code và đặt dưới dòng này
Invision:
- 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
Custom - Dành cho những forum đã thay đổi Templates
- 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
Hướng dẫn tùy chỉnh:
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)
style: Có 2 giá trị là error và success
bold: Nội dung thông báo in đậm
normal: Nội dung thông báo thương
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>
Tùy biến thay avatar:
Chức năng:
Chức năng như mods thay avatar nhanh
- Code:
avatarfmvi(url)
url: Thay bằng link hình ảnh muốn dùng làm avatar:
Thay số 7 bằng số lần giới hạn thay avatar nhanh:
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}
Trong bước 3, thêm vào phần đầu, code sau:
- 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"
}