[TYPO3-english] Beginner Needs help getting his Flash Banner to work

Aaron Murray aaron.c.murray at googelmail.com
Thu Apr 1 21:49:55 CEST 2010


Hi!

I am pretty new to website design and typo3 but have been working with 
it for a couple of weeks now.

I bought a pre-made template which has a flash banner at the top, and 
uploaded all the folders and files (js/images/html/css/swf) in the same 
directory order as they were given to me.

When I create a new site/template using templatevoila and preview the 
website template looks as expected. However when I finish the mapping 
process, and selecting the html headers to include (I include the 
scripts for the swf) the finished product doesn't include the flash banner.

Everything else displays as it should be, but the place where the flash 
banner should be is empty, no error message or anything.

Can anyone help me? Its probably a beginner mistake.






Here is the code of the html file I use for a template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DreamTemplate</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/swfobject/swfobject.js"></script>
<script type="text/javascript">
		var flashvars = {};
		flashvars.xml = "config.xml";
		flashvars.font = "font.swf";
		var attributes = {};
		attributes.wmode = "transparent";
		attributes.id = "slider";
		swfobject.embedSWF("cu3er.swf", "cu3er-container", "960", "400", "9", 
"expressInstall.swf", flashvars, attributes);
</script>
</head>
<body>
<div class="main">
   <div class="blok_header">
     <div class="header">
       <div class="logo"> <a href="index.html"><img 
src="images/logo.gif" width="139" height="153" border="0" alt="logo" 
class="one" /></a> </div>
       <div class="menu">
         <ul>
           <li><a href="index.html" 
class="active"><span>Home</span></a></li>
           <li><a href="about.html"><span>About Us</span></a></li>
           <li><a href="portfolio.html"><span>Portfolio</span></a></li>
           <li><a href="contact.html"><span>Contact Us</span></a></li>
         </ul>
       </div>
           <div class="clr"></div>
          </div>
     <div class="clr"></div>
   </div>
   <div class="clr"></div>
   <div class="header_text_bg">
     <div class="cu3er_resize">
       <div id="cu3er-container"><a 
href="http://www.adobe.com/go/getflashplayer"> <img 
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" 
alt="Get Adobe Flash player" /></a></div>
     </div>
     <div class="header_text">
       <div class="header_text_resize">
     <div class="search">
         <form id="form1" name="form1" method="post" action="">
           <label><span>
             <input name="q" type="text" class="keywords" id="textfield" 
maxlength="50" value="Search..." />
             </span>
             <input name="b" type="image" src="images/search.gif" 
class="button" />
           </label>
         </form>
       </div>
       <h2>Your company's welcome message or slogan. Lorem ipsum dolor 
sit amet, consectur el.<br />
         <span>Donec metus lacus, porta id, auctor sit amet, aliquam eu, 
lacus. Quisque sagittis vulputate orci.</span></h2>
       <div class="clr"></div>
     </div>
      </div>
     <div class="clr"></div>
   </div>
   <div class="body_resize">
     <div class="body">
     <div class="port_resize">
     <h2>Modern web &amp; interactive media.<br />
<span>Sed congue, dui vel tristique mollis...</span></h2>
     <img src="images/top_img_1.jpg" alt="picture" width="298" 
height="101" />
     <p>Duis porta quam et neque gravida vulputate dictum mi varius. 
Vestibulum fermentum iaculis felis, vitae scelerisque libero rutrum ac.</p>
     <p><a href="#">Read More »</a></p>
     </div>
       <div class="port_resize">
     <h2>Modern web &amp; interactive media.<br />
<span>Sed congue, dui vel tristique mollis...</span></h2>
     <img src="images/top_img_2.jpg" alt="picture" width="298" 
height="101" />
     <p>Duis porta quam et neque gravida vulputate dictum mi varius. 
Vestibulum fermentum iaculis felis, vitae scelerisque libero rutrum ac.</p>
     <p><a href="#">Read More »</a></p>
     </div>
       <div class="port_resize">
     <h2>Modern web &amp; interactive media.<br />
<span>Sed congue, dui vel tristique mollis...</span></h2>
     <img src="images/top_img_3.jpg" alt="picture" width="298" 
height="101" />
     <p>Duis porta quam et neque gravida vulputate dictum mi varius. 
Vestibulum fermentum iaculis felis, vitae scelerisque libero rutrum ac.</p>
     <p><a href="#">Read More »</a></p>
     </div>
       <div class="clr"></div>
     </div>
     <div class="clr"></div>
   </div>
   </div>
<div class="FBG">
   <div class="FBG_resize">
     <div class="left">
       <h2>about</h2>
       <p>Code is seo friendly, optimized for getting the top results in 
the search engines .</p>
       <ul>
         <li><a href="#">Overview »</a></li>
         <li><a href="#">Another Link »</a></li>
         <li><a href="#">Our Company »</a></li>
         <li><a href="#">Our Staff »</a></li>
         <li><a href="#">Mision Statement »</a></li>
       </ul>
     </div>
         <div class="left">
       <h2>philosophy</h2>
       <p>Neque id cursus faucibus, tortor neque egestas augue, eu 
vulputate magna eros eu erat magna eros eu erat. </p>
       <p>Neque id cursus faucibus, tortor neque egestas augue, eu 
vulputate magna eros eu erat. </p>
       <p><a href="#">Check Our Works »</a></p>
     </div>
         <div class="left">
       <h2>blog</h2>
       <p>Neque id cursus faucibus, tortor <br />
         neque egestas augue, eu <br />
         vulputate magna eros eu erat. </p>
       <ul>
         <li><a href="#">Category 1 »</a></li>
         <li><a href="#">Category 2 »</a></li>
         <li><a href="#">Category 3 »</a></li>
         <li><a href="#">Category 4 »</a></li>
         <li><a href="#">Category 5 »</a></li>
       </ul>
     </div>
         <div class="left">
       <h2>support</h2>
       <p>Praesent dapibus, neque id cursus faucibus, tortor neque 
egestas augue, eu vulputate magna eros eu erat. </p>
       <p><span>support at yoursite.com »<br />
         +1 (123) 444-5677</span></p>
       <p><span>sales at yoursite.com »<br />
         +1 (123) 444-5678</span></p>
     </div>
     <div class="clr"></div>
   </div>
   <div class="clr"></div>
</div>
<div class="footer">
   <div class="footer_resize">
     <p class="leftt">© Copyright YourSiteName. All Rights Reserved<br />
     <a href="#">Home</a> | <a href="#">Contact</a> | <a 
href="#">RSS</a></p>
       <p class="right">(DT) <a 
href="http://www.dreamtemplate.com"><strong>Website 
Templates</strong></a></p>
     <div class="clr"></div>
   </div>
   <div class="clr"></div>
</div>
</body>
</html>


More information about the TYPO3-english mailing list