Описание материала:
Всем привет. Сегодня будет менять или добавлять, в вид материала изображение с красивым эффектом. Данный эффект сделан для сайтов в системе 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" />
Если будут вопросы по данному материалу, пишите на форум в раздел Ucoz!
![Система - Windows 7 Максимальная Ru x86-x64 Orig w. BootMenu by OVGorskiy® 12.2015 (32/64 bit) 1DVD [Rus].](/_ld/0/73547017.jpg "Windows 7 Максимальная Ru x86-x64 Orig w. BootMenu by OVGorskiy® 12.2015 (32/64 bit) 1DVD [Rus].")
К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!