Пример

Хтмл-верх:

Код:
<script>FORUM.set('editor.title', {name:'Всплывающая подсказка',onclick:function() { tag_title() }});</script>
<style>td#button-title { background-image:url('http://www.iconsearch.ru/uploads/icons/crystalclear/16x16/edit_add.png'); }</style>

Хтмл-низ:

Код:
<script>$("div.post .post-content:contains('\[title')").each(function (){ $(this).html($(this).html().replace(/\[title=([^\]]*?)\]((?:.(?!\[\/title\]))*.)\[\/title\]/mg,'<acronym title="$1">$2</acronym>'))});
function tag_title() { if (a = prompt('Введите текст подсказки', '')) { bbcode('[title='+a+']','[/title]')}}</script>
<script src="https://forumstatic.ru/files/0010/74/32/89504.js">
</script>

КСС:

Код:
acronym {
  border-bottom: 1px dotted;
  cursor: help;
}
div#qTip {
  padding: 3px;
  border: 1px solid #666;
  display: none;
  background: #999;
  color: #FFF;
  font: bold 9px Verdana, Arial, sans-serif;
  position: absolute;
  z-index: 1000;
}
#qTip {
background-color:#BFB4A2!important;
padding:9px 10px 12px 10px!important;
font-size:12px!important;
opacity:0.8;
margin:2px 4px;
text-shadow:#000 1px 1px 2px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;

    box-shadow: 0px 2px 8px #000;
    -webkit-box-shadow: 0px 2px 8px #000;
    -khtml-box-shadow: 0px 2px 8px #000;
    -moz-box-shadow: 0px 2px 8px #000;
}