Отражение картинки


Пример на DLE

Этот скрипт позволяет добавлять к вашим изображениям отражение в стиле Web 2.0.

Пример:

Отражение картинки


Скачиваем хак с оф. сайта https://cow.neondragon.net/stuff/reflection/

Загружаем reflection.js на свой сайт и добавляем код
<script type="text/javascript" src="reflection.js"></script>

в свою веб-страницу.

Этот же код добавляем для вашего изображения (class="reflect")

Пример:
<img src="http://cmsassistant.net/templates/Simple/img/logo.gif" class="reflect">


Еще вы можете регулировать размер и прозрачность отражения.
rheight - размер отображения
ropacity - прозрачность отражения

Пример:
<img src="http://cmsassistant.net/templates/Simple/img/logo.gif" class="reflect rheight30 ropacity15">


Данный скрипт был протестирован в браузерах: Internet Explorer 6.0, Mozilla Firefox 3.0.6, Opera 10 и Safari 4 Beta

Так же вы можете применить этот хак в профиле или комментариях...

Для этого нужно сделать:
Открываем templates/comments.tpl (для комментариев) или открываем templates/userinfo.tpl (для профиля)
Ищем строчку которая отвечает за аватар:

<img src="{foto}" border="0"


заменяем на это

<img src="{foto}" border="0" class="reflect rheight51 ropacity37" />


Еще не забываем что можно изменить параметры rheight и ropacity


dle картинки Web 2.0
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 2515
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация