Re: ImpressCMS Theme

Posted by snow on 1197566557
I have a little trouble using James framework, although the code looks very good, it's been difficult for me to understand and apply the design to it in a way that it doesn't take me too long to do.

If it were me to do it I'd most likely using the following html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>"> <head> <{* Center blocks display order valid values are: lrc (left right / center) lcr (left center right) clr (center / left right) *}> <{assign var=theme_top_order value=clr}> <{assign var=theme_bottom_order value=clr}> <{assign var=theme_name value=$xoTheme->folderName}> <title><{$xoops_pagetitle}> : <{$xoops_sitename}> : <{$xoops_slogan}></title> <meta name="robots" content="<{$xoops_meta_robots}>" /> <meta name="keywords" content="<{$xoops_meta_keywords}>" /> <meta name="description" content="<{$xoops_meta_description}>" /> <meta name="rating" content="<{$xoops_meta_rating}>" /> <meta name="author" content="<{$xoops_meta_author}>" /> <meta name="copyright" content="<{$xoops_meta_copyright}>" /> <meta name="generator" content="XOOPS" /> <link rel="shortcut icon" type="image/ico" href="<{xoImgUrl /favicon.ico}>" /> <link rel="icon" type="image/png" href="<{xoImgUrl /icon.png}>" /> <link rel="stylesheet" type="text/css" media="all" title="" href="<{xoImgUrl /style.css}>" /> <{$xoops_module_header}> </head> <body class="<{$xoops_dirname}> theme-default"> <{if $xoBlocks.canvas_left and $xoBlocks.canvas_right}><{assign var=columns_layout value='threecolumns-layout'}> <{elseif $xoBlocks.canvas_left}><{assign var=columns_layout value='leftcolumn-layout'}> <{elseif $xoBlocks.canvas_right}><{assign var=columns_layout value='rightcolumn-layout'}> <{/if}> <div id="xo-canvas"<{if $columns_layout}> class="<{$columns_layout}>"<{/if}>> <div id="xo-user-actions"> <div id="xo-slogan"><{$xoops_slogan}></div> <div id="xo-search">insert search form here</div> </div> <div id="xo-canvas-header"> <div id="xo-main-logo"> <a href="<{xoAppUrl /}>"><img src="<{xoImgUrl images/header-logo.gif}>" alt="<{$xoops_sitename}>" /></a> </div> <div id="xo-banner"> <{if $xoops_banner and $xoops_banner != '&nbsp;'}> <div id="xo-banner-ad"><{$xoops_banner|smarty:nodefaults}></div> <{/if}> </div> </div > <div id="xo-canvas-globalnav"> <ul> <li><a href="<{xoAppUrl /}>">Home</a></li> <li><a href="<{xoAppUrl modules/news/}>">News</a></li> <li><a href="<{xoAppUrl modules/filereleases/}>">Downloads</a></li> <li><a href="<{xoAppUrl modules/newbb/}>">About us</a></li> </ul> </div> <div id="xo-canvas-content"> <table id="xo-canvas-columns" cellspacing="0"> <tr> <{if $xoBlocks.canvas_left}> <{includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_left zoneClass='xo-canvas-column' zoneId='xo-canvas-leftcolumn' zoneTag='td' }> <{/if}> <td id="xo-page"> <{if $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright}> <div class="xo-blockszone xo-<{$theme_top_order}>pageblocks" id="xo-page-topblocks"> <{includeq file="$theme_name/centerblocks.html" topbottom=top lcr=$theme_top_order|substr:0:1}> <{includeq file="$theme_name/centerblocks.html" topbottom=top lcr=$theme_top_order|substr:1:1}> <{includeq file="$theme_name/centerblocks.html" topbottom=top lcr=$theme_top_order|substr:2:1}> </div> <{/if}> <{if $xoops_contents}><div id="xo-content"><{$xoops_contents}></div><{/if}> <{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomcenter or $xoBlocks.page_bottomright}> <div class="xo-blockszone xo-<{$theme_bottom_order}>pageblocks" id="xo-page-bottomblocks"> <{includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:0:1}> <{includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:1:1}> <{includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:2:1}> </div> <{/if}> </td> <{if $xoBlocks.canvas_right}> <{includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_right zoneClass='xo-canvas-column' zoneId='xo-canvas-rightcolumn' zoneTag='td' }> <{/if}> </tr> </table> </div> <div id="xo-footer"> <{$xoops_footer}> </div> </div> </body> </html>


Although the block layout is managed by div's, it still has a table with 3 columns and I don't know if that is acceptable for ICMS standards?

I'm pretty busy right now but if it is still accepted I can do it using this layout. And I would need all the requirements... if finally it will be the green one, what width do you want it to be? (I had proposed 960px fixed width), and if the theme is going to used in other sites but with some change to it, it would be good to know what change it is going to have so I make sure the slices and areas are easily replacable by some other image or css class.

This Post was from: https://www.impresscms.org/iforum/viewtopic.php?topic_id=579&post_id=6154