Adding a flash banner into theme

  • Resolved laurenhopeevans

    (@laurenhopeevans)


    15 years, 9 months ago

    Hi there

    I am hoping you can help me with my website – Lucky Lunchtime. I am using the Tigopedia Reloaded 2.0 theme.

    A client has asked me to insert the following flash banner, which lives at the following link – https://www.luckylunchtime.com/wp-content/themes/tigopedia-reloaded/images/NewVersion.swf. It shows up fine at this location.

    I have followed some previous advice and inserted the following headerbanner code into the header (just the line underneath the closing of the logo div)

    <div class="page">
	  <div class="header">
               <div class="logo">
                    <h1><a class="blog-name" href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
                    <p class="blog-description"><?php bloginfo('description'); ?>

                </div><!--logo-->
<div class="headerbanner"></div>
	  </div><!-- header -->

    I have styled the headerbanner in the stylesheet as follows (this is partly guessing – using the logo stylesheet as a guide as this came with the theme and works fine)

    .headerbanner {
	 background:url('images/NewVersion.swf') no-repeat right top;
         height:60px;
         float:right;
         width:468px;
         margin:0;
	 }

    All that happens when I put this code in, is that the first row of buttons – Competitions/About us/Winners/etc – gets pushed down slightly and messed up, but no banner actually shows. I also have no idea what the no-repeat right top does. The logo had no-repeat left top in it, so I decided just to amend this to ‘right’. Might this be the source of all my problems?

    I have had to change the live page back to the original code for now as it’s live. Any help anyone could provide on this would be much appreciated – as you can probably tell I’m a total noob at WordPress!

    Thanks

    Lauren

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter laurenhopeevans

    (@laurenhopeevans)

    I’ve just realised that the background:URL is only where the image link points to – so in the above code, I have changed this to the client’s web address.

    So I guess I need to point to the .swf somewhere in the headerbanner statement? Any help on this would be much appreciated!

    Thread Starter laurenhopeevans

    (@laurenhopeevans)

    Getting there step by step. ??

    Having added the following code into the headerbanner section, I can now see the banner hovering happily over the right side of the page – covering up the blog feed section. Is there a way of moving it up slightly?

    <div class="headerbanner">
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="468" height="60">
<param name="movie" value="https://www.luckylunchtime.com/wp-content/themes/tigopedia-reloaded/images/NewVersion.swf" />
<!–[if !IE]>–>
</object><object type="application/x-shockwave-flash" data="https://www.luckylunchtime.com/wp-content/themes/tigopedia-reloaded/images/NewVersion.swf" width="468" height="60">
<!–<![endif]–>
<param name="allowScriptAccess" value="sameDomain" />
<!–[if !IE]>–>
</object>
</div><!--headerbanner-->
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding a flash banner into theme’ is closed to new replies.