Главное меню

Настройки Joomla

Как загрузить рисунок на сайт Joomla
22 Июнь 2015 01:21 - Super UserКак загрузить рисунок на сайт Joomla

Как загрузить рисунок на сайт Joomla 2.5 - 3.0овки [ ... ]

Как вставить флэш на сайт joomla
21 Апр 2015 22:39 - Super UserКак вставить флэш на сайт joomla

В последнее время в интернете появляется все больше сайтов украшенных [ ... ]

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

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

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

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

  

 

 

 

 


 

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


 

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

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

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

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

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

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

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

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


 


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

Комментарии   

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

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

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

Добавить комментарий


Защитный код
Обновить

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

Эффект перелистывания - модуль Joomla
20 Окт 2014 20:45 - Super UserЭффект перелистывания - модуль Joomla

Очень часто нам требуется предоставлять на своем сайте [ ... ]

NEW! Joomla 2.5
плагин Content - ExtraVote
21 Март 2015 00:43 - Super Userплагин Content - ExtraVote

В joomla 3,0 по умолчанию встроен штатный плагин рейтинга статей(материала). [ ... ]

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

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

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

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

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

Форма входа

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

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