Flash header

Skinning and designing Serendipity (CSS, HTML, Smarty)
holysjit
Regular
Posts: 131
Joined: Sun Apr 08, 2007 9:47 am

Flash header

Post by holysjit »

Hi, im using the andreas08 template, and i have created a flash header, but I dont know how to use it. This is from my nuclear.css file:

Code: Select all

#header {background:#890403 url(img/logo.png) repeat-x;
}
Changing in:

Code: Select all

#header {background:#890403 url(img/logo.swf) repeat-x;
}
doesn't work!

Help me to solve. Thanks
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: Flash header

Post by garvinhicking »

Hi!

Flash doesn't work like this. You need to use embedded HTML with <embed> and <object> to access the flash player.

Please look up a HTML Tutorial to see how you use Flash files within HTML. Once you know that, you can enter the code into your index.tpl Serendipity template file.

Best regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
tazilein
Regular
Posts: 56
Joined: Sun Apr 30, 2006 11:44 pm
Contact:

Post by tazilein »

I once used this code to add a flash header to a blog:

Code: Select all

<object width="760" height="150"
    data="/folder/filename.swf"
    type="application/x-shockwave-flash">
  <param name="movie" value="/folder/filename.swf">
</object>
my S9Y-Blogs: my personal brainbackup | [url=http://www.viennacityflats,at]Vienna Apartments Rental[/url] | Kasperls Geschichten | various other Sites using S9y as CMS
holysjit
Regular
Posts: 131
Joined: Sun Apr 08, 2007 9:47 am

Post by holysjit »

Thanks tazilein, It works. Solved!
jamesmusic
Regular
Posts: 46
Joined: Thu Jun 28, 2007 6:50 pm
Contact:

Post by jamesmusic »

hello!
i'm after a bit of advice :wink:
a friend has created a flash navigation banner which i'd like to embed above the blog header...however this is a complex bit of flash with its own css, several tables and so on - so not as simple as <object> </object> embed.
What can i do?? He suggested creating a frame for it, but i don't know which template file i should alter (the css or index.tpl) and how i'd go about doing something like that!??
Anyone have any suggestions?

James
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi!

You can place the banner inside your index.tpl file, where your current serendipity_banner resides in. Bear in mind that you need to replace { with {ledlim} and } with {rdelim} if that occurs in the HTML code that you want to embed.

The CSS can be put into your style.css file.

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
jamesmusic
Regular
Posts: 46
Joined: Thu Jun 28, 2007 6:50 pm
Contact:

Post by jamesmusic »

good afternoon garvin!

i'm going to try that out and i'll let you know how it goes :)

thank you

James
jamesmusic
Regular
Posts: 46
Joined: Thu Jun 28, 2007 6:50 pm
Contact:

Post by jamesmusic »

Hey, So i had a bit of trouble - the guy who helped with banner, has explained what we've been trying to do below....

We are trying to place an HTML table above the banner in the index.tpl file

1) We curently have the navigation and header graphic functional within an html file, this file contains a table behind which is a background image (our web site title header/ banner).

2) This layout also contains an embedded flash movie (.swf) with a transparent background, this is out main navigation.

This is embedded in the html using the code below and aligned using an external style (.css) sheet, this html code not only embeds the flash movie but it also tells the browser to display it's background and as transparent. The flash movie is embedded in a layer that sits above the table.

3) The flash embed code:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/sh ... on=8,0,0,0" name="shows-navigation-tranparent" width="851" height="300" align="top" class="flash-navigation" id="shows-navigation-tranparent">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="flash/navigation-tranparent.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#000000" />
<param name="SCALE" value="exactfit" />
<embed src="flash/navigation-tranparent.swf" width="851" height="300" align="top" quality="high" wmode="transparent" bgcolor="#000000" name="navigation-tranparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" scale="exactfit" />
</object>

3) The positioning of the .swf and the header graphic are controlled by the external style sheet.

Any ideas how/where we can place this code?

Many thanks,

James
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi!

Yes, as I mentioned, you place that code in the index.tpl file of your template :-D

What's the problem?

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
jamesmusic
Regular
Posts: 46
Joined: Thu Jun 28, 2007 6:50 pm
Contact:

Post by jamesmusic »

If you have a momment, could i send you the code just to have a brief look over, to see how it would fit? Its not very long but the guy who designed isn't really understanding the issues i'm having with it. When i put it into the index.tpl file (just above <div id="serendipity_banner">)
the frame/table appears but no graphics...
its not just a simple copy paste of the <object> embed, as it also uses some html...which might not be required....

yours, confused!
James :)
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi!

Maybe you forgot to also paste the CSS into your style.css file? Any paths to images you refer to should be referred properly. Easist would be to put in full URLs instead of relative paths.

You can tell the URL where you tried this here, then I or someone else can have a look at it.

Best regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
jamesmusic
Regular
Posts: 46
Joined: Thu Jun 28, 2007 6:50 pm
Contact:

Post by jamesmusic »

Hey Garvin, turns out the code i was given is riddled with mistakes - i've updated the links & css files, and countless other things... and made some good progress. I'll post the URL as soon as i've finished playing around with it! Thank you again for your time :o)
James
jamesmusic
Regular
Posts: 46
Joined: Thu Jun 28, 2007 6:50 pm
Contact:

Post by jamesmusic »

ok i've added the flash header, but have a couple of minor problems

does anyone have any idea why the font has changed colour & there is a slight gap between the header graphic and the embedded banner...?

is there a way to correct these little problems?

www . m u s f l a s h t v . com/shows/index.php?/categories/6-Acoustic-Folk

please note this site is still in live testing!

many thanks,
J
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Post by garvinhicking »

Hi!
does anyone have any idea why the font has changed colour & there is a slight gap between the header graphic and the embedded banner...?
Which font?

The gap IMHO comes from your <table> construct, I think. And/or the width/height of the embedded video.

Regards,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
jamesmusic
Regular
Posts: 46
Joined: Thu Jun 28, 2007 6:50 pm
Contact:

Post by jamesmusic »

i've just deleted a conflicting css script which sorted out the font problem...(was making all the surrounding fonts change to a pale colour)

as for the gap between the header and the embedded banner - can't seem find any problems with the table construct that would cause it to create a gap...hmmm i'll keep trying

many thanks,
James
Post Reply