Покрытие изображений сайта заливкой и вотермарком
Наложение вотермарка выполняется тем что картинка покрывается png прозрачным изображением, что защищает изображение от копирование и показывает сам вотермарк который вы рисуемые сами какой хотите и каких размеров угодно.
Установка.Скачиваем архив
Каталог файлов \ настройка модуля
Заходим как на скриншоте.
*Примечание! Если у вас на сайте есть файлы которые были залиты с помощью $IMAGE|$ с этим скриптом будет баг.
Далее: Каталог файлов \ Вид материалов
Находим строчку вроде этого:
Code
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?><div class="eDetails" style="clear:both;">
Перед ней вставляем:
Code
<ul class="gallery">
<li><span></span><div align="center"><img width="454" neight="340" src="$SCREEN_URL$" alt="image" /></div></a></li>
</ul>
Дальше вставляем в самый низ вида материалов:
Code
<style type="text/css">
/* ---------- gallery styles start here ----------------------- */
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
margin: 15px 10px;
padding: 0 12px;
float: left;
position: relative;
width: 454px;
height: 340px;
background: url(/images/drop-shadow.png) no-repeat center bottom;
}
.gallery img {
background: #fff;
border: solid 1px #ccc;
border-bottom: none;
}
.gallery a:hover img {
border-color: #000;
}
.gallery span {
width: 454px;
height: 340px;
display: block;
position: absolute;
top: 0px;
left: 12px;
background: url(/images/glossy-gradient.png) no-repeat;
}
.gallery a {
text-decoration: none;
}
</style>
Всё! Файл glossy-gradient.png редактируйте сами
Если хотите что бы в Страница материала и комментариев к нему был такой же эффект То делаем следующие
Находим:
Code
<tr><td class="eText" colspan="2">$MESSAGE$</td></tr>
Перед ним вставляем:
Code
<ul class="gallery">
<li><span></span><div align="center"><img width="454" neight="340" src="$SCREEN_URL$" alt="image" /></div></a></li>
</ul>
Не забудьте залить в папку images картинки которые в архиве!
Автор: bulliden
Меню сайта
Меню сайта
