[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Другое » Скрипты для ucoz » Watermark на uCoz реально?? ((Теперь да, при правильной настройке!))
Watermark на uCoz реально??
FOXARДата: Воскресенье, 03.01.2010, 14:34 | Сообщение # 1
Сообщений: 43
Репутация:
[ 1 ]
Награды: 0
Статус: Offline
Всем привет!Сегодня я вам росскажу как сделать вотермарк картинкой на uCoz'e в трех видах:
- Эффект рамки для изображения. http://i046.radikal.ru/0912/37/39e619f2779c.jpg
- Водяной знак на изображении. http://i037.radikal.ru/0912/e2/4b3ca8b68af3.jpg
- Подпись к изображению. http://s54.radikal.ru/i146/0912/de/6751ebce3385.jpg

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

А потом уже встаялем в вид материалов:
Код:
<div class="frame-block">

<span> </span>

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

</div>

Водяной знак на изображении:
CSS:

Код:
<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:
Код:
<div class="transp-block">

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

</div>

Подпись к изображению:
CSS:
Код:
<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:

Код:
<div class="img-desc">

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

<cite>Ваша подпись</cite>

</div>

НАСЛАЖДАЙТЕСЬ СВОИМ ТВОРЕНИЕМ!!!


Ищу работу файловика! Очень нужны деньги! 50коп!



 
Форум » Другое » Скрипты для ucoz » Watermark на uCoz реально?? ((Теперь да, при правильной настройке!))
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Новый информер комментарии для ucoz как на Dle (0)
[Скрипты для ucoz]
Голубая кнопка вверх для Ucoz (0)
[Скрипты для ucoz]
Статистика кто посетил в красивом стиле для uCoz (0)
[Скрипты для ucoz]
статистика CW (0)
[Скрипты для ucoz]
Радио для сайта (0)
[Скрипты для ucoz]
новый вид статистики для ucoz скрипт (0)
[Скрипты для ucoz]
Новый Мини профиль (0)
[Скрипты для ucoz]
Дизайн формы поиска для стандартных шаблонов системы uCoz (0)
[Скрипты для ucoz]
Статистика для форума (0)
[Скрипты для ucoz]
Красивая форма поиска для юкоз (0)
[Скрипты для ucoz]
Набор Администраторов! (17)
[KonWarez]
Игра "Прибавь 7" (10)
[Форумные игры]
Что вы слушаете в данный момент? (10)
[Музыка]
Клан CS под Начальством Cleatora (10)
[Корзина]
считаем до 100 (8)
[О разном]
Общаемся на любые темы (8)
[О разном]
Раздача ICQ от Creator (7)
[Корзина]
онлайн игры? (6)
[Корзина]
Баги, ошибки на сайте (6)
[KonWarez]
http://clan-gaming.do.am/ (6)
[Корзина]

Creator

2wey

mystiQ

FOXAR

Dj-Romik

NeAdmin

Avatar

Zefod

Mouse

Speed

adminka

Forest

c-ronaldo

Nooble

Psych0
anniannyta14:41
Mudrez77718:08
Angelinajolibig21:13
zerrro19:20
Georgegox07:17
qaqaqaqaqa14:07
dnvjfnvjkfnb14:04
GGG23:44
maksim643414:04
Nikol5518:04
Terratron16:58
upyruga23:49
Wilander14:58
kmaers02:36
frogfrog16:07


Хостинг от uCoz