4-4 css/style.css
4-5 theme.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>
<!-- Assign Theme name -->
<{assign var=theme_name value=$xoTheme->folderName}>
<!-- Title and meta -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<title><{$xoops_sitename}><{if $xoops_pagetitle !=''}> - <{$xoops_pagetitle}><{/if}></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" />
<!-- Rss -->
<link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
<link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" />
<!-- Sheet Css -->
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" />
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/style.css}>" />
<link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/xoops.css}>" />
<!-- customized header contents -->
<{$xoops_module_header}>
</head>
<body>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" id="table_1">
<tr>
<td height="245" valign="top" background="<{xoImgUrl img/theme_head.png}>"><table width="920" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="theme_head">
<tr valign="top">
<td width="326" height="129"> </td>
<td width="270"> </td>
<td width="324"> </td>
</tr>
<tr valign="top">
<td>公佈欄</td>
<td> </td>
<td>登入區</td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" background="<{xoImgUrl img/theme_body.png}>"><table width="960" border="0" align="center" cellpadding="0" cellspacing="0" id="table_2">
<tr valign="top">
<td width="180">
<!--左區塊區-->
<{foreach item=block from=$xoBlocks.canvas_left}>
<{includeq file="$theme_name/xotpl/block.html"}>
<{/foreach}>
</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td colspan="2">
<!-- 上中區塊 -->
<{foreach item=block from=$xoBlocks.page_topcenter}>
<{includeq file="$theme_name/xotpl/block_center.html"}>
<{/foreach}>
</td>
</tr>
<tr valign="top">
<td>
<!-- 上中左區塊 -->
<{foreach item=block from=$xoBlocks.page_topleft}>
<{includeq file="$theme_name/xotpl/block_center.html"}>
<{/foreach}>
</td>
<td>
<!-- 上中右區塊 -->
<{foreach item=block from=$xoBlocks.page_topright}>
<{includeq file="$theme_name/xotpl/block_center.html"}>
<{/foreach}>
</td>
</tr>
<tr valign="top">
<td colspan="2">
<!--主內容區-->
<{$xoops_contents}>
</td>
</tr>
<tr valign="top">
<td>
<!-- 下中左區塊 -->
<{foreach item=block from=$xoBlocks.page_bottomleft}>
<{include file="$theme_name/xotpl/block_center.html"}>
<{/foreach}>
</td>
<td>
<!-- 下中右區塊 -->
<{foreach item=block from=$xoBlocks.page_bottomright}>
<{include file="$theme_name/xotpl/block_center.html"}>
<{/foreach}>
</td>
</tr>
<tr valign="top">
<td colspan="2">
<!-- 下中區塊 -->
<{if $xoBlocks.page_bottomcenter}>
<{foreach item=block from=$xoBlocks.page_bottomcenter}>
<{include file="$theme_name/xotpl/block_center.html"}>
<{/foreach}>
<{/if}>
</td>
</tr>
</table></td>
<td width="180">
<!--右區塊區-->
<{foreach item=block from=$xoBlocks.canvas_right}>
<{includeq file="$theme_name/xotpl/block.html"}>
<{/foreach}>
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="120" valign="top" background="<{xoImgUrl img/theme_foot.png}>"><div class="theme_foot">
<!--頁尾區-->
<{$xoops_footer}>
</div></td>
</tr>
</table>
</body>
</html>
