• Страница 1 из 2
  • 1
  • 2
  • »
Форум » Веб-разработка » HTML + CSS — коды » Красивый эффект картинки от сайта ZorNet.ru (Потрясающих эффектов для изображений с помощь HTML, CSS)
Красивый эффект картинки от сайта ZorNet.ru
Kosten
Воскресенье, 29 Апреля 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Создаем красивый эффект для изображений на своем сайте. Вы просто делаете или оформляете задание или статью, но когда скрипта нет или не работает, то эффекта также нет. Но когда все работает, вы можете скопировать любое изображение на рабочий стол и оно таким и останется.

Установка:

Ставим с страницы сайта. Йа поставил в верх Общий вид страница пользователя, теперь на форуме такой эффект изображение!

Код
<head> <script type="text/javascript" src="http://zornet.ru/CSS-ZORNET/TR/glossy.js"></script></head>


Заливаем скрипт из архива в корень сайта (Через файловый менеджер)

Теперь саме интересное:

Код
<img class="glossy" src="ВАША ССЫЛКА НА КАРТИНКУ">


Этот код вставляем туда, где хотим видеть картинки под стеклом

Скачать: Доступно только для пользователей

ДО ПРЕОБРАЗОВАНИЯ



ПОСЛЕ ПРЕОБРАЗОВАНИЯ

Страна: (RU)
Kosten
Воскресенье, 29 Апреля 2012 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Кому надо закруглить картинки, можете здесь, от вас ссылка на картинку ставим ее в этот скрипт, и добавляем на форум в этой теме в ответ. Потом копируем, готовый аварат.

Код
<img class="glossy" src="ВАША ССЫЛКА НА КАРТИНКУ">


Жмем (Добавить ответ ) и все на вашей картинке появились тени с закругленными углами.
УДАЧИ.
Страна: (RU)
๖ۣۜInspire
Воскресенье, 29 Апреля 2012 | Сообщение 3
Оффлайн
Vip
Сообщений:598
Награды: 3




Моё портфолио
Страна: (RU)
Kosten
Воскресенье, 06 Мая 2012 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Прикрепления: 5696728.gif (135.8 Kb)
Страна: (RU)
Kosten
Четверг, 07 Июня 2012 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Страна: (RU)
Kosten
Воскресенье, 10 Июня 2012 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
2
Страна: (RU)
Kosten
Четверг, 21 Июня 2012 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Все правильно, не уч то ток админ имеет право, да не должно по идей быть! wacko
Страна: (RU)
Delete
Четверг, 21 Июня 2012 | Сообщение 8
Оффлайн
Проверенные
Сообщений:1079
Награды: 7
Kosten, а почему у меня не выходило ? dry вроде тот же ксс dry

На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Понедельник, 02 Июля 2012 | Сообщение 9
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
N_O_O_B, если тебе для сайта, то

Создаем красивый эффект для изображения, который заключается в скругленных краях, стеклянном эффекте и отбрасывании тени картинкой.

Установка:

Ставим с страницы сайта. Йа поставил в верх Общий вид страница пользователя, теперь на форуме такой эффект изображение!

Код
<head> <script type="text/javascript" src="http://zornet.ru/CSS-ZORNET/TR/glossy.js"></script></head>


Заливаем скрипт из архива в корень сайта (Через файловый менеджер)

Теперь саме интересное:

Код
<img class="glossy" src="ВАША ССЫЛКА НА КАРТИНКУ">


Этот код вставляем туда, где хотим видеть картинки под стеклом

Скачать: Доступно только для пользователей
Страна: (RU)
Kosten
Среда, 14 Ноября 2012 | Сообщение 10
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
С перестановкой забыл файл залить что б углы округлять!
Страна: (RU)
Kosten
Вторник, 25 Декабря 2012 | Сообщение 11
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Прикрепления: 3743631.jpg (72.7 Kb)
Страна: (RU)
Kosten
Вторник, 25 Декабря 2012 | Сообщение 12
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Прикрепления: 6554936.png (13.0 Kb)
Страна: (RU)
Kosten
Вторник, 25 Декабря 2012 | Сообщение 13
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Прикрепления: 8866487.png (1.8 Kb) · 7166063.png (1.8 Kb)
Страна: (RU)
Kosten
Четверг, 10 Января 2013 | Сообщение 14
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Страна: (RU)
Kosten
Суббота, 12 Января 2013 | Сообщение 15
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Прикрепления: 7384006.png (66.1 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Красивый эффект картинки от сайта ZorNet.ru (Потрясающих эффектов для изображений с помощь HTML, CSS)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: