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>

我的QQ空间
带倒记时的js跳转代码
function times() {for (i=4;i>0;i++) {setTimeout('reli...
 

0 评论:


所有文章收集于网络,如果有牵扯到版权问题请与本站站长联系。谢谢合作![email protected]