Поиск:
  • Страница 1 из 1
  • 1
Модератор форума: Senator  
CSS подписи для картинок для uCoz
Дата: Воскресенье, 06.02.2011, 16:55 | Сообщение # 1
Offline
  • Проверенный
  • Up-Rise.Ru
  • 616 Сообщения

Данный хак добавляет к изображениям внизу ленту с его описанием.
Что нужно: Для этого нужно заключить ваше изображение в такой 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;     
}

Сообщение отредактировал: KroJljkee - Воскресенье, 06.02.2011, 16:56
[Table]Помоги!?Напиши Отзыв Или Поставь +[Сик][/Table]
Дата: Воскресенье, 06.02.2011, 18:50 | Сообщение # 2
Offline
  • Премиум
  • Ранг: Генералиссимус
  • 2185 Сообщения
о_О спасибо)
Дата: Воскресенье, 06.02.2011, 18:52 | Сообщение # 3
Offline
  • Проверенный
  • Up-Rise.Ru
  • 616 Сообщения
моржик, Незачто От + не откажусь=)
[Table]Помоги!?Напиши Отзыв Или Поставь +[Сик][/Table]
  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2024 Сайт управляется системой uCoz.