How can I add "amazon.com" like tabs to the top of my site?
Posted by Michael G.K on 30 August 2008 05:10 AM

If you would like to add tabs similar to Amazon.com, you can use the instructions below. The tabs appear at the top of your site. This requires experience with HTML and stylesheets to make this work. Since this is a customization to your site, this is outside to the scope of our free support. Again, this procedure is not for novice users and we cannot provide you any support with adding tabs to your site.

The code example below is not dynamic, and you will need to hardcode links for the tabs.

Add following line in the <head> </head> tags in index.html.

<link rel="STYLESHEET" type="text/css" href="{$skin_styles}/tabs.css"/>

Next, download the stylesheet using the link "tabs.css" link below. This stylesheet drives the code in the  tab_code.txt doc and you will need to make changes to it to create the look and feel of the tabs. Once you have made your changes to the stylesheet, upload the file to the content\skins\flat\styles folder.

After you have completed the upload, you will need to download the tab_code.txt doc and paste the code into the site_top.html file at the bottom

The links in the tab_code docs are hardcoded, so you will need to adjust them before you add the code to your site.

(135 vote(s))
Helpful
Not helpful

Comments (0)
Post a new comment
 
 
Full Name:
Email:
Comments:
CAPTCHA Verification 
 
Please enter the text you see in the image into the textbox below (we use this to prevent automated submissions).