Joomla Templates Club 406,261 posts

[odpearl Friend odpearlJoin date: February 2008Posts: 37Downloads:0Uploads:9 Thanks: 14 Thanked: 1 times in 1 posts]

#126093

This is my 3rd post and I never got a reply : (

Hi,

I need help.

I am planning on using for my website Ja Avian 2 and I need to make some changed, such as
change the top. Instead of logo I need to put a flash. The flash needs to be in a top under all tools . The login, top menu etc. should be in front of the flash. please look at the picture.
Right now I am using the same flash with another website this is the script :

<tr>
<td>
<table width=”100%” cellspacing=”0″ cellpadding=”0″ border=”0″ align=”center”>
<tr>
<td align=”center” width=”950px”>
<OBJECT CLASSID=” clsid 27CDB6E-AE6D-11cf-96B8-444553540000″ CODEBASE=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ WIDTH=”950px” HEIGHT=”156″ hspace=”0″ vspace=”0″>
<PARAM NAME=”movie” VALUE=”http://www.mysite.com/images/header.swf”>
<PARAM NAME=”quality” VALUE=”high”>
<EMBED SRC=”imagesheader.swf” WIDTH=”100%” HEIGHT=”156″ hspace=”0″ vspace=”0″ QUALITY=”high” PLUGINSPAGE=”http://www.macromedia.com/go/getflashplayer” TYPE=”application/x-shockwave-flash”></EMBED>
</OBJECT>
</td>
</tr>
</table>
</td>
</tr>

PLEASE HELP.

Thanks

---

Attachments:

1. 

1 user says Thank You to odpearl for this useful post

1. jconcepts

[kashxo Friend kashxoJoin date: April 2007Posts: 605Downloads:0Uploads:21 Thanks: 11 Thanked: 78 times in 40 posts]

#240453

For your information, you can not put any elements on top of an object such as flash. So the plan to have login module and others ontop of your flash is not possible.
If you only want to put your flash to the space at logo, I can help you.

1 user says Thank You to kashxo for this useful post

1. jconcepts

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#240464

Are you sure kashxo? I put a flash as header with top menu and search box on top of the flash file and that worked fine.
But i am not sure if the log in box is different than the search funciton??

1 user says Thank You to Menalto for this useful post

1. jconcepts

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#240496

Are you sure kashxo? 😀
The fact that you can put flash to the under most of other element. The solution is you put flash in a layer with lower z-index with others. Here is an example:


<div id='wrapper'>
<div id='flashcontainer'>Your flash go here</div>
<div id='others'>All your other element go here</div>
</div>

With this case, wrapper must have position (relative), flashcontaner and others have absolute position. z-index of flashcontainer is lower than that of others.


#wrapper {position: relative}
#flashcontainer {position: absolute; top: 0; left: 0; z-index: 1}
#others {positions: absolute; top: 0; left: 0; z-index: 2}

That’s just a sample code to put flash as a background.

1 user says Thank You to Khanh Le for this useful post

1. jconcepts

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#240507

Ok, this is solution to add a flash as background of Avian header.

1. Download swfobject from http://blog.deconcept.com/swfobject/. Extract and copy file swfobject.js to folder scripts of the template.
2. Open template index.php file, search this line:


<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">

3. Add following code after it:


<div id="ja-flashcontainer">
<script type="text/javascript" src="<?php echo $tmpTools->templateurl();?>/scripts/swfobject.js"></script>

<div id="flashcontent">
This text is replaced by the Flash movie.
</div>

<script type="text/javascript">
window.addEvent('domready', function(){
var so = new SWFObject("http://wwwimages.adobe.com/www.adobe.com/homepage/en_us/fma_rotation/fma0/webldshp_fma_02_21_08.swf", "mymovie", "750", "90", "8", "#336699");
so.addParam("wmode", "transparent");
so.write("flashcontent");
});
</script>
</div>

4. Add this style to your template.css file:


#ja-flashcontainer {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}


That’s all to add a flash to your header and make it under most of others. You need change red properties to your setting.

3 users say Thank You to Khanh Le for this useful post

1. odpearl
2. jconcepts
3. teddirez

[odpearl Friend odpearlJoin date: February 2008Posts: 37Downloads:0Uploads:9 Thanks: 14 Thanked: 1 times in 1 posts]

#240513

Thank you very much, it looks great.

Just one small things:

How can I make the horizontal menu be below the flash. Please see
attachment so that you can understand me better.

Thanks.

---

Attachments:

1. 

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#240519

You can also just add the wmode to the code, without the need for that addon. If they don’t have javascript that fix won’t work.

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#240523

Do you have your site live?

1 user says Thank You to Menalto for this useful post

1. odpearl

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#240549

<em>@odpearl 42230 wrote:</em><blockquote>Thank you very much, it looks great.

Just one small things:

How can I make the horizontal menu be below the flash. Please see
attachment so that you can understand me better.

Thanks.</blockquote>

Try to update #ja-flashcontainer style


#ja-flashcontainer {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 90px;
overflow: hidden;
}


[Author]

Posts