Побродив по просторам инета ,нашел интересную реализацию подсказок.Использование CSS преобразования, границ, радиуса и SVG формы и получаются интересные подсказки.Всплывающие подсказки обычно используются для предоставления какой-то дополнительной информации, и они могут быть найдены почти на каждом сайте. Эти крошечные маленькие помощники предлагают большие возможности добавить некоторых уникальных эффектов для любой конструкции.
Итак приступим.
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
,распаковываем и заливаем в папку с вашим шаблоном папки css,fonts,img.
2.Подключаем в хеад стиль
<link rel="stylesheet" type="text/css" href="{{tpl_url}}/css/tooltip-box.css" /><span class="tooltip tooltip-effect-2"><span class="tooltip-item">здесь обьект на который вешаем подсказку</span><span class="tooltip-content clearfix"><img src="здесь картинка подсказки" /><span class="tooltip-text">здесь текст подсказки</span></span></span>
Можешь почитать и вот эту статейку "Прелоадер с затемнением фона"
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.