« Эффект для изображения в вид материала для uCoz »

Описание материала:

Всем привет. Сегодня будет менять или добавлять, в вид материала изображение с красивым эффектом. Данный эффект сделан для сайтов в системе uCoz, но и так же подойдет под другие CMS, так как он сделан только с HTML и CSS. Как работает эффект - при установке его на свой сайт, вы увидите что у изображения в правом нижнем углу появилась иконка глаза, на белом треугольном фоне, а если вы наведете курсор на изображения, то изображение плавно накроет белым оттенком и на нем появится сверху, количество просмотров и комментариев, а так же дата добавления, а под ними ссылка на материал. Что еще хотел сказать, так то, что размер изображение 650x200 и будет располагаться по центру.

Установка:
1. Скачиваем архив с нашего сайта и загружаем папку eff-ie в корень своего сайта
2. Заходим в ПУ - Управление дизайном - выбираем Модуль - Вид материалов и ставим туда где хотим видеть изображение с эффектом, этот код:

Код
<div align="center">
<div class="effect eff-ie">  
<img src="$IMG_URL1$" />
<div class="overlay">  
<div class="icon"></div>  
</div>  
<div class="gradient"></div>  
<div class="caption">
<p> Просмотров: <b>$READS$</b> / Комментарии: <b>$COMMENTS_NUM$</b> / Дата добавления: <b>$DATE$</b> </p>
<a class="btn" href="$ENTRY_URL$" title="$TITLE$">ПЕРЕЙТИ К МАТЕРИАЛУ</a>
</div>  
</div>
</div>

3. Тут же прописываем в самом верху путь к стилям:
Код
<link type="text/css" rel="StyleSheet" href="/eff-ie/eff-ie_style.css" />


Если будут вопросы по данному материалу, пишите на форум в раздел Помощь!


Скачать ( Размер архива 219.3 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Демонстрация

Демонстративная страница или сайт материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 697 | Загрузок: 34


Поделиться в соц. сетях:
Комментариев к материалу: 6
YaVi, круто сделал, молоца.
0
Виктор Ягодин 08.02.2016 в 11:24
Kosten, Спасибо)
0
Владислав 07.02.2016 в 22:46Спам
Полезная штукенция)
1
Виктор Ягодин 07.02.2016 в 22:55
Но не под все дизайны подойдет)
0
Владислав 07.02.2016 в 23:17Спам
это да, но можно и под себя подогнать)
0
Виктор Ягодин 07.02.2016 в 23:21
Можно, но не каждый сможет)
0
avatar