How to create a template:

Your template must contain meta information.

<title>{%%page:title}</title>
<meta name="keywords" content="{%%meta:keywords}" />
<meta name="description" content="{%%meta:description}" />

{%%page:title} , {%%meta:keywords}, {%%meta:description} - they take information about your page (you put it when created a page on seotoaster)

Then you should connect css files. Use next css files and your code will be more clear and understandable:

<link href="reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="content.css" rel="stylesheet" type="text/css" media="screen" />
<link href="nav.css" rel="stylesheet"  type="text/css" media="screen" />
<link href="products.css" rel="stylesheet"  type="text/css" media="screen" />

You should use these files exactly in such order, as you see.

reset.css - this file use for reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. You can download our reset.css

style.css - it use for general styles.

content.css - put the CSS classes you will use for text and special views in your content

nav.css - put styles for different types of menu

products.css - use it for styles of product listing and product page