Chức năng ko khác gì ếch và thiên thần chỉ đường

Demo:

[You must be registered and logged in to see this image.]

Cho vào CSS

Code:

.tipsy{font-size:12px;padding:5px;position:absolute;text-shadow:none;z-index:999}.tipsy-inner{-moz-border-radius:3px;-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);background:#0066FF url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;background-color:#00457D;border-radius:3px;color:#fff;max-width:200px;padding:8px;text-align:center}.tipsy-arrow{background:url(http://i.imm.io/oP2d.jpeg) no-repeat top left;height:5px;position:absolute;width:9px}.tipsy-n .tipsy-arrow{left:50%;margin-left:-4px;top:0}.tipsy-nw .tipsy-arrow{left:10px;top:0}.tipsy-ne .tipsy-arrow{right:10px;top:0}.tipsy-s .tipsy-arrow{background-position:bottom left;bottom:0;left:50%;margin-left:-4px}.tipsy-sw .tipsy-arrow{background-position:bottom left;bottom:0;left:10px}.tipsy-se .tipsy-arrow{background-position:bottom left;bottom:0;right:10px}.tipsy-e .tipsy-arrow{background-position:top right;height:9px;margin-top:-4px;right:0;top:50%;width:5px}.tipsy-w .tipsy-arrow{height:9px;left:0;margin-top:-4px;top:50%;width:5px}


cho vào head hoặc footer

Code:

<script src='http://www.hotrofm.com/14160.js'type='text/javascript'></script>

Lưu ý: Để hiển thị màu theo ý thích các bạn tìm:

Code:

#00457D

và thay bằng mà màu phù hợp.