Заработок в интернете и раскрутка вашего сайта Четверг, 21.09.2017, 06:16

Меню сайта
Категории раздела
Скрипты для uCoz [119]
Все скрипты uCoz для улучшения Вашего сайта
Статистика

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

Яндекс.Метрика Яндекс цитирования
Главная » Статьи » Скрипты для uCoz » Скрипты для uCoz

Watermark на uCoz, добавление надписи на картинку, рамка на картинку
Всем привет!Сегодня я вам расскажу, как сделать вотермарк картинкой на uCoz'e в трех видах.

Для начала активируем Дополнительно поле #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>

А потом уже встаялем в вид материалов:  
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:


<div class="img-desc">  

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

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

</div>


Категория: Скрипты для uCoz | Добавил: admin (26.02.2014)
Просмотров: 229 | Рейтинг: 0.0/0


Нравится







Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Наш баннер
Мы будем признательны,
если Вы разместите нашу кнопку
у себя на сайте!

Заработок в интернете и раскрутка вашего сайта


Языки
Заработок в интернете и продвижение вашего сайта © 2013-2017
Копирование материалов сайта без согласия запрещено!

Яндекс.Метрика

СЕГОДНЯ НАС ПОСЕТИЛИ:

200