Главная » Файлы » Ucoz » Скрипты для ucoz
Watermark на uCoz реально??
29.08.2010, 00:15
Всем привет! Сегодня я вам расскажу как сделать вотермарк картинкой на uCoz'e в трех видах:
- Эффект рамки для изображения. Пример
- Водяной знак на изображении. Пример
- Подпись к изображению. Пример

Установка:

Для начала активируем Дополнительное поле #1.Потом идем в замена стандартных надписей - Добавление в модуль новости - и меняем Дополнительное Поле 1 на URL Изображения.
Эффект рамки для изображения:
Потом идем в вид материалов новостей:
В самый верх вида материалов вставляем,или вставляем в любое место в CSS.

Code
<style>.frame-block {   

position: relative;   

display: block;   

height:335px;   

width: 575px;   

}   

.frame-block span {   

background: url(Ваша рамка.png) no-repeat center top;   

height:335px; - Размеры   

width: 575px; - Размеры   

display: block;   

position: absolute;   

}   
</style>

А потом уже вставляем в вид материалов:

Code

<div class="frame-block">   

<span> </span>   

<img src="$OTHER1$" alt="" />   

</div>

Водяной знак на изображении:
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>

Подпись к изображению:
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>
Вот и всё. Автор данного скрипта не я так что не несу не какой ответственности.
Категория: Скрипты для ucoz | Добавил: Admin | Теги: Watermark uCoz реально??
Просмотров: 659 | Загрузок: 0 | Рейтинг: 4.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Меню

Раскрутка сайта
Категории раздела
Шаблоны для ucoz [13]
Скрипты для ucoz [56]
Иконки для ucoz [1]
Кнопки для ucoz [2]
Видеоуроки для ucoz [1]
Статьи про ucoz [0]
Шапки для ucoz [12]
Ранги для ucoz [6]
Шаблоны для форума [0]
Psd Баннеров [1]
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
    • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0