Форум о создании, продвижении и оптимизации сайтов, рекламе, хостинге, растровой и векторной графики, программировании, о компьютерах и android устройствах
Иногда нам нужно просто подписать изображение на сайте. Это удобно и быстро сделать с помощью CSS. Удобство данного метода заключается в том что - это достаточно быстро, легко и красиво, а так же при желании можно быстро поменять подпись.
Берем изображение которое будем подписывать.
Теперь вставляем его в этот код. Точнее код встраиваем в сайт и прописываем изображение.
Код:
<style> .img-desc {
position: relative;
display: block;
height:335px;
width: 575px;
}
.img-desc cite {
background: #111;
filter:alpha(opacity=55);
opacity:.54;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 554px;
padding: 11px;
border-top: 2px solid #999;
} </style>
<div class="img-desc">
<img src="sampl.jpg" alt="" />
<cite>Подпись к изображению good-surf.ru</cite>
</div>
sampl.jpg - это название моего изображения, вам надо изменить название в коде на свое. Все что между тегами style это свойство подписи, поэтому можно смело менять настройки, делая нужный вид подписи, который идеально впишется в дизайн вашего сайта. Вот так можно за пару минут красиво подписать ваши фотографии. И главное подпись можно поменять так же быстро в любой момент.
Главная страница сайта
Бесплатная доска объявлений
Поиск
Участники
