Файлы Скрипты и модификации

Картинка с описанием на странице контента uCoz

Описание:
Нам необходимо на странице с контентом, в нужное место установить контейнер div, в который мы помещаем ссылку на изображение и тег span, в котором прописываем комментарий к изображению:
Код
<div class="content_img">  
  <img alt="пример новости в демо" title="картинка новости "src="img/primer_img_news.jpg">  
<span>описание картинки</span>  
</div>

Теперь всё, что нам необходимо, так это прописать нужные css стили нашему html шаблону выше:
Код
/* Описание под картинкой  
------------------------------------------*/  
.content_img {  
  width:160px;  
  float:right;  
  display:block;  
  text-align:center;  
  background: #f6f6f6;  
  outline: 1px solid #D0D0D0;  
  border: 1px solid #fff;  
  padding: 5px 5px 5px 5px;  
  margin: 0px 2px 5px 20px;  
}  

.content_img img {  
  margin: 3px 0px 3px 0px;  
}  

.content_img span {  
  color:#777;  
  font: 10px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #fff;  
}

Обратите внимание, что в данном примере, контейнер div будет размещён с правой стороны вашего контента, для отображения с левой стороны контента, вам необходимо установить этот стиль:
Код
/* Описание под картинкой  
------------------------------------------*/  
.content_img {  
  width:160px;  
  float:left;  
  display:block;  
  text-align:center;  
  background: #f6f6f6;  
  outline: 1px solid #D0D0D0;  
  border: 1px solid #fff;  
  padding: 5px 5px 5px 5px;  
  margin: 0px 20px 5px 0px;  
}  

.content_img img {  
  margin: 3px 0px 3px 0px;  
}  

.content_img span {  
  color:#777;  
  font: 10px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #fff;  
}

На этом всё, спасибо за внимание !
Источник: center-dm.ru
Загрузка данных...
Материал «Картинка с описанием на странице контента uCoz» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Наш опрос
Оцените мой сайт
699 ответов
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
© 2012-2020 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны