WordPress.org

1. laurenhopeevans
   Member
   Posted 3 years 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 - http://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

2. laurenhopeevans
   Member
   Posted 3 years ago #

   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!

3. laurenhopeevans
   Member
   Posted 3 years ago #

   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="http://www.luckylunchtime.com/wp-content/themes/tigopedia-reloaded/images/NewVersion.swf" />
   <!–[if !IE]>–>
   </object><object type="application/x-shockwave-flash" data="http://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-->

Topic Closed

This topic has been closed to new replies.