Скачать программы бесплатно


Скачать программы для твоего компьютера без регистрации и отправки смс
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Скрипты для uCoz » Другие скрипты для uCoz » CSS подписи для картинок
CSS подписи для картинок
GANGSTERДата: Суббота, 19.03.2011, 6:23:59 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 286
Награды: 0
Репутация: 0
Статус:

HTML - заключаем картинку и описание в div и прописываем class="img-desc"

Вот сам код:

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;     
}    
 
Форум » Скрипты для uCoz » Другие скрипты для uCoz » CSS подписи для картинок
Страница 1 из 11
Поиск:



Хостинг от uCoz
Хостинг от uCoz