Всплывающие подсказки

голоса: 0
Скажите как поменять и сделать красивый вид подсказак на все ссылки или картинки ну на все title где только не искал ну там просто на одну ссылку ну тобишь на каждую ссылку надо встовлять класс и т.д.   Подскажите как  сделать или где найти такой скрипт?
Адрес сайта http://jil.su/
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Вопросы новичков
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Я и говорю мне сейчас все ссылки переделовать что бы оно работало? Есть для всех?
да. нужно редактировать ссылки
Jil,

Для всех можно сделать так, пользуемся решением https://webmaster-ucoz.ru/files/scripts/podskazka_pri_navedenii_na_ssylku_kak_vk_tjomnogo_cveta/1-1-0-515 

  • По инструкции выполняем первый и второй пункт, а вместо последнего 3-го, в глобальный блок нижняя часть сайта в самый низ установите скрипт:

<script type="text/javascript">
 $(document).ready(function(){
 $('a').addClass('tooltip');
});
</script>

готово, автоматически для всех ссылок на сайте и без прописывания вручную класса.

Yuri_Geruk,
все сделал как Вы сказали но не работает....
Jil,
Проверил, увы, в данном случае нужно и  стили переписывать и скрипт дорабатывать, универсального решения для вас нет. Или же как вариант попробовать решение https://yraaa.ru/publ/3-1-0-608
Yuri_Geruk,
Ладно, Спасибо большое за ответы, попробую еще порыскать в других местах может кто где поможет.
Yuri_Geruk,

Не думал что так получится быстро но вот нашол что может кому понадабится: 

В самый низ ставим:

 

 <script type="text/javascript" src="http://jil.su/js/spod.js"></script>  

А в CSS:

 .easyTooltip {  padding: 5px 8px;  background: rgba(60,60,60,0.7);  font: 12px/11px Calibri, Arial, Helvetica, sans-serif;  color: #fff;  font-style: italic;  line-height: 14px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  -khtml-border-radius: 5px;  border-radius: 5px;  }  #easyTooltip {  background: url(/hint/tooltip.png) no-repeat left center;  padding-left: 5px;  position: relative;  z-index: 999;  }

Простенькая но для всех ссылок ;) 

...