Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Появляющийся блок с текстом или чем угодно на картинке
Появляющийся блок с текстом или чем угодно на картинке
workman
Дата: Вторник, 01.03.2016, 07:28 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


Делал для себя и вот решил поделиться с вами данным произведением, при наведении курсора на картинку появляется блок, в который вы можете вставить например кнопки соц сетей или просто текст.

Если кто знает как работать со стилями CSS то можете настроить под себя. А пока смотрим демо работы данного кода

CSS
Код
.gde31rudel {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.gde31rudel .desc {
  display: none;
}
.gde31rudel:hover .desc {
  background-color: #fff;
  display: block;
  margin: 0;
  color: #ff0000;
  font-size: 12px;
  padding: 10px;
  filter: alpha(opacity=75);
  opacity: .75;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

HTML
Код
<div class="gde31rudel">
  <img border="0" height="300" width="300" src="http://gde31.ru/images/Vykusi.jpg" />
  <div class="desc">Здесь можно поместить текст или кнопки соц сетей</div>
</div>


Прикрепления: 7979876.png(95Kb) · 2501736.png(94Kb)


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...

Сообщение отредактировал workman - Вторник, 01.03.2016, 09:11
Kosten
Дата: Вторник, 01.03.2016, 11:44 | Сообщение # 2
Администраторы
Сообщений:12675
Награды: 39


Изображение уникальное. biggrin

workman
Дата: Вторник, 01.03.2016, 12:02 | Сообщение # 3
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
Изображение уникальное.

Что первым попалось то и поставилось ... biggrin


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Вторник, 01.03.2016, 17:36 | Сообщение # 4
Администраторы
Сообщений:12675
Награды: 39


Цитата workman ()
Что первым попалось то и поставилось

Зато все сразу понятно, лишних вопросов не будет.)


Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Появляющийся блок с текстом или чем угодно на картинке
Страница 1 из 11
Поиск: