Как вставить flash в шапку сайта?

В последнее время на различных сайтах можно заметить довольно красивое и необычное оформление верхней части — проще говоря, шапки. Достигается это путем использования популярной технологии Flash. Данная технология не так проста для понимания обычного пользователя ПК, однако ее изучение в дизайнерских целях сыграет вам на руку, так как качественное оформление всегда привлекает новых клиентов.
Создать сайт самостоятельно с Wix.com

Инструкция

Создайте необходимую анимационную картинку размером 150х900 рх, соответствующую ширине сайта (размер может быть любым другим), и расширением swf (назовем ее, например, header_art.swf), используя программу Sothink SWF Easy. Скачать ее можно здесь http://www.softforfree.com/programs/sothink_swf_easy-26785.html. Поместите картинку по адресу images/stories/ на хостинг вашего сайта. Создайте в качестве альтернативы статическое изображение (расширение картинки jpg, png, gif) и поместите в папку. Пусть к изображению должен выглядеть следующим образом: images/stories/header.jpg.

Вставьте в файле index.php в блок

Теперь на всех страницах вашего сайта в шапке будет выводиться флеш-картинка header_art.swf. В случае отключения показа анимации в браузере пользователей будет видна альтернативная картинка (header.jpg). После этого запустите флеш-модуль Joomla и откройте режим редактирования. Разместите модуль с картинкой в одной из позиций, предусмотренных для вывода модулей в вашем шаблоне сайта.

В строке File Path (см. параметры модуля) укажите папку с картинкой (images/stories), далее - название картинки (в Filename) с расширением swf(header_art.swf). Не забудьте указать ее размеры. В дополнительных параметрах пропишите адрес созданной картинки: "img src="/images/stories/header.jpg"height="900" width="150"/>".

Использовать функцию header в коде вы можете и для отображения различных изображений в шапке сайта на разных страницах. Сделать это можно, воспользовавшись помощью модуля под названием «Собственный HTML», который встроен в систему Joomla. В этот гаджет вы перемещаете необходимое графическое изображение и выводите в функцию header.

Оцените статью!