Настройки, в НТМЛ верх:

Код:
<!-- TooltipsyNew 3.2. НТМЛ верх -->
<style>
/* ===== TooltipsyNew++ ===== */
.tooltipsynew {
  position: fixed;
  z-index: 100001;
  font-family: 'Lucida Grande';
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: white;
  background: #006597;
  border: 1.4px solid #006597;
  border-radius: 4px;
  padding: 0px 6px 1px;
  pointer-events: none;
  transform: scale(.96);
  white-space: normal;
  transition: opacity 0.15s ease;
  opacity: 0;
  max-width: var(--tts-maxw, 360px);
}

.tooltipsynew.show {
  opacity: 1;
  transform: scale(1);
}

.tts-hide-before::before,
.tts-hide-after::after {
  opacity: 0 !important;
  transition: opacity 0.08s linear;
}

.tooltipsynew {
  pointer-events: none;
  opacity: 0;
}

.tooltipsynew.show {
  pointer-events: auto;
  opacity: 1;
}

.tooltipsynew.show a {
  text-shadow: 2px 2px 2px #D46400;
  color: white;
}

.tipsy {display: none !important;}
</style>
<script>
window.TOOLTIPSYNEW = {

  offsetX: 12,            // смещение по X
  offsetY: 18,           // смещение по Y
  edgePadding: 10,       // отступ от края экрана
  showDelay: 1,        // задержка показа (мс)
  hideDelay: 0,         // задержка скрытия (мс)
  maxWidth: 360,         // максимальная ширина

  /* с каких атрибутов берется текст и перехватывается */
  sourceAttributes: [
    'title',
    'data-tts-title',
    'data-tts-original',
    'data-tts-html',
    'aria-label',
    'original-title'
  ],

  /* Псевдоэлементы, с которых берем текст */
  pseudoFrom: [
    { selector: '.pa-posts', pseudo: 'before' },
    { selector: '.pa-fld3',    pseudo: 'before' }
  ],

  /* разрешено показывать tooltip на мобильных */
  allowOnTouch: '.fn-ref, abbr',

/* Псевдоэлементы, на которых разрешено показывать tooltip на мобильных */
pseudoFromAllowOnTouch: [
  { selector: '.pa-posts', pseudo: 'before' },
  { selector: '.pa-fld3', pseudo: 'after' }
],

  /* разрешить HTML внутри */
  allowHTML: true,

  /* временно убираем перечисленные атрибуты */
  disableExternalOnAttributes: true,

// селектор для элементов, у которых атрибуты не удаляем
  disableExternalExceptions: '.quote-after'
};
</script>

Основной скрипт, в НТМЛ низ:

Код:
<!-- TooltipsyNew 3.2. НТМЛ низ -->
<script type="text/javascript" src="https://forumstatic.ru/files/001a/ad/c5/36100.js"></script>

Основной скрипт ставить ниже всех скриптов.

Пример подсказки можно посмотреть на текущем форуме.