Приветствую Вас Прохожий | RSS Суббота, 03.12.2016, 07:36
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 3
Гостей: 2
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Покрытие изображений сайта заливкой и вотермарком

Покрытие изображений сайта заливкой и вотермарком Покрытие, изображений, сайта, заливкой, и, вотермарком
Покрытие изображений сайта заливкой и вотермарком
Наложение вотермарка выполняется тем что картинка покрывается 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

Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.

Дополнительные скрины:
Покрытие изображений сайта заливкой и вотермарком

Просмотров: 2499 | Комментарии: 2 | Рейтинг: 3.0/4 | |Категория: Скрипты Разное | Добавил: мир | Дата: 19.01.2011 | Скачали: 1 | Теги: изображений, вотермарком, заливкой, сайта, покрытие
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
1 1118502   Дата: 19.01.2011  Время: 18:44   [№ 6020]
А если дополнительное поле будет,все получиться?

2 ahar13   Дата: 19.01.2011  Время: 20:35   1 [№ 6027]
да, только надо вмесо $SCREEN_URL$ вставить код дополнительново полья


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru