Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
В данном разделе Вы сможете задать любой вопрос который касается uCoz. Если Вы ищите скрипт, то напишите в эту тему, также можете посетить наш раздел веб-мастеров.
Если у пользователя мало гарантий, то советуем провести сделку через гаранта.
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
[FAQ] Наложение текста/водяного знака ПОВЕРХ картинки
Дата: Сб, 07.07.2012, 14:11:35 | Сообщение # 1
Аватарка Enigma
OFF
Премиум
2741 Сообщения:
123 Награды:
53 Отзывы:
Сайт пользователя:
Наложение текста/водяного знака поверх картинки.


[Table]Водяной знак на изображении
В CSS:[/Table]
Code
<style>
.transp-block {     
background: #000 url(Водяной знак.jpg) no-repeat;     
width: 575px;     
height: 335px;     
}     
img.transparent {     
filter:alpha(opacity=75); - Прозачность watermark'a     
opacity:.75;     
}
</style>

[Table]В HTML:[/Table]
Code
<div class="transp-block"><img class="transparent" src="$OTHER1$" alt="" />  </div>



[Table]Надпись на изображении
В CSS:[/Table]
Code
<style>     
.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;     
bottom: 0;     
left: 0;     
width: 555px;     
padding: 10px;     
border-top: 1px solid #999;     
}     
</style>

[Table]HTML:[/Table]
Code
<div class="img-desc">  <img src="$OTHER1$" alt="" />  <cite>Ваша подпись</cite>  </div>
  • Страница 1 из 1
  • 1
Поиск: