Учим с нуля!
Оставить отзыв · Пожаловаться · RSS
  • Страница 1 из 1
  • 1
Форум » uCoz » Помощь по uCoz » Полоска на картинке (Помогите)
Полоска на картинке
Matebarchuk Оффлайн
Проверенный
0
Дата: Понедельник, 2015-09-21, 18:49 | Сообщение # 1
Парни, хочу сделать такую полоску на картинке в новости, а на ней дата добавления новости.

Полоска с прозрачностью.

Вот нарисовал пример:


Помогите, пожалуйста!

Сайт:

Профиль
uTrojan Оффлайн
Проверенный
19
Дата: Понедельник, 2015-09-21, 19:14 | Сообщение # 2
в стили:
Код
.data-info {position: absolute;background-color: rgba(0,0,0,0.5);color: #FFFFFF;margin-top: -30px;width: 140px;line-height: 30px;}

в div с классом "lnpic", под изображение:
Код
<div class="data-info">$DATE$ в $TIME$</div>
... Но это ведь адекватный человек так поступил бы, а речь идет обо мне.

Профиль
haard Оффлайн
Проверенный
0
Дата: Понедельник, 2015-09-21, 19:15 | Сообщение # 3
После ссылки на картинку добавь
Код

<div class="lnpic">
<img src="$IMAGE$">

<div class="date_back">Добавлено: 25.05.2015</div>

</div>


В свою таблицу стилей добавь

Код

.date_back {
     background-color: rgba(0, 0, 0, 0.52);
     width: 140px;
     font-size: 11px;
     font-family: Tahoma;
     color: #FFF;
     height: auto;
     padding: 3px 5px;
     position: relative;
     bottom: 25px;
}
Профиль
Форум » uCoz » Помощь по uCoz » Полоска на картинке (Помогите)
  • Страница 1 из 1
  • 1
Поиск:
Главная