Простая всплывающая подсказка
Автор: kozhilya
html-верх:
<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>
html-низ:
<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>
Стили. Их надо ставить обязательно либо в html-верх, либо в html-низ, либо в "Свой стиль" (в этом случае убрать красные слова). Синие строки не менять.
<style>
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;
}
</style>
Внутри тега работают только теги [b] и [s].
Для тех, кто хочет приукрасить, можно добавить:
<style>
#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;
}
</style>
Теги: mybb, kozhilya, Скрипты, Подсказка