Как вставить Flash-ролик в заголовок

Статус
В этой теме нельзя размещать новые ответы.

ja50

Создатель
Регистрация
16 Авг 2009
Сообщения
48
Реакции
3
Сделал заголовок на Flash MX. Предпросмотр, дает такой html-код ролика, который помещается внутри тега body:
HTML:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
 WIDTH="800" HEIGHT="140" id="Mylogo_800x140" ALIGN="">
 <PARAM NAME=movie VALUE="Mylogo_800x140.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="Mylogo_800x140.swf" quality=high bgcolor=#FFFFFF  WIDTH="800" HEIGHT="140" NAME="Mylogo_800x140" ALIGN=""
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
Вопрос, как и куда нужно вставить код, чтобы ролик появился в заголовке шаблона Joomla вместо картинки заголовка?
И заодно подсткажите, пожалуйста, как вставлять Flash-ролики в любую часть меню или статьи.
P.S.Если можно, поподробнее, для новичка. :ah:
 
Для отображения флеша в хэдере всего сайта надо вставлять его прямо в шаблон. Шаблон лежит по пути /корень сайта/templates/имя шаблона/index.php. Наиболее простой способ поиска какого-либо объекта на сайте - поставить FireFox и подключить к нему FireBug - показывает где править какие стили, какие элементы где прописаны, отслеживать работу скриптов и т.п. Брать Для просмотра ссылки Войди или Зарегистрируйся. Ищешь div, в котором прописана картинка шапки и в него вставляешь код для флеша вместо картинки, хотя картинка может быть прописана и как фоновое изображение в файле стилей (я, например, почти всегда так делаю).
Твой вариант вставки несколько не валидный. Более приемлемые варианты:
1. Для прямой вставки рецепт от w3c (если нет плеера у клиента, то облом:(
Код:
<object type="application/x-shockwave-flash"
data="c.swf?path=movie.swf" 
width="400" height="300">
<param name="movie" value="c.swf?path=movie.swf" />
</object>
2. При таком коде вставленный флеш валиден, и если у посетителя отключен просмотр флеша, то вместо него будет отображаться фоное изображение, полностью валидный код:
Код:
<object type="application/x-shockwave-flash" data="images/header.swf" width="800" height="181"> <param name="movie" value="images/header.swf" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="opaque"> <b>//обязательно, делает флеш в тексте, убирает баг вврехнего слоя</b> <img src="images/top.jpg" alt="Без флеша" height="181" width="800" /> </object>
3. Валидный код, отличный скрипт, в Джумле его прямо так в наглую можно вставлять в статьи. Предварительно нужно сам скрипт где-нибудь сохранить.
Код:
<script type="text/javascript" src="относительный путь/swfobject.js"></script>
<div id="flashcontent"> Этот текст будет заменён флэшкой - пишите больше для поисковиков. </div>
<script type="text/javascript">
  var so = new SWFObject("movie.swf","Моя флешка - пишите больше для поисковиков","100%","100","7","#000");
  so.addParam("quality", "high");
  so.write("flashcontent");
</script>
Для просмотра ссылки Войди или Зарегистрируйся можно посмотреть пример и скачать сам скрипт (ещё с кучкой статей).
Еще можно сделать, чтобы флеш сразу запускался, но для этого надо небольшой скриптик написать...
 
Я так понимаю, что код нужно вставлять не в index.php, а в template.css
Иначе, Flash-ролик будет над картинкой заголовка.

P.S. Что-то у меня ничего не получается... Видимо не хватает знаний. Уважаемые гуру, вставьте, пожалуйста, кто сможет тестовую флешку в заголовок тестового шаблона. (Во вложении.) Я смогу по поиску найти и понять как нужно прописывать. :ah: Заранее благодарю!
 

Вложения

  • Red_ADP_New.zip
    133,6 KB · Просмотры: 12
Вот кусок кода, в в template.css, в котором прописана картинка. Как сюда вставить?
Код:
div.art-Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 774px;
	height: 140px;
}
div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 774px;
	height: 140px;
	background-image: url('../images/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
 
Через цсс флеш код не вставиш (вроде:confused:). Думаю флеш код нужно вставить в index.php вместо твоего хэдера.
 
Через цсс флеш код не вставиш (вроде:confused:). Думаю флеш код нужно вставить в index.php вместо твоего хэдера.

тогда нужно в template.css, этот код удалить, иначе заголовок останется...

Попробую, немного погодя, поколдовать над в index.php
 
JCE решает

Для "Гуру" правилно показали, что флеш надо в теплейт поставлят. Но для негуру самое простое решение является JCE редактор. Скачаете (здесь тоже есть линк и для комерческого). Инсталируете и компонента и модулям (медиа мод). Назначаете JCE для редактор сайта. Потом используете его система (есть там специальная иконка с которой флеш ролик можно поставить куда угодно в контенте).
Для показа флеш в верхнем части шаблона просто делаете свой нов модуль и активируете его или в logo (1.5.) или banner или top позиция. Соответно исключаете текущий модуль, если естц такой активной на том же месте.
Все. (Извините за плохой русский).
 
  • Нравится
Реакции: ja50
Для показа флеш в верхнем части шаблона просто делаете свой нов модуль и активируете его или в logo (1.5.) или banner или top позиция.

Не получится в 95% случаев. Большинство шаблонов позиции для модулей прописывает в тегах div с ограничением по ширине почти всегда (чтобы относительное положение блоков сайта не поплыло) и по высоте (это чаще всего касается шапки и подвала). И очень часто у этих блоков прописывают overflow:hidden, чтобы содержимое не вылазило за пределы модуля - поэтому флеш не поместить на место шапки, иначе при опубликовании модуля он перекроет всю шапку.
В данном случае вариант один - вставлять в index.pxp, и в вашем случае даже чистить файлик template.css не требуется, просто замените файл header.jpg на свой вариант если выключен флеш, то покажет его. Дальше ищите в index.php <div class="art-Header-jpeg"></div> и внутри тега пишите то, что писалось раньше и будет вам счастье. В вашем случае флеш желательно делать размером 774х140 px
 
самое простое решение является JCE редактор. Скачаете (здесь тоже есть линк и для комерческого). Инсталируете и компонента и модулям (медиа мод). Назначаете JCE для редактор сайта. Потом используете его система (есть там специальная иконка с которой флеш ролик можно поставить куда угодно в контенте).
Спасибо! Отличный компонент! Скачал и опробовал его здесь:
Скрытое содержимое доступно для зарегистрированных пользователей!

Установить удалось только сам компонент (com_jce_157.zip), но без плагина (plg_jce_154.zip) он не работает. Плагин не устанавливается, пишет:
Fatal error: Maximum execution time of 30 seconds exceeded in Z:\home\mysite.localhost\www\libraries\joomla\filesystem\archive\zip.php on line 331
или
Fatal error: Maximum execution time of 30 seconds exceeded in Z:\home\mysite.localhost\www\libraries\joomla\filesystem\file.php on line 87
просто замените файл header.jpg на свой вариант если выключен флеш, то покажет его. Дальше ищите в index.php <div class="art-Header-jpeg"></div> и внутри тега пишите то, что писалось раньше и будет вам счастье. В вашем случае флеш желательно делать размером 774х140 px
Я правильно понимаю, вставлять нужно сюда?
Код:
<div class="art-Header-jpeg"><object type="application/x-shockwave-flash"
data="c.swf?path=movie.swf" 
width="400" height="300">
<param name="movie" value="c.swf?path=movie.swf" />
</object></div>
Так ничего не работает. Сорри за незнания... :ah:
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху