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


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



Статистика
Онлайн всего: 11
Гостей: 10
Пользователей: 1
frolov1028



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

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

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

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

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

2

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

51

3 Файловый Менеджер - Выс...

2

4 Календарь

0

5 В каких интернет магази...

9

6 Куплю сайт торговой орг...

0

7 400 рублей на аккаунт =...

6

8 Предлагаю проверенный з...

5

9 Заработай на партнёрств...

4

10 Изображение в CSS

0


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


Комментарии



Copyright UcozOn.ru™ © 2008-2017


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