• Регистрация
  • Вход
MENU
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Обо всём » Собираем скрипты » Всплывающий текст на изображении (Всплывающий текст на изображении при наведении на него мышко)
Всплывающий текст на изображении
artnovДата: Среда, 18.04.2018, 21:03 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 150
Награды: 0
Репутация: 0
Статус: Offline
Код
<style>
.text_my {display:none;}
span:hover {word-spacing: 0}
span:hover .text_my {
width: 160px;
padding: 10px;
text-align: center;
height: 30px;
background: #121b2c;
opacity: 0.85;
font-size: 14px;
display: block;
position: absolute;
margin-top: -50px;
border-radius: 0 0 10px 10px;
color: white;
}
</style>
<span><img src="http://novickiy.ru/_ph/2/2/37827014.jpg" alt="Всплывающий блок" />
<span class="text_my">
<script type="text/javascript">(function(w,doc) {
if (!w.__utlWdgt ) {
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div class="ya-share2" data-services="collections,viber,whatsapp,telegram"></div></span >
</span>
 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
Форум » Обо всём » Собираем скрипты » Всплывающий текст на изображении (Всплывающий текст на изображении при наведении на него мышко)
  • Страница 1 из 1
  • 1
Поиск: