Як вставити flash в шапку сайту


 

Останнім часом на різних сайтах можна помітити досить красиве і незвичайне оформлення верхньої частини — простіше кажучи, шапки. Досягається це шляхом використання популярної технології Flash. Дана технологія не так проста для розуміння звичайного користувача ПК, проте її вивчення в дизайнерських цілях зіграє вам на руку, так як якісне оформлення завжди приваблює нових клієнтів.



Інструкція

  1. Створіть необхідну анімаційну картинку розміром 150х900 рх, відповідну ширині сайту (розмір може бути будь-яким іншим), і розширенням swf (назвемо її, наприклад, header_art.swf), використовуючи програму Sothink SWF Easy. Завантажити її можна тут
  2. Вставте в файлі index.php в блок

    код для виведення модуля: «div id =» header «> jdoc: include type =» modules «name =» header «style =» xhtml «/> / div>» (без лапок). Пропишіть створену позицію «header» в Файда templateDetails.xml. Задайте параметри DIV у файлі таблиць стилів template.css:
    «# Header {Width: 900px; Height: 150px;}» (без лапок).
      


  3. Тепер на всіх сторінках вашого сайту в шапці буде виводитися флеш-картинка header_art.swf. У разі відключення показу анімації в браузері користувачів буде видна альтернативна картинка (header.jpg). Після цього запустите флеш-модуль Joomla і відкрийте режим редагування. Додайте модуль з картинкою в одній з позицій, передбачених для виведення модулів у вашому шаблоні сайту.
      
  4. У рядку File Path (див. параметри модуля) вкажіть папку з картинкою (images / stories), далі — назва зображення (в Filename) з розширенням swf (header_art.swf). Не забудьте вказати її розміри. У додаткових параметрах пропишіть адресу створеної картинки:
    «Img src =» / images / stories / header.jpg «height =» 900 «width =» 150 «/>».
      
  5. Використовувати функцію header в коді ви можете і для відображення різних зображень в шапці сайту на різних сторінках. Зробити це можна, скориставшись допомогою модуля під назвою «Власний HTML», який вбудований в систему Joomla. В цей гаджет ви переміщаєте необхідне графічне зображення і виводите в функцію header.