v CSS подписи для картинок
Главная » Файлы » Все для uCoz » Cкрипты для ucoz

CSS подписи для картинок
19.06.2010, 12:08

Скачать
Загрузок: 0

Изображения занимают едва ли не ключевую роль в вебдизайне. Существует масса способов оформить картинку, некоторые из них весьма банальны, но есть и такие, которые смотрятся очень интересно. Несколько таких способов мы уже рассматривали ранее, и сегодня я хочу поделиться еще двумя оригинальными вариациями на тему оформления изображений.

Вернее будет сказать, это способ формления больше описания к картинке, чем ее самой, но надо отметить очень эффектный способ.
1. Изображение с постоянно видимым описанием.
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;

}[/code]
Категория: Cкрипты для ucoz | Добавил: nicolaa
Просмотров: 505 | Загрузок: 0 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наша кнопка



Наш опрос
Нужно ли добавлять файлы для других CMS таких как DLE| WP|JM?
Всего ответов: 392
Категории раздела
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

---------------------------------------
[ Кто нас сегодня посетил ]