Вторник, 27.10.2020, 15:16
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта

Наш опрос
Каким EMAIL Вы пользуетесь?


Всего ответов: 295

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 173
Гостей: 173
Пользователей: 0


Зарегистрировано 31003 (сегодня + 0 новых, вчера + 1 новых), В каталоге файлов 1130 материала(ов), Оставлено 5154 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Поиск



установить такую кнопку twitter
или такую
красивая кнопка Twitter

Расскажи Друзьям!
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [28.03.2010, 03:39]

Watermark на uCoz, добавление надписи на картинку, рамка на картинку

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]



 



Всем привет!Сегодня я вам росскажу как сделать вотермарк картинкой на 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>
Идея взята: ruseller.com


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Watermark на uCoz, добавление надписи на картинку, рамка на картинку



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: добавление надписи на картинку, Watermark на uCoz, рамка на картинку
Просмотров: 10818 | Загрузок: 0 | Комментарии: 5 | Рейтинг: 0.0/0


Всего комментариев: 5
5 Almaz   (11.05.2014 12:25) [Материал]
Вообще бредятина какая-то...

4 ADMIN1983   (08.05.2013 20:36) [Материал]
У меня не работает !!!! angry angry

3 On-gap   (18.04.2011 14:08) [Материал]
Atlantis, зайдёшь в панель управления=>замена стандартных надписей=>ФОРМА ДОБАВЛЕНИЯ МОДУЛЯ "НОВОСТИ САЙТА". Жмёшь и там Дополнительное поле1. По-моему так. biggrin

2 Atlantis   (08.09.2010 16:23) [Материал]
а что за дополнительное поле номер 1?

1 spree   (15.05.2010 04:27) [Материал]
Там где писали код там все перепуталось и тяжело понять где что!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz