Textcbe 模板详细解析（一）

2008/12/31 12:42 / 程序Textcube
轉載過來的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>
2008/12/31 12:42 2008/12/31 12:42
No Comment

TC模板標簽說明及漢化

2008/09/19 12:29 / 程序Textcube
轉載自：http://voodoo.fangxuela.com/   （為方便自己以後修改模板用）

TC模板標簽說明

[##_title_##] 日志標題 [后臺可設置]
[##_page_post_title_##] 該頁日志標題 [當前頁面顯示一篇日志時可顯示]

導航
[##_blog_link_##] 日志首頁
[##_taglog_link_##] 標簽頁面
[##_localog_link_##] 地域情報頁面
[##_guestbook_link_##] 留言板
[##_owner_url_##] 管理頁面
[##_owner_url_##]/entry/post 發表新日志

搜索
[##_list_conform_##] 相關日志共 [##_list_count_##] 篇
[##_rplist_conform_##] 相關回復共 [##_rplist_count_##] 篇
[##_tblist_conform_##] 相關引用共 [##_tblist_count_##] 篇 [TC1.5加入]

地域
[##_local_spot_##] 地域分級
[##_local_info_title_##] 地域下的日志

標簽
[##_tag_name_##] 標簽名稱

留言
[##_guest_input_name_##] [##_guest_name_##] 昵稱
[##_guest_input_password_##] 密碼 [修改刪除留言時使用]
[##_guest_input_homepage_##] [##_guest_homepage_##] 主頁
[##_guest_textarea_body_##] 留言內容
[##_guest_onclick_submit_##] 確定發表留言

[##_guest_rep_name_##] 留言者
[##_guest_rep_date_##] 留言時間
[##_guest_rep_desc_##] 留言內容

[##_guest_rep_link_##] 留言鏈接地址 [點擊后地址欄顯示該留言的鏈接地址]
[##_guest_rep_onclick_delete_##] 編輯/刪除留言
[##_guest_rep_onclick_reply_##] 回復該留言

公告
[##_notice_rep_title_##] 公告標題
[##_notice_rep_date_##] 公告發表時間
[##_notice_rep_desc_##] 公告內容

加密日志
[##_article_rep_title_##] 日志標題
[##_article_rep_date_##] 日志發表時間
[##_article_password_##] 加密日志密碼
[##_article_dissolve_##] 確定日志密碼

日志
[##_article_rep_title_##] 日志標題
[##_article_rep_category_##] 日志分類
[##_article_rep_date_##] 日志發表時間
[##_article_rep_author_##] 日志作者 [TC1.5加入]

[##_s_ad_m_link_##] 編輯日志
[##_s_ad_m_onclick_##] 在新窗口打開編輯日志
[##_s_ad_s1_label_##]→<a href="#" onclick="[##_s_ad_s2_onclick_##]">[##_s_ad_s2_label_##]</a> 日志模式切換 [公開/不公開]
[##_s_ad_t_onclick_##] 引用 [可輸入需要引用網址]
[##_s_ad_d_onclick_##] 刪除日志

[##_article_rep_desc_##] 日志內容

[##_tag_label_rep_##] 當前日志所使用標簽

[##_article_rep_tb_cnt_##] 引用 [開啟/關閉日志引用地址]
[##_article_rep_rp_cnt_##] 回復 [開啟/關閉日志回復欄]

[##_tb_address_##] 當前日志引用地址

[##_tb_rep_title_##] 引用標題
[##_tb_rep_site_##] 引用網站
[##_tb_rep_date_##] 引用時間
[##_tb_rep_desc_##] 引用內容
[##_tb_rep_onclick_delete_##] 刪除引用

[##_rp_rep_name_##] 回復者
[##_rp_rep_date_##] 回復時間
[##_rp_rep_link_##] 回復地址鏈接 [點擊后地址欄顯示改回復的鏈接地址]
[##_rp_rep_onclick_delete_##] 編輯/刪除回復
[##_rp_rep_onclick_reply_##] 對該回復發表評論
[##_rp_rep_desc_##] 回復內容

[##_rp_input_name_##] 昵稱
[##_rp_input_password_##] 密碼
[##_rp_input_homepage_##] 主頁
[##_rp_input_is_secret_##] 悄悄話 [僅管理員可見]
[##_rp_input_comment_##] 回復內容
[##_rp_onclick_submit_##] 確定發表回復

頁碼
[##_prev_page_##] 上一頁
[##_next_page_##] 下一頁
[##_paging_rep_link_num_##] 頁碼

側欄
[##_image_##] 日志圖片 [后臺可設置]
[##_desc_##] 日志描述 [后臺可設置]
[##_blogger_##] 日志作者 [后臺可設置]

[##_notice_rep_title_##] 公告標題

[##_owner_url_##] 管理
[##_owner_url_##]/entry/post 撰寫新日志

[##_search_text_##] 搜索

[##_category_##] 日志分類 [使用tree]
[##_category_list_##] 日志分類 [list模式，不使用tree]

[##_tag_name_##] 標簽

[##_rctps_rep_title_##] 最新日志
[##_rctrp_rep_desc_##] 最新回復
[##_rcttb_rep_desc_##] 最新引用

[##_archive_rep_date_##] 月份歸檔

[##_calendar_##] 日歷

[##_link_site_##] 友情鏈接

[##_count_total_##] 全部ip統計
[##_count_today_##] 今日ip統計
[##_count_yesterday_##] 昨日ip統計

[##_rss_url_##] 日志rss地址

[##_textcube_name_##] textcube名稱
[##_textcube_version_##] textcube版本號

-----------------------------------無敵分割線-----------------------------------

翻譯可以根據上面的標簽完成，如果還有韓文未得到翻譯可以用下面兩個翻譯網站解決
http://www.worldlingo.com/en/microsoft/ ··· ion.html
http://www.google.com/language_tools?hl=zh-CN

字體修正
大小修正
很多韓國模板使用的字體顯示中文是會出現字體大小不一，需要修改字體
使用emeditor或其他編輯器修改skin.html,style.css及其其他的css及js文件
使用替換,把Dotum,Gulim,돋움, 굴림替換為Tahoma或Verdana保存即可
字體過緊
使用替換,把letter-spacing:-1px替換為letter-spacing:0保存即可
注:請以utf-8的格式保存,不要添加Unicode簽名(BOM).標點符號可以根據自己的喜好予以修改
2008/09/19 12:29 2008/09/19 12:29
No Comment