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

Nếu forum bạn chưa có sử dụng tooltip (skin [You must be registered and logged in to see this link.] đã 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"
}