Đề Mô:
[img:7b5b]http://upanh.nguoihoian.info/pt-LY2I.html]

Cách làm.

ACP -> Modiums -> HTML & JAVASCRIPT -> Javascript codes management

Tạo 1 file js mới:
Title * : Tipsy
Placement : Allthe pages
Javascript Code * :

Code:

(function($){function fixTitle(jQueryele){if(jQueryele.attr('title')||typeof(jQueryele.attr('original-title'))!='string'){jQueryele.attr('original-title',jQueryele.attr('title')||'').removeAttr('title')}}function Tipsy(element,options){this.jQueryelement=$(element);this.options=options;this.enabled=true;fixTitle(this.jQueryelement)}Tipsy.prototype={show:function(){var title=this.getTitle();if(title&&this.enabled){var jQuerytip=this.tip();jQuerytip.find('.tipsy-inner')[this.options.html?'html':'text'](title);jQuerytip[0].className='tipsy';jQuerytip.remove().css({top:0,left:0,visibility:'hidden',display:'block'}).appendTo(document.body);var pos=$.extend({},this.jQueryelement.offset(),{width:this.jQueryelement[0].offsetWidth,height:this.jQueryelement[0].offsetHeight});var actualWidth=jQuerytip[0].offsetWidth,actualHeight=jQuerytip[0].offsetHeight;var gravity=(typeof this.options.gravity=='function')?this.options.gravity.call(this.jQueryelement[0]):this.options.gravity;var tp;switch(gravity.charAt(0)){case'n':tp={top:pos.top+pos.height+this.options.offset,left:pos.left+pos.width/2-actualWidth/2};break;case's':tp={top:pos.top-actualHeight-this.options.offset,left:pos.left+pos.width/2-actualWidth/2};break;case'e':tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left-actualWidth-this.options.offset};break;case'w':tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left+pos.width+this.options.offset};break}if(gravity.length==2){if(gravity.charAt(1)=='w'){tp.left=pos.left+pos.width/2-15}else{tp.left=pos.left+pos.width/2-actualWidth+15}}jQuerytip.css(tp).addClass('tipsy-'+gravity);if(this.options.fade){jQuerytip.stop().css({opacity:0,display:'block',visibility:'visible'}).animate({opacity:this.options.opacity})}else{jQuerytip.css({visibility:'visible',opacity:this.options.opacity})}}},hide:function(){if(this.options.fade){this.tip().stop().fadeOut(function(){$(this).remove()})}else{this.tip().remove()}},getTitle:function(){var title,jQuerye=this.jQueryelement,o=this.options;fixTitle(jQuerye);var title,o=this.options;if(typeof o.title=='string'){title=jQuerye.attr(o.title=='title'?'original-title':o.title)}else if(typeof o.title=='function'){title=o.title.call(jQuerye[0])}title=(''+title).replace(/(^\s*|\s*$)/,"");return title||o.fallback},tip:function(){if(!this.jQuerytip){this.jQuerytip=$('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>')}return this.jQuerytip},validate:function(){if(!this.jQueryelement[0].parentNode){this.hide();this.jQueryelement=null;this.options=null}},enable:function(){this.enabled=true},disable:function(){this.enabled=false},toggleEnabled:function(){this.enabled=!this.enabled}};$.fn.tipsy=function(options){if(options===true){return this.data('tipsy')}else if(typeof options=='string'){return this.data('tipsy')[options]()}options=$.extend({},$.fn.tipsy.defaults,options);function get(ele){var tipsy=$.data(ele,'tipsy');if(!tipsy){tipsy=new Tipsy(ele,$.fn.tipsy.elementOptions(ele,options));$.data(ele,'tipsy',tipsy)}return tipsy}function enter(){var tipsy=get(this);tipsy.hoverState='in';if(options.delayIn==0){tipsy.show()}else{setTimeout(function(){if(tipsy.hoverState=='in')tipsy.show()},options.delayIn)}};function leave(){var tipsy=get(this);tipsy.hoverState='out';if(options.delayOut==0){tipsy.hide()}else{setTimeout(function(){if(tipsy.hoverState=='out')tipsy.hide()},options.delayOut)}};if(!options.live)this.each(function(){get(this)});if(options.trigger!='manual'){var binder=options.live?'live':'bind',eventIn=options.trigger=='hover'?'mouseenter':'focus',eventOut=options.trigger=='hover'?'mouseleave':'blur';this[binder](eventIn,enter)[binder](eventOut,leave)}return this};$.fn.tipsy.defaults={delayIn:0,delayOut:0,fade:true,fallback:'',gravity:'n',html:false,live:false,offset:0,opacity:1.0,title:'title',trigger:'hover'};$.fn.tipsy.elementOptions=function(ele,options){return $.metadata?$.extend({},options,$(ele).metadata()):options};$.fn.tipsy.autoNS=function(){return $(this).offset().top>($(document).scrollTop()+$(window).height()/2)?'s':'n'};$.fn.tipsy.autoWE=function(){return $(this).offset().left>($(document).scrollLeft()+$(window).width()/2)?'e':'w'}})($);$(function(){$('a.lastt').tipsy({gravity:'w',opacity:0.8,html:true});$('a, .button2 img, .user-contact img').tipsy({gravity:'s',opacity:0.8,html:true});$('.icoon').tipsy({gravity:'e',opacity:0.8})});$(document).ready(function(){var x=$('#username').html();$('.templateuname').html(x)});$(function(){$(window).scroll(function(){var scrollTop=$(window).scrollTop();if(scrollTop!=0)$('#nav1').stop().animate({'opacity':'0.2'},400);else $('#nav1').stop().animate({'opacity':'1'},400)});$('#nav1').hover(function(e){var scrollTop=$(window).scrollTop();if(scrollTop!=0){$('#nav1').stop().animate({'opacity':'1'},400)}},function(e){var scrollTop=$(window).scrollTop();if(scrollTop!=0){$('#nav1').stop().animate({'opacity':'0.2'},400)}})});var prefixes=["Share","Thắc mắc","Hỏi -Đáp","HOT","New"];var _pm=false;var chk=false;function toMenu(a){var htmlpre='<select style="margin-right:5px" id="prefix" size="1"><option value="">(None)</option>';for(i in a)htmlpre+='<option value="'+a[i]+'">'+a[i]+'</option>';htmlpre+='</select>';return htmlpre}function checkpre(ar,input){for(i in ar){var p=new RegExp("\\"+ar[i],"g");var title=input.substr(0,input.indexOf(']'));if(p.test(title))return ar[i]}return""}$(function(){if(_pm)chk=/\privmsg/.test(location.href);if(/\/post/.test(location.href)||chk){$(toMenu(prefixes)).insertBefore("input[name=subject][type=text]");var mw=$("#prefix").width()+5;$("input[name=subject]").css("width",$("input[name=subject]").width()-mw);var t=$("[name=subject]").val();var cur=checkpre(prefixes,t);if(cur!=""){$("[value="+cur+"]").attr("selected","selected");$("input[name=subject]").val(t.replace('['+cur+']','').trim())}$("input[name=post]").click(function(){var sub=$("input[name=subject]").val().trim();if(sub!=""&&$("#prefix").val()!="")$("input[name=subject]").val("["+$("#prefix").val()+"] "+sub)})}});$(document).ready(function(){$('.post:has(".admin")').css('background-color','#006FFF');$('.post:has(".mod")').css('background-color','#COLOR')});

Thêm vào css:

Code:

/* Title */
.score{padding-top:20px}.pnsmall{font-size:10px;font-style:italic;margin-top:-5px}.tipsy{font-size:10px;padding:5px;position:absolute;z-index:999}
.tipsy-inner{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color:#000;
    border-radius:3px;color:#FFF;
    max-width:200px;padding:5px 8px 4px;text-align:center}
    .tipsy-arrow{border:5px dashed #000;height:0;line-height:0;position:absolute;width:0}
    .tipsy-arrow-n{border-bottom-color:#000}
    .tipsy-arrow-s{border-top-color:#000}
    .tipsy-arrow-e{border-left-color:#000}
    .tipsy-arrow-w{border-right-color:#000}
    .tipsy-n .tipsy-arrow{border-bottom-style:solid;
    border-left-color:transparent;
    border-right-color:transparent;
    border-top:none;left:50%;
    margin-left:-5px;top:0}
    .tipsy-nw .tipsy-arrow{border-bottom-style:solid;
    border-left-color:transparent;
    border-right-color:transparent;
    border-top:none;left:10px;top:0}
    .tipsy-ne .tipsy-arrow{border-bottom-style:solid;
    border-left-color:transparent;
    border-right-color:transparent;
    border-top:none;right:10px;top:0}
    .tipsy-s .tipsy-arrow{border-bottom:none;
    border-left-color:transparent;
    border-right-color:transparent;
    border-top-style:solid;
    bottom:0;left:50%;margin-left:-5px}
    .tipsy-sw .tipsy-arrow{border-bottom:none;border-left-color:transparent;
    border-right-color:transparent;
    border-top-style:solid;bottom:0;left:10px}
    .tipsy-se .tipsy-arrow{border-bottom:none;border-left-color:transparent;
    border-right-color:transparent;
    border-top-style:solid;bottom:0;right:10px}
    .tipsy-e .tipsy-arrow{border-bottom-color:transparent;
    border-left-style:solid;border-right:none;
    border-top-color:transparent;margin-top:-5px;right:0;top:50%}
    .tipsy-w .tipsy-arrow{border-bottom-color:transparent;
    border-left:none;border-right-style:solid;
    border-top-color:transparent;left:0;margin-top:-5px;top:50%}