Template Conventions
All my template, including templates for Joomla, osCommerce, WordPress, Drupal, phpBB, CRE Loaded, Zen Cart…… will compliant with this coding standards:
Tableless
All my template will be tableless DIV/CSS based.
Browser Support
All my template will be valid XHTML 1.0 Transitional, and support all the popular browsers including IE7, IE6, Firefox, Safari, Opera.
Skeleton for layout
All my template will with this layout skeleton:
body#[page-id].layout-[type].page-[type].category-[id]
div.page_margins
div.page
div#header
div#topnav
h1
div#description
div#nav
div#main
div#top
div#col1.sidebar
div#col1_content.clearfix
div#col2.sidebar
div#col2_content.clearfix
div#col3
div#col3_content.clearfix
div#advert
div#breadcrumb
h1
div#content
div#banner
div#ie_clearing
div#bottom
div#footer
Note:
1. the id of body will be: index, article-#, category-#, product-# …
2. page type can be: front, page, article, category, tag
Skeleton for navigation
All navigation, including headernav, nav, footernav…… will have this skeleton:
ul.menu
li.[class]
a
span
note: the class of li can be: first, last, active, parent, current
Skeleton for block
div.block.[other]
h3
span
div.content
Note:
1. The other class can be: menu, menu-horz, menu-vert, menu-horz-horz
2. The block for Joomla 1.0.x and WordPress will be:
div.block
h3
span
Skeleton for article
div#article-[id].article.category-[id].type-[id]
h1
div.time
div.content
a.readon
Skeleton for article list
div.article-list
div.article
h2
div.content
Skeleton for product
div#product-[id].product.category-[id]
h1
div.content
div.model
div.short-description
div.image
div.image-list
div.image
div.manufacturer
div.price
div.description
div.addtocart
div.options
div.files
div.related-products
div.child
div.review
div.vendor
a.readon
Skeleton for forum list
div.grouplist
div.header.floatbox
dl
div.group
div.header.floatbox
dl
ul.forumlist
li.forum
Skeleton for forum
div.forum
div.header.floatbox
dl
ul.articlelist
li.article
dl
Template Demos
You can review my template demo at my portfolio.