Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
В данном разделе Вы сможете задать любой вопрос который касается uCoz. Если Вы ищите скрипт, то напишите в эту тему, также можете посетить наш раздел веб-мастеров.
Если у пользователя мало гарантий, то советуем провести сделку через гаранта.
  • Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: -SAM-  
Как сделать рамку вокруг скриншота в виде материалов?
Дата: Сб, 07.07.2012, 00:18:04 | Сообщение # 16
Аватарка M0DDII
Епти я не ВАНГА
OFF
Постоянный
888 Сообщения:
150 Награды:
29 Отзывы:
Quote (-SAM-)
накладка картинки поверх картинки.

это как объясни пожалуйста

Отец проверяет дневник сына: физика-2, химия-2, истрия-2, литература-2, пение-5
- Господи, этот дебил еше и поет....
Дата: Сб, 07.07.2012, 00:36:25 | Сообщение # 17
Аватарка Enigma
OFF
Премиум
2741 Сообщения:
123 Награды:
53 Отзывы:
Сайт пользователя:
LugeP, Это что-то по типу "рамки", она же также "накладывается" на скрин, а тут тоже самое, только надпись. Т.е. если у тебя захотят взять картинку, то на ней не будет твоей надписи.
Вот собственно код:
В css:
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>


html:
Code
<div class="img-desc">  <img src="$OTHER1$" alt="" />  <cite>Ваша подпись</cite>  </div>




Водяной знак на изображении: CSS:

CSS:
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>

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


Сообщение отредактировал Алексей - Сб, 07.07.2012, 00:48:31
Дата: Вс, 08.07.2012, 03:10:00 | Сообщение # 18
Аватарка M0DDII
Епти я не ВАНГА
OFF
Постоянный
888 Сообщения:
150 Награды:
29 Отзывы:
Спасибо шас попробую
можете закрыт тему

Отец проверяет дневник сына: физика-2, химия-2, истрия-2, литература-2, пение-5
- Господи, этот дебил еше и поет....
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: