Пятница, 22.09.2017, 02:06
Приветствую Вас Гость

Каталог файлов

Главная » Файлы » UCOZ » Скрипты

CSS подписи для картинок сайтов uCoz
15.05.2010, 13:15

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

Установка: Для этого нужно заключить ваше изображение в такой div:

Code

<div class="img-desc">  
  <img src="sample.jpg" alt="" />  
  <cite>Симпатичный диванчик. Устраивайтесь по-удобнее... </cite>  
  </div>


И прописать в css данный код:

Code
.img-desc {  
position: relative;  
display: block;  
height:335px;  
width: 575px;  
}  
.img-desc cite {  
background: #111;  
filter:alpha(opacity=55);  
opacity:.55;  
color: #fff;  
position: absolute;  
bottombottom: 0;  
leftleft: 0;  
width: 555px;  
padding: 10px;  
border-top: 1px solid #999;  
}

Категория: Скрипты | Добавил: AvAtAr | Теги: ucoz скрипты, скачать скрипты для ucoz, лучшие скрипты для uCoz, скрипты для ucoz, бесплатные скрипты для ucoz
Просмотров: 169 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]