logo

Флеш-шапка

Как установить флеш-шапку на сайте WP

При создании одного из сайтов попалась на глаза не плохая анимированная картинка, соответствующая теме сайта. Картинка, как и большинство анимаций, была в формате swf. Раньше не занимался установкой флеш файлов, поэтому стало интересно. Советов по установке флеш файлов оказалось много. Поэкспериментировал только с одним способом. Его я и опишу.

Возможно, что из-за отличий в функциональности шаблонов WordPress, не для всех сайтов подойдёт этот способ. Но попробовать можно. И так, начнём всё с поиска картинки. Картинка найдена и её надо скачать, скопировать не получится. Я скачивал с помощью программы FlashGot, которую можете найти в интернете.

Далее нашел один из кодов установки файлов .swf, который необходимо будет вставлять в файл header.php. Оригинал кода выглядит так:

 

<object type="application/x-shockwave-flash" height="200" width="900" data="http://saite.ru/kartinka.swf"><param name="movie" value="http://saite.ru/kartinka.swf" /><param name="wmode" value="transparent" /><param name="flashvars" value="&in_title=Название сайта&&in_title_2=Слоган сайта&" /></object>

Перед установкой кода необходимо файл картинки загрузить в корень сайта и в коде прописать путь к этой картинке. Код лучше всего составлять в текстовом редакторе, потом скопировать готовый код и вставить в файл header.php

По своим потребностям устанавливаете величины height и width  (высота и ширина шапки). data="http://....... - здесь прописать адрес к картинке.

При установке оригинала кода у меня шапка никак не устанавливалась по ширине сайта, была меньшего размера. Ради эксперимента удалил участок кода, который выделен маркером. После этого шапка встала на своё место. Почему так - не вдавался в подробности.

Теперь о том в какое место устанавливать код. В моём случае старая шапка была установлена не целой картинкой а в форме background. и отвечала за шапку функция <div id="wrapper"> в файле header.php и #wrapper в файле style.css

Код флеш-шапки я установил после функции <div id="wrapper">:

kode

а в файле style.css прописал адрес к устанавливаемой флеш картинки:

shapka

Всё работает нормально, можно посмотреть работу флешки на сайте

Флеш-шапка обновлено: Апрель 10, 2017 автором: admin

Оставить комментарий

▲Вверх