Главное меню

Компоненты Joomla

Соцсети и месcенджеры на сайте Джумла
21 Май 2018 22:20 - Super UserСоцсети и месcенджеры на сайте Джумла

Наверное не стоит недооценивать в наше богатое общением в соцсетях [ ... ]

Antivirus Website Protection-компонент безопасности
16 Май 2018 23:00 - Super UserAntivirus Website Protection-компонент безопасности

Antivirus Website Protection-компонент безопасности онент [ ... ]

Egoltlike-master - плагин и модуль для лайков
06 Май 2018 22:49 - Super UserEgoltlike-master - плагин и модуль для лайков

Интересно сайте обратную связьпользователями [ ... ]

DJ-ImageSlider v3.1.2 - слайдер изображений
26 Янв 2017 22:23 - Super UserDJ-ImageSlider v3.1.2 - слайдер изображений

Кто пользуется слайдером айс карусель на джумле 3.0-3.6 тот наверно почувствовал [ ... ]

Другие настройки

Личная ПРОСЬБА

Приму в подарок плагин JomDefender для Joomla-3

 послать на   joomla-prosto@yandex.ru

 Если кому-то на нашем сайте попадался модуль со встроенными ссылками, прошу написать на выше указанную почту или в контакты нажав эту кнопку. Это нужно нам всем!

  

 

 

 

 


 

 Скачивайте Комплект видео уроков по строительству сайтов на Joomla 3.0 с управлением из одного меню совершенно бесплатно. Просто пожелайте мне здоровья и удачи. До встречи, Олег. 


 

Анимированные кнопки или...

Иногда на некоторых сайтах, в том числе и на нашем можно увидеть интересные анимированные рисунки или кнопки, которые причудливо меняются при наведении на них курсора мышки. Все это очень похоже на анимацию, хотя к анимации в большинстве случаев не имеет никакого отношения. Вы сами можете сделать на своем сайте такие вещи, притом это не составит большого труда. Все что Вам нужно, это удачно подготовить два рисунка одного и того же объекта.

Давайте возьмем для примера вот такую кнопку с фарой.

В первом случае кнопка имеет более объемную форму и темное стекло фары, имитирующее её выключенное состояние - это первый рисунок нашей анимации.

Во втором случае рисунок имеет более плоский вид и ярокое светлое стекло фары, имитирующее её включенное состояние. Следует заметить, что оба рисунка должны быть абсолютно одинаковых размеров. Делаются такие изображения в фотошопе или в векторных редакторах с экспортом в файлы с расширением PNG без фона. В последнее время есть не мало онлайн сервисов по рисованию кнопок. Они могут быть использованы даже совершенно неподготовленными пользователями. Нужно просто изготовить две чем-то отличающиеся кнопки. Теперь давайте рассмотрим то, как сделать вывод обоих рисунков в одном материале. Открываем страницу создания материала, заполняем все поля и нажав на кнопку изображение выбираем первый рисунок.

Рисунок 3  к статье

Затем кликнув по рисунку открываем вкладку "дополнительно" в окне "Параметры изображения". Устанавливаем галочку в строку Альтернативное изображение. В графу "При наведении" ставим путь ко второму рисунку. В графу "В покое" ставим путь к первому рисунку. В первых двух вкладках прописываем описание и все остальные параметры, так же как мы делаем по отношению к любому рисунку на сайте. Всё. Сохраняем материал и обновив страничку смотрим на наш рисунок. Пробуем навести на него курсор и...

фара включается ярким светом. Вот, собственно и весь секрет. На этом я заканчиваю свой короткий отчет о том как сделать на сайте простую анимацию замещением рисунков. До встречи. Олег.


 


Если эта статья показалась вам полезной, пожалуйста, проголосуйте за нее. Это поможет другим быстрее найти эту статью из множества других менее полезных.
( 11 Голосов ) 

Комментарии   

 
Админ
#5Админ01.03.2015 21:36
Цитирую ser508:
Спасибо!!!

Спасибо Вам, 4ser
 
 
ser508
#4ser50801.03.2015 07:03
Спасибо!!!
 
 
mrfr
#3mrfr13.02.2015 14:02
см.Вкладка "Альтернатива"
 
 
Админ
#2Админ23.06.2014 11:34
Цитирую Роман:
У меня в Joomla 3 в параметрах изображения нет параметра динамического изображения во кладке дополнительно! В каком редакторе вы это делали?

Я это делаю в Joomla 2,5 и в Joomla 3.1
Нужно включить все возможности редактора. См. Плагин редактора - расширенные возможности. Вкладки - изображение
 
 
Роман
#1Роман19.06.2014 15:23
У меня в Joomla 3 в параметрах изображения нет параметра динамического изображения во кладке дополнительно! В каком редакторе вы это делали?
 

You have no rights to post comments

Новые расширения

Меню Нинзя с иконками
19 Янв 2016 19:17 - Super UserМеню Нинзя с иконками

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

NEW! Joomla 2.5
Социальный замок для Joomla 3
27 Янв 2016 19:35 - Super UserСоциальный замок для Joomla 3

Просматривая в интернете новые rong> я [ ... ]

NEW! Joomla 2.5
DJ-EasyContact - модуль контактов
10 Фев 2017 21:38 - Super UserDJ-EasyContact - модуль контактов

Интересный и нужный модуль, особенно для продающих сайтов, [ ... ]

NEW! Joomla 2.5
Слайдер контента - BT Content Slider
05 Июнь 2018 23:08 - Super UserСлайдер контента - BT Content Slider

Я рад, что сегодня могу показать вам не совсем обычный, но [ ... ]

NEW! Joomla 2.5
Другие расширения

Форма входа

Нажимая на кнопку регистрация, Вы соглашаетесь на обработку и хранение Ваших персональных данных, таких как логин, email,IP-адрес

Кошельки для пожертвований

Яндекс.Метрика