Adding Flash-type banner to GreenLeaves

[bostonfan]

Hi,

Any ideas the lowest-cost method for implementing a Flash-type banner into the GreenLeaves template? Unfortunately, I don't own a Flash or Swish type program. I have played around a bit with the low-cost Flash-type program from CoffeCup. I've seen some cool Flash-type templates on the web, but they usually require the expensive software to modify them. The most high-end graphics program I have is Adobe Photoshop Elements. :(

Perhaps playing around with the CoffeCup flash software using some stock imagery is the my best way to go? And once I have such a flash file created, where do I put it in GreenLeaves?

[Also, I plan to change it to more of an orange/red/black template and have read I need to modify the actual .gif images in Photoshop Elements to achieve this and then change background colors in CSS file. If this is incorrect, please advise.]

Thanks!

Dan :D

[Michael Hill]

Hi,

For example, I try insert flash-banner into index.html page. I hope this will help fixed your problem.

1. Add flash file "somefilename.swf" to the some directory for example: templates\GreenLeaves\flash\...
2. Search required *.tpl file for insert to them - in current case templates\GreenLeaves\index.tpl
3. In required place in HTML code of *.tpl file - before "Categories" in this case - add next HTMLcode:

<object width="468" height="60">
<param name="movie" value="somefilename.swf">

<embed name="somefilename" src="templates/GreenLeaves/flash/somefilename.swf" quality="high" bgcolor="#FFFFFF"
width="468" height="60">

</embed>
</object>


4. Save tpl file.

That's all. The flash movie will appear under "Categories".

[bostonfan]

I've been experimenting with the code you provided and it works! :D

I want to put my flash object in the top-left corner of the header (to replace the standard logo image), so now I just need to figure out how to modify the header.tpl file to accomodate the size of the flash object properly.

Where in the header.tpl I can alter how much space at the top is given to accomodate the logo (which in this case is my flash object)? In other words, I need to "push down" the rest of the page's elements to prevent my flash object from overlapping other elements. If you or anyone else here happens to know where I would make this modification, please advise.

Thanks again for your help!!

[Greg]

Where in the header.tpl I can alter how much space at the top is given to accomodate the logo (which in this case is my flash object)? In other words, I need to "push down" the rest of the page's elements to prevent my flash object from overlapping other elements. If you or anyone else here happens to know where I would make this modification, please advise.

Thanks again for your help!!

Play around with these two in the css file.
div.header
{
height: 70px;
background-color: #FFF;
}
div.logo
{
float: left;
padding: 10px 0 0 10px;
width: 190px;
}

[bostonfan]

Thanks, Greg! That did the trick!

Now I've got to nail down the settings for altering my colors.

[Michael Hill]

Greg

Quick and easy, as usual!:good:

bostonfan

Always for your services))