Настройки, в НТМЛ верх:
Код:
<!-- 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>
Основной скрипт ставить ниже всех скриптов.
Пример подсказки можно посмотреть на текущем форуме.