WebStore by Amazon 3.5.1: Merchant Manual
34
background-color:#ffe7c5; } a.topNav:hover {background-color:#fcd297;
color:#666;} </style>
This changes the site’s default font to Trebuchet MS and updates the top navigation
bar. The top navigation will now have borders and background colors, and a colored
rollover effect similar to a tabbed menu.
Please Note: The previous example assumes that you are using the “Natural”
theme.
Add a Background Image to Your Site
Another example of how to customize the CSS is to add a background image to your
site. Insert the following code into top global widget.
body{ background:url(/images/bg2.gif) top center repeat-y; } This CSS adds an
image named bg2.gif, which has been uploaded to the image library through an
image widget, to the background of the entire site. Another technique is to hide
content that has a style applied to it: .colorBar, .date, .line{ display:none;}
This hides the colored bars on the page, the horizontal lines and date at the top of
every page.
Add Flash to Your WebStore
Embedding flash can be done using the following steps:
1. Upload your ShockWave Flash Player file into the image library using an
image widget. Create a JavaScript file that will embed your object tag similar
to this:
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-
444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/s
wflash.cab#version=8,0,0,0" width="389" height="245" id="home"
align="middle"><param name="allowScriptAccess" value="sameDomain"
/><param name="movie" value="/images/home.swf" /><param
name="quality" value="high" /><param name="bgcolor" value="#ffffff"
/><embed src="/images/home.swf" quality="high" bgcolor="#ffffff"
width="389" height="245" name="home" align="middle"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
/></object>');
2. The object tag above is replaced with the object tag in the HTML source of the
HTML file generated by Flash during publishing.
3. Save the JavaScript file as “activate.js” and upload to your image library.
4. Create an HTML widget on your page where you would like the flash to
appear, and then paste the following HTML into the Custom Script window:
