P3 Expo Webstickers
Several "Webstickers" are displayed below, with suggested HTML text to ease inclusion on your website.
Below the three 148x66 icons is a longer version. The last version on this page pops up an flash animation with pictures from the last P3 conference.
button1.gif, 4Kb, 148x66
Suggested HTML:
<a href="" target="_new"><img src="" alt="US EPA National Design Expo" width="148" height="66" /></a>
button2.jpg, 5KB, 148x66
Suggested HTML:
<a href="" target="_new"><img src="" alt="US EPA National Design Expo" width="148" height="66" /></a>
expowords2.gif, 4KB, 148x66
Suggested HTML:
<a href="" target="_new"><img
src="" alt="US
EPA National Design Expo" width="148" height="66" /></a>
bannerbutton2.jpg, 62Kb, 594x70
Suggested HTML:
<a href="" target="_new"><img src="" alt="US EPA National Design Expo" width="594" height="70" /></a>
Flash Popup when mouseover
In this sample, a trigger causes a css popup containing the flash movie.
This requires a few steps:
- Save the files in the attached ZIP File (359Kb) - AC_RunActiveContent.js and the P3banner_textoutlilnes.swf files are suggested to be in the same directory as the page you want the graphic to appear on, and the SpryTooltip files in a subdirectory called "spry"
- Including the following files in the header:
<!-- for flash banner -->
<script language="_javascript_">AC_FL_RunContent = 0;</script>
<script src="" language="_javascript_"></script> <script language="_javascript_" type="text/_javascript_" src="" /> <link href="" rel="stylesheet" type="text/css" />
<!-- end flash banner --> - Include the following code in the page where you want the banner:
<img src="" alt="" title="" id="classonme" />
<span id="highlighttrigger" class="tooltipContent">
<!-- flash banner --><!--url's used in the movie-->
<a href="" /> <a href="" /> <a href="" /> <a href="" /> <!--text used in the movie-->
<script language="_javascript_">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '612',
'height', '194',
'src', 'P3banner_textoutlilnes',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'P3banner_textoutlilnes',
'bgcolor', '#ffffff',
'name', 'P3banner_textoutlilnes',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'P3banner_textoutlilnes',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="" codebase="" width="612" height="194" id="P3banner_textoutlilnes" align="middle"> <param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="P3banner_textoutlilnes.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="" quality="high" bgcolor="#ffffff" width="612" height="194" name="P3banner_textoutlilnes" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
<!-- end flash banner --> </span>
<script type="text/_javascript_">
var highlight_tooltip = new Spry.Widget.Tooltip('highlighttrigger', '#classonme', {hideDelay: 1500})
</script>