Textcbe 模板详细解析（一）
2009年8月13日星期四 | | |轉載過來的TC模板教程！
模板基本文件
skin.html (必要)
style.css (必要)
index.xml (必要)
preview.gif (模板预览图，非必要)
wysiwyg.css (模板专用编辑器样式，非必要)
/images (模板用文件夹，可自行建立和更名)
-----------------------------------------------------------------------------------------------------------------------
模板基本结构(skin.html)
<html>
<head></head>
<body>
<div id="container">
<div id="header">头部</div>
<div id="menu">导航栏</div>
<div id="body">
<div id="content">主体</div>
<div id="sidebar">侧栏</div>
</div>
<div id="footer">尾部</div>
</div>
</html>
</body>
-----------------------------------------------------------------------------------------------------------------------
模板基本结构(<head></head>)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- 设置模板编码为utf-8 -->
<meta http-equiv="Keywords" content="[##_meta_http_equiv_keywords_##]" /> <!-- 设置博客关键词，[##_meta_http_equiv_keywords_##]调用的关键词标签 -->
<link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" /> <!-- 博客日志部分RSS -->
<link rel="alternate" type="application/rss+xml" title="[##_title_##] : responses" href="[##_response_rss_url_##]" /> <!-- 博客responses部分RSS -->
<link rel="alternate" type="application/atom+xml" title="[##_title_##]" href="[##_atom_url_##]" /> <!-- 博客日志部分atom -->
<link rel="alternate" type="application/atom+xml" title="[##_title_##] : responses" href="[##_response_atom_url_##]" /> <!-- 博客responses部分atom -->
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" /> <!-- 调用css文件 -->
<link rel="stylesheet" media="print" type="text/css" href="./styles/print.css" /> <!-- 调用css文件 -->
<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" /> <!-- 调用favicon.ico文件 -->
<title>[##_title_##] <s_page_title> :: [##_page_post_title_##]</s_page_title></title> <!-- [##_title_##]博客名称标签，[##_page_post_title_##]日志或页面标题标签 -->
</head>
模板基本结构(header)
<div id="header"><div class="inner">
<h1><a href="[##_blog_link_##]"><span>[##_title_##]</span></a></h1> <!-- [##_blog_link_##]博客首页标签，[##_title_##]博客名称标签 -->
</div></div>
模板基本结构(menu)
<div id="menu"><div class="inner">
<div class="blogMenu">
<ul>
<li id="menuCover"><a href="[##_blog_link_##]cover">Cover</a></li> <!-- [##_blog_link_##]cover聚合页面标签 -->
<li id="menuNotice"><a href="[##_blog_link_##]notice">Notice</a></li> <!-- [##_blog_link_##]notice公告页面标签 -->
<li id="menuLocal"><a href="[##_localog_link_##]">Local</a></li> <!-- [##_localog_link_##]地域页面标签 -->
<li id="menuTag"><a href="[##_taglog_link_##]">Tag</a></li> <!-- [##_taglog_link_##]Tag页面标签 -->
<li id="menuKeyword"><a href="[##_blog_link_##]keylog">Keyword</a></li> <!-- [##_blog_link_##]keylog关键词页面标签 -->
<li id="menuGuestbook"><a href="[##_guestbook_link_##]">Guestbook</a></li> <!-- [##_guestbook_link_##]留言板页面标签 -->
</ul>
<div class="search">
<s_search>
<input type="text" name="[##_search_name_##]" value="[##_search_text_##]" class="textField" /> <!-- [##_search_name_##]搜索框程序识别名称，[##_search_text_##]搜索内容，[##_search_onclick_submit_##]搜索按钮 -->
<button type="submit" class="btnSearch"><span>Search</span></button> <!-- [##_search_onclick_submit_##]搜索按钮 -->
</s_search>
</div>
</div>
</div></div>
模板基本结构(sidebar)
<div id="sidebar"><div class="inner">
<s_sidebar>
<s_sidebar_element>侧栏内容</s_sidebar_element>
<s_sidebar_element>......</s_sidebar_element>
<s_sidebar_element>侧栏内容</s_sidebar_element>
</s_sidebar>
</div></div>
模板基本结构(sidebar - blogImage)
<s_sidebar_element>
<div class="blogImage">
<div class="box"><img src="[##_image_##]" alt="Blog Image" /></div> <!-- [##_image_##]博客识别图片 -->
</div>
</s_sidebar_element>
模板基本结构(sidebar - blogDesc)
<s_sidebar_element>
<div class="blogDesc">
<p class="box">[##_desc_##]<span class="blogger"> - [##_blogger_##]</span></p> <!-- [##_desc_##]博客文字描述，[##_blogger_##]博客作者名称 -->
</div>
</s_sidebar_element>
模板基本结构(sidebar - notice)
<s_sidebar_element>
<s_rct_notice>
<div class="notice module">
<h3>Notice</h3>
<ul class="box">
<s_rct_notice_rep>
<li><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a> </li> <!-- [##_notice_rep_link_##]公告链接网址，[##_notice_rep_title_##]公告名称 -->
</s_rct_notice_rep>
</ul>
</div>
</s_rct_notice>
</s_sidebar_element>
模板基本结构(sidebar - page)
<s_sidebar_element>
<s_rct_page>
<div class="page module">
<h3>Page</h3>
<ul class="box">
<s_rct_notice_rep>
<li><a href="[##_page_rep_link_##]">[##_page_rep_title_##]</a> </li> <!-- [##_page_rep_link_##]页面链接网址，[##_page_rep_title_##]页面名称 -->
</s_rct_notice_rep>
</ul>
</div>
</s_rct_page>
</s_sidebar_element>
模板基本结构(sidebar - category - list模式)
<s_sidebar_element>
<div class="category module">
<h3>Category</h3>
<div class="box">[##_category_list_##]</div> <!-- [##_category_list_##]日志分类列表模式 -->
</div>
</s_sidebar_element>
模板基本结构(sidebar - category - tree模式)
<s_sidebar_element>
<div class="category module">
<h3>Category</h3>
<div class="box">[##_category_##]</div> <!-- [##_category_##]日志分类树状模式 -->
</div>
</s_sidebar_element>
模板基本结构(sidebar - tag)
<s_sidebar_element>
<div class="tagbox module">
<h3>Tag</h3>
<ul class="box">
<s_random_tags>
<li><a href="[##_tag_link_##]" class="[##_tag_class_##]"> [##_tag_name_##]</a> . . </li> <!-- [##_tag_link_##]标签链接网址，[##_tag_class_##]标签识别class样式，[##_tag_name_##]标签名称 -->
</s_random_tags>
</ul>
</div>
</s_sidebar_element>
模板基本结构(sidebar - author)
<s_sidebar_element>
<div class="author module">
<h3>Author</h3>
<ul class="box">
<s_author_rep>>
<li>
<a href="[##_author_rep_link_##]"> <!-- [##_author_rep_link_##]作者链接 -->
[##_author_rep_name_##] <!-- [##_author_rep_name_##]作者名称 -->
</a>
</li>
</s_author_rep>
</ul>
</div>
</s_sidebar_element>
模板基本结构(sidebar - recentPost，recentComment，recentTrackback)
<s_sidebar_element>
<div class="recentPost module">
<h3>Recent Post </h3>
<ul class="box">
<s_rctps_rep>
<li>
<a href="[##_rctps_rep_link_##]"> [##_rctps_rep_title_##]</a>
<span class="cnt">[##_rctps_rep_rp_cnt_##]</span>
</li>
</s_rctps_rep>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<div class="recentComment module">
<h3>Recent Comment</h3>
<ul class="box">
<s_rctrp_rep>
<li>
<div class="info"><span class="date">[##_rctrp_rep_time_##]</span> <span class="name"> _ [##_rctrp_rep_name_##]</span></div>
<a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##]</a>
</li>
</s_rctrp_rep>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<div class="recentTrackback module">
<h3>Recent Trackback</h3>
<ul class="box">
<s_rcttb_rep>
<li>
<div class="info"><span class="date">[##_rcttb_rep_time_##]</span> <span class="name"> _ [##_rcttb_rep_name_##]</span></div>
<a href="[##_rcttb_rep_link_##]">[##_rcttb_rep_desc_##]</a>
</li>
</s_rcttb_rep>
</ul>
</div>
</s_sidebar_element>
模板基本结构(sidebar - archive)
<s_sidebar_element>
<div class="archive module">
<h3>Archive</h3>
<ul class="box">
<s_archive_rep>
<li>
<a href="[##_archive_rep_link_##]">[##_archive_rep_date_##] </a> <!-- [##_archive_rep_link_##]月份归档链接，[##_archive_rep_date_##]月份归档日期 -->
<span class="cnt">([##_archive_rep_count_##])</span> <!-- [##_archive_rep_count_##]月份归档日志数 -->
</li>
</s_archive_rep>
</ul>
</div>
</s_sidebar_element>
模板基本结构(sidebar - link)
<s_sidebar_element>
<div class="link module">
<h3>Link</h3>
<ul class="box">
<s_link_rep>
<li>
<a href="[##_link_url_##]"> [##_link_site_##]</a> <!-- [##_link_url_##]友情链接网址链接，<!-- [##_link_site_##]友情链接名称 -->
</li>
</s_link_rep>
</ul>
</div>
</s_sidebar_element>
模板基本结构(sidebar - calendar)
<s_sidebar_element>
<div class="calendar module">
<h3>Calendar</h3>
<div class="box">[##_calendar_##]</div> <!-- [##_calendar_##]日历 -->
</div>
</s_sidebar_element>
模板基本结构(sidebar - bannerRss)
<s_sidebar_element>
<div class="bannerRss module">
<a href="[##_rss_url_##]"><img src="./images/btn_rss.gif" alt="rss" /></a> <!-- [##_rss_url_##]日志RSS -->
</div>
</s_sidebar_element>
模板基本结构(sidebar - counter)
<s_sidebar_element>
<div class="counter module">
<h3>Counter</h3>
<dl class="total">
<dt>Total</dt>
<dd>[##_count_total_##] </dd> <!-- [##_count_total_##]总浏览次数 -->
</dl>
<dl class="today">
<dt>Today</dt>
<dd>[##_count_today_##]</dd> <!-- [##_count_today_##]今日浏览次数 -->
</dl>
<dl class="yesterday">
<dt>Yesterday</dt>
<dd>[##_count_yesterday_##]</dd> <!-- [##_count_yesterday_##]昨日浏览次数 -->
</dl>
</div>
</s_sidebar_element>
模板基本结构(sidebar - bannerTextcube)
<s_sidebar_element>
<div class="bannerTextcube module">
<a href="http://www.textcube.org">
<img src="./images/ad_textcube.jpg" alt="Textcube" /> </a>
</div>
</s_sidebar_element>
模板基本结构(footer)
<div id="footer"><div class="inner">
<div class="footMenu">
<a href="[##_blog_link_##]cover">Cover</a> : <!-- [##_blog_link_##]cover聚合页面标签 -->
<a href="[##_blog_link_##]notice">Notice</a> : <!-- [##_blog_link_##]notice公告页面标签 -->
<a href="[##_localog_link_##]">Local</a> : <!-- [##_localog_link_##]地域页面标签 -->
<a href="[##_taglog_link_##]">Tag</a> : <!-- [##_taglog_link_##]Tag页面标签 -->
<a href="[##_blog_link_##]keylog">Keyword</a> : <!-- [##_blog_link_##]keylog关键词页面标签 -->
<a href="[##_guestbook_link_##]">Guestbook</a> : <!-- [##_guestbook_link_##]留言板页面标签 -->
<a href="[##_owner_url_##]">Admin</a> : <!-- [##_owner_url_##]后台管理页面标签 -->
<a href="[##_owner_url_##]/entry/post">New Post</a> <!-- [##_owner_url_##]/entry/post后台撰写发布新日志页面标签 -->
</div>
<div class="copyright">
<a href="[##_blog_link_##]"> [##_blogger_##]</a>'s Blog is powered by
<a href="http://www.textcube.org">[##_textcube_name_##] [##_textcube_version_##]</a> /<!-- [##_blog_link_##]博客首页标签，[##_blogger_##]博客作者名称，[##_textcube_name_##]Textcbue名称，[##_textcube_version_##] Textcbue版本号-->
Designed by <a href="http://plyfly.net"><img src="./images/ad_byplyfly.gif" alt="plyfly.net" style="vertical-align:middle;" /></a>
</div>
</div></div>
-----------------------------------------------------------------------------------------------------------------------
模板基本文件(index.xml)
<?xml version="1.0" encoding="utf-8"?>
<skin>
<information>
<name>模板名称</name>
<version>版本编号</version>
<description>
<![CDATA[ 模板描述 ]]>
</description>
<license>
<![CDATA[ 版权]]>
</license>
</information>
<author>
<name>作者名称</name>
<homepage>作者网站</homepage>
<email>作者 e-mail</email>
</author>
<default>
<recentEntries>最新文章显示数目5</recentEntries>
<recentComments>最新回复显示数目5</recentComments>
<recentTrackbacks>最新引用显示数目5</recentTrackbacks>
<itemsOnGuestbook>访客留言每页显示笔数5</itemsOnGuestbook>
<tagsInCloud>标签显示数目30</tagsInCloud>
<sortInCloud>标签排序方式1</sortInCloud>
<expandComment>是否展开回应1</expandComment>
<expandTrackback>是否展开引用1</expandTrackback>
<lengthOfRecentNotice>最新公告标题长度27</lengthOfRecentNotice>
<lengthOfRecentEntry>最新文章标题长度27</lengthOfRecentEntry>
<lengthOfRecentComment>最新回应内文长度27</lengthOfRecentComment>
<lengthOfRecentTrackback>最新引用内文长度27</lengthOfRecentTrackback>
<lengthOfLink>链结长度27</lengthOfLink>
<showListOnCategory>分类页面显示清单1</showListOnCategory>
<showListOnArchive>日期归档页面显示清单1</showListOnArchive>
<commentMessage>
<none>没有评论</none>
<single>有一篇评论</single>
</commentMessage>
<trackbackMessage>
<none>没有引用</none>
<single>有一篇引用</single>
</trackbackMessage>
<tree>
<color>分类树状字体颜色000000</color>
<bgColor>分类树状背景颜色ffffff</bgColor>
<activeColor>当前分类树状字体颜色000000</activeColor>
<activeBgColor>当前分类树状背景颜色eeeeee</activeBgColor>
<labelLength>分类树状长度27</labelLength>
<showValue>是否展开分类树状1</showValue>
</tree>
<contentWidth>正文宽度500</contentWidth>
</default>
</skin>
博文
