CSS подписи для картинок сайтов uCoz

Привет, Гость!

Регистрация

Страница 1 из 1
1

Torres_1_

Дата: Воскресенье, 08.08.2010, 19:10 | Сообщение # 1

Генералиссимус

Группа: Администраторы

Сообщений: 2124

Награды: 0

Репутация: 12

Статус: Offline

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

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

Код

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

CSS подписи для картинок сайтов uCoz

Страница 1 из 1
1

Навигация

Развлечения

Новое на форуме

Всплывающий мини-профиль для uCoz

(0)

Всплывающее окно ajax - Оповещение о ЛС - Новое персональное

(1)

Многофункциональный мини-профиль для uCoz

(1)

Корпус водяного насоса.Чертёж формат А1

(2)

Вопросы для экзамена по предмету "ТО автомобилей"

(3)

Кнопка Вверх для сайта

(1)

Переработанный всплывающий мини-чат для uCoz

(7)

Экономическая теория

(0)

Флеш часы на сайт

(0)

Новогодние флеш часы на сайт

(0)

Опрос

Общение

Загрузка…

Статистика

Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33

Друзья сайта

Возможен баннерообмен 81х31.Писать ЛС.