Покрытие изображений сайта заливкой и вотермарком - Скрипты Разное - web мастеру ucoz
Приветствую Вас Прохожий | RSS Понедельник, 20.02.2017, 09:16
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


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



Статистика
Онлайн всего: 7
Гостей: 7
Пользователей: 0



Главная » Файлы » Скрипты для 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

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

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

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

Просмотров: 2539 | Комментарии: 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 Комплексный прогон сайт...

51

2 Нужны дизайнеры

0

3 Вакансия копирайтера/пе...

1

4 Верстка

13

5 Файловик. Уникальные те...

1

6 Продажа ручного рерайта...

0

7 Куплю сайты с трафиком

0

8 Баннер 88х31

11

9 Оцените макет на тему W...

7

10 Оценка картинки

6


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


Комментарии



Copyright UcozOn.ru™ © 2008-2017


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