Teen_Thanh_Hoa


You are not connected. Please login or register

Thay avatar nhanh cho mọi phiên bản

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Admin

avatar
Admin - BQT Tối Cao
Admin - BQT Tối Cao


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>
vào trước <div id="page-body">

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"
}



lllllllllllllllllllllllllllllll
Xem lý lịch thành viên http://teennet.forumvi.com

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết