Succinct 模板样式制作手册      beta V 1.0

模板组成

通用模式

侧边栏

日志

其它

模板结构定义文件

element.php

这是一个PHP文件，必须使用UTF-8编码保存。它规定了模板的结构，也就是各个区域具体的HTML代码，对于blog页面布局或插入GG广告等均可以在此文件修改。有关这个文件的详细说明，请查看通用模式里的详细说明。

这个文件可能会随着程序的不断完善而不断修改，因此如果非必要，建议您使用默认的elements.php，也就是在风格的info.php中将structure指向template/default/elements.php

模板样式表文件

style.css

该文件是整个风格的最主要部分，我们建议所有的风格都尽力在配合默认架构 default/element.php 文件的基础上修改。也就是说，建议只修改CSS文件达到您想要的效果，而不是修改模板架构本身。CSS+DIV的网页排版方式符合标准，也能创造出风格迥异的丰富效果来。

当然，如果有一定模板制作经验又或者想获得更好的页面布局效果，你不妨结合element.php文件的修改来达到最佳的网页风格。

有关CSS文件中各个Id和Class的命名和对应区域，请查看通用模式里的详细说明。

hack链接方式

现在我们大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！搜索了一下，找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。

现在写一个CSS可以参照如下定义:
#menu { padding-right: 150px }/* Moz */
* html ＃menu { padding-right: 50px; } /* IE6 */
*+html ＃menu { padding-right: 150px; }/* IE7*/


说明：
上面只是举了一个例子，主要是给大家一种解决的办法，上面定义了一个菜单栏在三种在浏览器当中的位置表现，padding是CSS中的内补丁属性（有4个值，分别是上、左、下、右，值不可为负数）， padding-right是检索或设置对象右边的补丁边距。在一个CSS中有内补丁和外补丁，外补丁是margin，同样有4个值，其值可以为负数。在一个网页中如果出现错位一般都是这几个值设置不对造成的，当然“*+html”还适用于CSS的其他属性。

此段内容由yeyo提供

分别链接方式

//<script language=JavaScript>
//<!--
////根据不同的浏览器调用不同的CSS!
//if (window.navigator.userAgent.indexOf("MSIE")>=1)
//{
//document.write('<link media="screen" href="template/{$template['dirname']}/Ie&Maxthon.css" type="text/css" rel="stylesheet" />');
//}
//else{
//if (window.navigator.userAgent.indexOf("Firefox")>=1)
//{
//document.write('<link media="screen" href="template/{$template['dirname']}/Firefox.css" type="text/css" rel="stylesheet" />');
//}
//else{
//if (navigator.appName=="Opera")
//{
//document.write('<link media="screen" href="template/{$template['dirname']}/Opera.css" type="text/css" rel="stylesheet" />');
//}
//}
//}
////-->
//</script>
复制此段代码时，请将代码前的前两个“//”符号去掉。

模板信息文件

info.php

这个文件存放了风格的作者等重要信息。

它必须是没有错误的PHP文件，编码必须采用UTF-8。（我们推荐使用的文本编辑器见第二部分。）

info.php 文件存放于./blog/template/default/ 文件夹下。

结合这个文件为您说明该文件的结构。注意：双斜杠 // 后面以及 和 /* 与 */ 之间的文字为注释，事实上您的文件不需要包括这些注释。

演示样式：

<?PHP
//PHP文件开始。
//请使用这样的形式而不是short tag，即：不要缩写成 “<?” ，也不要写成 “<%”，尽管这样可能也能被识别。

$template['id']="F6608B51629C6EB2-149081EB0E97C2E9-58DC6F1AAB7F6398-03";
//这一行的引号中是这个风格的ID。ID是便于程序识别一个风格的一个字符串，可以是任何拉丁字符、数字等。比如 mystyle、style200601等都是允许的。但为了减少你的ID和任何人发布的其它风格重复的概率，建议您将ID设置得复杂一些。

$template['name']="简洁";
//引号中是这个风格的名字，可以为中文名称。

$template['author']="Steven Chen";
//引号中是这个风格的作者。注意这里是支持HTML代码的。

$template['intro']="This Template Is Designed By Steven,Couke Tribe Provides the use";
//引号中是这个风格的简介,也可以是受权声明。

$template['dirname']="Succinct";
//引号中是这个风格所在文件夹的名字。假如您的风格名为pure，那么它的所有文件就应该存放在 template/pure/ 下，而这里的值也应该改为 pure。

$template['thumbnail']="thumb.jpg";
//引号中是这个风格的缩略图文件的文件名。缩略图应该放置在这个风格文件夹下。文件名在此指定。

$template['structure']="template/Succinct/elements.php";
//引号中是这个风格的结构定义文件的位置和文件名。对于只修改CSS就能完成的风格，您不必再在风格文件夹中放置一个 elements.php，而完全可以采用默认模板的template/default/elements.php不改变。

$template['images']="template/Succinct/images";
//引号中指定了blog界面上的部分图片的位置。这些图片包括RSS图标、上/下一篇日志的图标等等。

$template['css'][0]="template/Succinct/styles.css";
// 引号中是CSS文件的位置和文件名。Bo-Blog 2.0支持同一风格载入多个CSS。因此这里可以写成数组的形式。比如，如果您的风格用到了3个CSS文件，分别是 structure.css、style.css、extra.css，您可以写成：
$template['css'][0]="template/Succinct/structure.css";
$template['css'][1]="template/Succinct/style.css";
$template['css'][2]="template/Succinct/extra.css";
注意数组上标从 0 开始。
这些css文件会被程序自动全部载入模板。
注意：如果在模板中使用"根据不同的浏览器调用不同的CSS"的方法，则此载入CSS文件的设置无效。

图片文件夹

我们建议您在专门建立一个文件夹以存放该风格用到的图片，而不是将所有图片都存放在风格的根目录下。

推荐您在风格所在的文件夹下建立images子文件夹，放置用到的图片文件。

模板预览

大小是400*300像素，建议为JPG、GIF和PNG格式。为了不增加额外的空间负担，不建议您截取精读太高的缩略图。

建议文件名为thumb.jpg

文本编辑器

Editplus、EmEditor、UltraEdit

编辑文本文件的编辑器可谓多如牛毛，您完全可以选择最顺手的使用。但是有一些情况您需要了解。
Bo-Blog采用 UTF-8 编码，因此所有文本文件（模板中涉及的是PHP文件）必须储存为 UTF-8 编码。另外，部分文本编辑软件，如Dreamweaver、记事本等，在保存UTF-8文件时会在文件最开始加入UTF-8识别记号（BOM）。BOM在WINDOWS下打开文件时不可见，但PHP在读取文件时仍会将其作为文件的一部分，由此会产生cookie失效（无法登入），模板无法顶住页面顶部等现象。

解决的方法：
建议您使用 Editplus 2.12 或者 EmEditor 编辑PHP文件。它们对无BOM的UTF-8文件兼容较好；
UltraEdit用户需将 Write UTF-8 BOM header to ALL UTF-8 files when saved 选项设置为关；
其它文本编辑器用户，在编辑完后如发现程序异常，可参考此方法解决。

浏览器兼容

Firefox、IE\Maxthon、Opera

建议您在制作模板时考虑到浏览器的兼容问题。
由于 2.0 采用的是CSS+DIV布局，因此可能在不同的浏览器上存在不同的显示效果。建议您在发布时考虑到主流浏览器的兼容问题。方法之一是在模板发布的帖子里注明：
a.在IE下测试通过；
b.暂不兼容Firefox；
c.可在IE、Fx、Opera下正确显示 等等类似的字样。

对于被官方风格栏目收入的风格，至少需要做到同时与IE和Firefox兼容。
如果一个style.css文件不能做到兼顾以上浏览器，建议您可以分开来连接样式表文件，根据不同的浏览器调用不同的CSS，具体内容请查看模板样式表文件里的其他链接方式。

多语言界面

zh-cn、zh-tw、en、其它

Bo-Blog默认提供有三个语言包，分别是简体中文、繁体中文、英文，您在测试模板效果时应该分别在这默认的三种语言环境下进行模板风格的测试。
在官网论坛里还有其它语言包发布，如果您有兴趣，也可以将您的语言包发布出来和大家分享。

源图片文件

PNG、PSD、Fla、Swi、其它

您可以自主决定是否将图片或动画的源文件放入压缩包。如果您不打算提供源文件的话，建议您提供一张没有加过自己站名的空白logo图或动画，方便下载者修改。当然，这都出于自愿。

thumb.db

Windows下

Windows XP及以后系统版本会在您的图片文件夹是缩略图模式下生成一个名为 thumb.db 的隐藏文件。当您把这个文件也打包到压缩包里时，会导致压缩文件体积增大不少！所以建议您不要把这个文件放到压缩包里。以常用软件winrar为例，可以在压缩完成后，打开压缩文件，就能看到这个文件是否存在了。

解决的方法：
在您的图片文件夹是缩略图模式下，打开“我的电脑”--工具--文件夹选项--查看--选择“显示所有文件和文件夹”--取消“隐藏受保护的操作系统文件（推荐）”勾选--即可看到thumb.db，建议在最后打包时将缩略图模式改为图标模式，并删除已存在的thumb.db。

压缩包格式

RAR、ZIP、其它

推荐的压缩包格式为：.rar、.zip、.Gzip。

请不要将压缩包设置成自解压格式、加密压缩文件等。

模板测试

IE6.0\7.0、FireFox及Opera浏览器

模板在基本成形后，需要进行各项测试，以检查实际浏览的效果，使用FTP工具上传（或在本机）整个模板文件夹到您的blog网址，例如本站http://www.couke.com/weblog/template/目录下；进入你的blog程序后台（http://www.xxxxx.com/blog/admin.php），点击外观扩展--点击页面底部自动刷新列表里的“开始自动刷新”按键--刷新后新增的模板就会出现在模板管理里，选择“启用”--OK

在启用新模板后，以下项目的操作测试在IE6.0\7.0、FireFox及Opera浏览器下必不可少：

页面错位测试
注册测试
登录测试
搜索测试
标签、标签页（Tags）测试
留言测试
评论测试
置顶主题测试
摘要模式测试（包括分类）
列表模式测试（包括分类）
开关侧边栏测试
友情链接测试
星标日志测试
归档测试
侧边栏模块伸展关闭测试
申请链接测试
引用（trackback）
...

模板发布格式

范例格式

预览截图： http://www.couke.com/weblog/attachment/200701/1169532087_0.gif
模板名称： Succinct
中文名称： 简洁
模板作者： Steven
移植作者： （原创模板取消此项）
制作时间： 2007-01-20
编写工具： EmEditor、Dreamweaver、Fireworks
作者主页： http://www.couke.com
授权声明： This Template Is Designed By Steven,CoukeTribe Provides the use
适用版本： Bo-Blog v 2.0.3 +
适用语言： Zh-cn、Zh-tw、English
模板大小： 144 kb
模板简介：
这是一款目前本人较为满意的模板，界面简洁、明快，采用分别导入css的做法，应对IE6.0\7.0、Opera及FireFox 等三种不同主流浏览器的兼容测试，除IE6.0\7.0主体背景和Opera及FireFox的主体背景稍有差别外（是为了规避一个#ID的问题），其余完全一致；在程序三种默认语言版本下没有发现错位等问题；这是新年第一款模板，希望大家喜欢，同时，针对记录这款模板制作过程的“Bo-Blog v 2.0.3 + 模板样式手册 Beta v 1.0”正在抓紧编写中，后续时间内放出，方便新手参考！

演示地址： http://www.couke.com/weblog/index.php?tem=Succinct
下载地址： http://www.couke.com/weblog/read.php/63.htm
    （为了方便不需要加入GG广告的朋友使用，已经放出无GG广告版）

注意事项：
因为我的blog是无插件的，所以尚未得知有安装插件的blog安装后的情况，不过按照测试显示，应该不会出现明显问题，当然欢迎朋友们在使用时能回报BUG；
第二，因为这款模板是为自己的blog制作，里面带有GG广告代码和在首页日志标题栏附有日志作者头像，使用时可以自行决定删除或替换。elements.php文件中除顶部的/**/注解不能删除，其他注解（包括<!--  -->）均可以删除，这些注解只是为了方便你修改，对页面并无作用。

适用浏览器：IE6.0\7.0、Opera及FireFox
适用分辨率：1024*768

手册编写

本手册由酷客部落 (CoukeTribe) Steven Chen编写，本手册内容针对Bo-Blog v 2.0.3 + 版本提供制作风格模板的指导。如果你发现手册内容有误，或者手册内容尚未更新到最新版本，请与我联系，并请提示哪部分手册内容错误或者尚未更新，谢谢。

本手册以 Succinct 模板作为范例，可能与官方教程或其他指导手册不同，但基本制作方法是相通的。

更多及时资讯请访问酷客部落

请注意，“Bo-Blog v 2.0.3 +” 表示此手册的适用环境为v2.0.3或更高版本，低于此版本的只能作为借鉴参考！为了获得更多更强的功能以及更安全的使用环境，请您尽快升级您的blog ！

最新程序

在开始安装和使用 Bo-Blog 之前，请务必仔细阅读本授权文档，在确定您理解和同意以下全部条款后， 方可继续安装和使用。
Bo-Blog日志程序（以下简称程序）是由Bob开发的单用户blog程序，基于PHP脚本和MySQL数据库。本程序是免费和开源程序， 任何人都可以从互联网上免费下载，并可以在不违反本协议规定的前提下进行分发， 且可以在不进行商业行为的前提下免费使用而无需缴纳程序使用费。
1. 程序使用和版权：
(1) 任何人都可以在程序官方网站或者下载网站上获得最新版本的程序稳定版以及可能提供的测试版。
(2) 任何人除以下情况外，都可以免费在各类主机上架设和使用本程序而无需支付使用费，这些不允许的情况包括：
a. 记录、发布违法和不良信息， 国家法律法规禁止发布的信息的；
b. 以盈利为目的的网站；
(3) 在确保安装包完整、 保持免费的前提下，各类网站和个人可以对程序再分发。
2.免责：
(1) 程序作者不对使用程序造成的数据丢失、 密码失窃负责，不对因使用者发表的内容引起的一切后果负责。
(2) 如有使用上的困惑和问题，作者将尽量予以帮助，但此并非是作者的义务。
在此，感谢您选择了Bo-Blog，当发现问题，或有任何改进的建议，都可在官方网站、 论坛留言，也可通过邮件渠道提出。让我们携手将blog的精彩进行到底！

Bo-Blog: 最新程序版本下载

模板下载

Bo-Blog 有一大群热心朋友制作并分享自己的模板,现在的官网模板数已近百个,并且不断还有新的作品出现,这些优秀的模板作品极大的提高了Bo-Blog的知名度和用户使用率,我们欢迎大家加入到这个行列中来,和所有的朋友一起分享您的制作经验和心得！

Bo-Blog v 2.0.3 + : 最新风格模板下载

官网论坛

为了更方便广大用户获得最新资讯，了解最新的操作和使用功能，同时也是为了给大家提供一个交流的平台，Bo-Blog 专门建立了一个官网论坛，方便大家学习交流。在论坛里，大家可以查看最新的程序、补丁、升级文件、转换文件等，也可以对Bo-Blog 提出自己的想法、建议或BUG报告。

在模板区和插件区，有最新最全的模板或插件下载包，同时也欢迎大家及时反馈使用模板或插件的问题或修改意见。

如果累了，就来茶馆歇歇脚，和大家吹水聊天，又或者到博出你精彩里和大家交换友情链接，这里的朋友永远真诚对待每一位Bo-Blog用户！

Bo-Blog: 官网论坛

鸣谢协助

感谢以下网友的协助。（按字母顺序+汉字笔画数排序）

* BOB (http://www.bo-blog.com)
* yeyo (http://www.nzye.com)

布局参考图



图中色块代表了一个div，色块注释文字表示的是这个div的class（或ID） name。

内部结构：


<?PHP
/* -----------------------------------------------------
This Succinct Template Of www.couke.com
Code By: Bo-Blog 2
Template Designed By: Steven Chen
Site: http://www.couke.com
Copyright (c) Steven Chen
本域名范围内所有内容均受中国法律保护,如需转载、商业使用请与本人联系
任何未经授权的使用,均视作侵权行为!
MSN:web.couke@hotmail.com
Q Q:89001047
SkyPE:web.couke
Mail:web.couke@gmail.com
------------------------------------------------------- */

解释：

/*-- --*/之间是一段该模板的授权使用声明，你在制作模板可以照此修改保留成自己的，也可以直接删除。

$elements['header']


标准格式：


/* 文件开始 */
$elements['header']=<<<eot
<!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" lang="{language}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="UTF-8" />
<meta content="all" name="robots" />
<meta name="author" content="{blogname}" />
<meta name="description" content="{blogdesc}" />
<meta name="keywords" content="{blogkeywords}" />
{baseurl}
<link rel="alternate" title="{blogname}" href="feed.php" type="application/rss+xml" />
{csslocation}
<title>{pagetitle}{blogname} - {blogdesc}</title>
<script type="text/javascript" src="images/js/common.js"></script>
{ajax_js}
{extraheader}
</head>
<body>
eot;



自选格式：


/* 文件开始 */
$elements['header']=<<<eot
<!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" lang="UTF-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="UTF-8" />
<meta name="verify-v1" content="83xlO2MEpYcZ/wVFQNZaLV/eeqAXjElCbAN+JGarw8U=" />
<meta content="all" name="robots" />
<meta name="author" content="This Template Is Designed By Steven" />
<meta name="description" content="{blogdesc},css,xhml,www.Couke.com," />
<meta name="keywords" content="酷客,酷客部落" />
{baseurl}
<link rel="alternate" title="{blogname}" href="feed.php" type="application/rss+xml" />
<!-- {csslocation} --> /* 注解自动获取css*/
<title>{pagetitle}{blogname} - {blogdesc}</title>
<link rel="stylesheet" rev="stylesheet" 
href="template/{$template['dirname']}/Calendar.css" type="text/css" media="all" />
//单独调用日历css文件
<script language=JavaScript>
<!--
//根据不同的浏览器调用不同的CSS!
if (window.navigator.userAgent.indexOf("MSIE")>=1) /*单独调用IE css*/
{
document.write('<link media="screen" 
href="template/{$template['dirname']}/Ie&Maxthon.css" type="text/css" rel="stylesheet" />');
}
else{
if (window.navigator.userAgent.indexOf("Firefox")>=1) /*单独调用Firefox css*/
{
document.write('<link media="screen" 
href="template/{$template['dirname']}/Firefox.css" type="text/css" rel="stylesheet" />');
}
else{
if (navigator.appName=="Opera") /*单独调用Opera css*
{
document.write('<link media="screen" 
href="template/{$template['dirname']}/Opera.css" type="text/css" rel="stylesheet" />');
}
}
}	 
//-->
</script>
<script type="text/javascript" src="images/js/common.js">
{ajax_js}
{extraheader}
</head>
<body>
eot;

解释：

标准格式和自选格式的区别在于CSS样式表的载入方法，其他内容一致。

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 全局设置 */
body { 
margin: 0px;
padding: 0px;
background: #fff url(images/bg.gif);
font-size: 12px;
color: #000;
font-family: Tahoma, Arial,宋体,新細明體;
text-align: center;
}
table { /* 表格样式 */
font-family: Tahoma, Arial;
color: #000000;
font-size: 12px;
}
td{ /* 储存格样式 */
word-break: break-all;
}
a {
margin: 0px;
text-decoration: none;
color: #000;
}
a:hover {
margin: 0px;
text-decoration: none;
color:#000;
}
a img {
border-width: 0px;
}
hr {
height: 1px;
border: 0;
border-top: 1px solid #CCCCCC;
}
acronym {
text-decoration: none;
border-bottom: 1px dotted #ccc;
cursor: help;
}
/* Form Controls Styles */
form {
display: inline;
}
input {
font-family: Tahoma, Arial; 
font-size: 12px; 
}
input.text {
height: 18px;
padding: 1px;
border: 1px solid #ccc;
color: #000; 
background: #fbfcfd;
}
input.button {
padding: 1px;
background: #fbfcfd;
height: 18px;
color: #000; 
border: 1px solid #ccc;
}
textarea { 
border: 1px solid #ccc;
background-color: #FBFCFD;
font-family: Tahoma, Arial; 
font-size: 12px; 
color: #000;
}
select { 
font-family: Tahoma, Arial; 
font-size: 12px;  
color: #000; 
background: #fbfcfd;
border: 1px solid #ccc;
}

$elements['displayheader']


/* 顶部设置 */
$elements['displayheader']=<<<eot
<div id="wrapper">
<div id="innerWrapper">
<div id="header">
<div id="innerHeader">
<div id="blogLogo">
</div>
<div class="blog-header">
<h1 class="blog-title"><a href="index.php">{blogname}</a></h1>
<div class="blog-desc">{blogdesc}</div>
</div>
<div id="menu">
<ul>
{section_head_components}
</ul>
</div>
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 整个页面的框架 */
#wrapper {
margin:0px;
width: 1004px;
text-align: left;
}
/* 内嵌在wrapper里的整个页面的框架 */
#innerWrapper {
width: 100%;
}
/* 整个顶部框架 */
#header {
width: 100%;
height: 108px;
background:#202020;
}
/* 内嵌在header里的框架 */
#innerHeader {
margin: 0px auto;
padding: 0px;
width: 900px;
height: 108px;
border-right: solid 1px #fff;
border-left: solid 1px #fff;
}
#blogLogo {
margin: 0px;
padding: 0px;
width: 198px;
height: 108px;
float: left;
}
/* blog的顶部模块（导航条） */
#menu {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
text-transform: lowercase;
}
#menu ul {
margin: 0;
padding: 0;
float: right;
}
#menu li {
float: left;
width: 5em;
border-left: 1px solid #555;
}
#menu a {
display: block;
width: 5em;
color: #fff;
line-height: 50px;
padding: 58px 0 0;
text-align: center;
}
#menu a:hover {
display: block;
width: 5em;
background: #99cc00;
color: #ff3300;
line-height: 50px;
padding: 58px 0 0;
text-align: center;
}

演示：

暂无

日志页面

$elements['mainpage']


/* 日志页面 */
$elements['mainpage']=<<<eot
<div id="mainWrapper">
<div id="content" class="content">
<div id="innerContent">
<div class="announce" style="display: {ifannouncement}">
<div class="announce-content">
{topannounce}
</div>
</div>
<div class="article-top" style="display: {iftoppage}">
<div class="pages">
<div class="Pages_left">
{pagebar}
</div>
<div class="GoogleSearch">
<!-- Search Google -->
<center>
<form method="get" action="http://www.google.cn/custom" target="_top">
<table bgcolor="#ffffff">
<tr>
<td nowrap="nowrap" valign="top" align="left" height="15">
<input type="text" name="q" size="20" maxlength="255" value=""></input>
<input type="submit" name="sa" value="搜索本站"></input>
<input type="hidden" name="client" value="pub-9386943247991011"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="UTF-8"></input>
<input type="hidden" name="oe" value="UTF-8"></input>
<input type="hidden" name="cof" value="GALT:#ccc;GL:1;DIV:#efefef;VLC:ccc;AH:center;
BGC:fff;LBGC:fff;ALC:333;LC:333;T:000;GFNT:666;GIMP:666;FORID:1"></input>
<input type="hidden" name="hl" value="zh-CN"></input>
</td>
</tr>
</table>
</form>
</center>
<!-- Search Google -->
</div>
</div>
</div>
{mainpart}
<div class="article-bottom" style="display: {ifbottompage}">
<div class="pages">
{pagebar}
</div>
</div>
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 整个主体部分的框架，包含了侧边栏和主内容这两个框架 */
#mainWrapper {
margin: 0px auto;
padding: 0px;
background: #fff;
width: 900px;
border-right: solid 1px #202020;
border-left: solid 1px #202020;
}
/* 主内容的总框架 */
#content {
margin: 0;
padding: 0px;
}
.content {
float: left;
margin: 0px;
padding: 0px;
width: 680px;
}
/* 内嵌于content的框架 */
#innerContent {
overflow: visible;
margin: 2px;
}
/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear {
border-top:1px solid transparent !important;
margin-top:-1px !important;
border-top:0;
margin-top:0;
clear:both;
visibility:hidden;
}
/* 主内容顶部的公告框样式 */
.announce {
margin-bottom: 15px;
background: url(images/announce_icon.gif) repeat-x left bottom;
}
/* 公告内容样式 */
.announce-content {
word-wrap: break-all;
padding: 10px;
color: #202020; 
}
/* 分页条（位于顶部）样式 */
.article-top {
padding: 5px;
margin-bottom: 15px;
}
/* 分页条（位于底部）样式 */
.article-bottom {
padding: 5px;
margin-top: 15px;
}
/* 分页条文字样式 */
.pages {
padding: 0px;
margin: 0px;
height: 20px;
color: #000;
}
.Pages_left {
padding: 8px 0px 0px 5px;
float: left;
}
/* GG AD */
.GoogleSearch {
float: right;
}

演示：

暂无

$elements['displayside']


/* 侧边栏 */
$elements['displayside']=<<<eot
<div id="sidebar" class="sidebar">
<div id="innerSidebar">
{section_side_components}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 整个侧边栏框架 */
#sidebar {
margin: 0;
padding: 0;
float: right;
width: 200px;
}
.sidebar {
padding: 0px;
}
/* 内嵌在sidebar内的框架 */
#innerSidebar {
padding-top: 2px;
}
/* 当侧边栏关闭时的侧边栏样式 */
.sidebar-hide {
display: none;
float: left;
}

演示：

暂无

其它页面

$elements['otherpage']


/* 其它页面 */
$elements['otherpage']=<<<eot
<div id="mainWrapper">
<div id="content" class="content">
<div id="innerContent">
<div class="formbox">
{mainpart}
</div>
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 评论表单所在框 */
.formbox {
}

演示：

暂无

底部设置

$elements['displayfooter']


/* 底部设置 */
$elements['displayfooter']=<<<eot
</div>
<div id="footer">
<div id="innerFooter">
Copyright© 2005-2007 
<a href="http://www.couke.com"  target="_blank" title="Couke Tribe">Couke.com.</a>
<br />
{section_foot_components}
<div id="processtime">
</div>
<!-- 改用google的统计代码了2006.11.02 -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-882026-1";
urchinTracker();
</script>
<!-- /改用google的统计代码了-->
</div>
</div>
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 底部总框架 */
#footer {
clear: both;
width: 100%;
height: 58px;
color: #fff;
text-align: center;
background:#202020;
}
/* 底部内嵌框架 */
#innerFooter {
margin: 0px auto;
padding: 0px;
width: 900px;
height: 58px;
line-height: 1.5em;
border-right: solid 1px #fff;
border-left: solid 1px #fff;
}
#innerFooter a {
padding: 2px;
text-decoration: none;
color: #fff;
}
#innerFooter a:hover {
padding: 2px;
text-decoration: none;
color: #fff;
}
/* 显示脚本运行时间 */
#processtime {
color: #fff;
}

演示：

暂无

$elements['footer']


/* 文件结束 */
$elements['footer']=<<<eot
<script type="text/javascript">
loadSidebar();
</script>
</body>
</html>
eot;

$elements['displayall']=<<<eot
{headerhtml}
{headmenu}
{bodymenu}
{sidemenu}
{footmenu}
{footerhtml}
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	无

演示：

无

出错/成功信息提示框

$elements['msgbox']


/* 出错/成功信息提示框 */
$elements['msgbox']=<<<eot
<div class="tips">Tips:<br/>{message}</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	无

演示：

无

注意事项

本节需要注意的内容

编写中...

侧栏项目

$elements['sideblock']


/* 侧栏项目 */
$elements['sideblock']=<<<eot
<div class="panel">
<h5 onclick='showhidediv("sidebar_{id}");'>{title}</h5>
<div class="panel-content" id="sidebar_{id}" style="display: {ifextend}">
{content}
</div>
</div>
eot;

解释：

侧边栏各个栏目的样式表可以共用一个，也可以分别定义，下同。

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 具体到某一个侧边栏项目的总框架 */
.panel {
padding:0px;
margin-bottom: 5px;
}
/* 侧边栏项目的抬头部分 */
.panel h5 {
padding: 10px 0 0 30px;
margin:0px;
height: 20px;
font-size: 12px;
color: #202020;
font-weight: bold;
text-align: left;
background: url(images/title_icon.gif) no-repeat left bottom;
}
.panel h5 a {
color: #333;
}
/* 侧边栏项目的主要内容区域 */
.panel-content {
width: 180px;
margin:0px;
padding: 5px;
line-height: 120%;
color:#202020;
}
.panel-content ul {
padding: 1px;
margin: 0px;
margin-left: 2px;
}
/* 侧边栏包含列表项的样式 */
.panel-content li {
padding: 0px;
margin: 0px;
list-style: none;
}
/* 侧边栏列表项缩进后的样式（如链接前的列表符号） */
.panel-content li.indent {
padding: 0px;
background-image: url(images/list.gif);
background-repeat: no-repeat;
text-indent: 15px;
}
.panel-content ul li {
padding: 0px;
background-image: url(images/list.gif);
background-repeat: no-repeat;
text-indent: 15px;
}

演示：

暂无

侧边栏-公告

$elements['sideblock_announcement']


/* 侧边栏-公告 */
$elements['sideblock_announcement']=<<<eot
<div id='panelAnnouncement' class="panel">
<h5 style="cursor: pointer" onclick='showhidediv("sideblock_announcement");'>{title}</h5>
<div class="panel-content" id="sideblock_announcement" style="display: {ifextend}">
{content}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

无

侧边栏-分类列表

$elements['sideblock_category']


/* 侧边栏-分类列表 */
$elements['sideblock_category']=<<<eot
<div id='panelCategory' class="panel">
<h5 style="cursor: pointer" onclick='showhidediv("sideblock_category");'>{title}</h5>
<div class="panel-content" id="sideblock_category" style="display: {ifextend}">
{content}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

无

侧边栏-简易统计数据

$elements['sideblock_statistics']


/* 侧边栏-简易统计数据 */
$elements['sideblock_statistics']=<<<eot
<div id='panelStatistics' class="panel">
<h5 style="cursor: pointer" onclick='showhidediv("sideblock_statistics");'>{title}</h5>
<div class="panel-content" id="sideblock_statistics" style="display: {ifextend}">
{content}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

无

侧边栏-日历

$elements['sideblock_calendar']


/* 侧边栏-日历 */
$elements['sideblock_calendar']=<<<eot
<div id='panelCalendar' class="panel">
<h5 style="cursor: pointer" onclick='showhidediv("sideblock_calendar");'>{title}</h5>
<div class="panel-content" id="sideblock_calendar" style="display: {ifextend}">
<!-- 日历模块flash定位 可以删除或替换 -->
<div id="Layer1" style="position:absolute; left:720; top:400; width:180; height:180; z-index:1"> 
<div align="center"> 
<embed src="template/Succinct/images/flash_bg.swf" width="180" height="180" wmode="transparent"></embed>
</div>
</div>
{content}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

无

$elements['sideblock_search']


/* 侧边栏-搜索 */
$elements['sideblock_search']=<<<eot
<div id='panelSearch' class="panel">
<h5 style="cursor: pointer" onclick='showhidediv("sideblock_search");'>{title}</h5>
<div class="panel-content" id="sideblock_search" style="display: {ifextend}">
{content}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 搜索框样式 */
.search-field { 
width: 125px;
margin-bottom: 5px;
border: 1px solid #ccc;
}

演示：

无

侧边栏-最新日志

$elements['sideblock_entries']


/* 侧边栏-最新日志 */
$elements['sideblock_entries']=<<<eot
<div id='panelEntries' class="panel">
<h5 style="cursor: pointer" onclick='showhidediv("sideblock_entries");'>{title}</h5>
<div class="panel-content" id="sideblock_entries" style="display: {ifextend}">
{content}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

无

侧边栏-最新评论

$elements['sideblock_replies']


/* 侧边栏-最新评论 */
$elements['sideblock_replies']=<<<eot
<div id='panelReplies' class="panel">
<h5 style="cursor: pointer" onclick='showhidediv("sideblock_replies");'>{title}</h5>
<div class="panel-content" id="sideblock_replies" style="display: {ifextend}">
{content}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

无

$elements['sideblock_link']


/* 侧边栏-链接组和链接 */
$elements['sideblock_link']=<<<eot
<div id='panelLink' class="panel">
<h5 style="cursor: pointer" onclick='showhidediv("sideblock_link");'>{title}</h5>
<div class="panel-content" id="sideblock_link" style="display: {ifextend}">
{content}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

无

侧边栏-归档

$elements['sideblock_archive']


/* 侧边栏-归档 */
$elements['sideblock_archive']=<<<eot
<div id='panelArchive' class="panel">
<h5 style="cursor: pointer" onclick='showhidediv("sideblock_archive");'>{title}</h5>
<div class="panel-content" id="sideblock_archive" style="display: {ifextend}">
{content}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

无

侧边栏-杂项与其它信息

$elements['sideblock_misc']


/* 侧边栏-杂项与其它信息 */
$elements['sideblock_misc']=<<<eot
<div id='panelMisc' class="panel">
<h5 style="cursor: pointer" onclick='showhidediv("sideblock_misc");'>{title}</h5>
<div class="panel-content" id="sideblock_misc" style="display: {ifextend}">
{content}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

无

侧边栏-其它样式

$elements['displaybody']


/* 侧边栏-其它样式 */
$elements['displaybody']=<<<eot
<div id="sidebar" class="sidebar">
<div id="innerSidebar">
{section_side_components}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

无

注意事项

本节需要注意的内容

编写中...

摘要方式

$elements['excerpt']


/* 摘要方式 */
$elements['excerpt']=<<<eot
<div class="textbox">
<div class="textbox-title">
<!-- 日志作者头像 可以删除或替换，替换需要在blog/images/avatars/下放入一个icon.jpg你的图像文件 -->
<div class="icon">
<a href="./view.php?go=user_1" target=_blank>
<img src="./images/avatars/icon.jpg" hspace="0" vspace="0" align="absmiddle" title="Me">
</img>
</a>
</div>
<h4>
{entrystar} {entrytitle}
</h4>
<div class="textbox-label">
{entryicon} {entrydate} {entrytime}
</div>
</div>
<div class="textbox-content">
{entrycontent}
</div>
<div class="tags" style="display: {iftags}"> {tags} {alltags}
</div>
<div class="textbox-bottom">
{entrycateicon} {entrycate} | {entrycomment} | {entrytb} | {entryviews} {ifadmin}
</div>
{tbbar}
{adminbar}
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 每篇日志的总框架 */
.textbox {
padding-bottom: 25px;
margin-bottom: 5px;
}
/* 日志标题位置样式 */
.textbox-title {
word-wrap: break-all;
font-size: 14px;
height: 62px;
background: url(images/announce_icon.gif) repeat-x left bottom;
}
/* 作者头像 */
.icon {
width: 49px;
height: 60px;
float: right;
}
/* 日志标题文字样式 */
.textbox-title h4 {
margin: 0px;
padding-top: 18px;
padding-left: 7px;
font-size: 1.2em;
}
.textbox-title h4 a {
color: #202020;
}
.textbox-title h4 a:hover {
color: #da1071;
}
/* 发表日期栏样式 */
.textbox-label {
margin: 0px;
padding-top: 3px;
padding-left: 5px;
color: #ccc;
font-size: 9px;
}
/* 日志内容样式 */
.textbox-content {
word-wrap: break-word;
padding: 10px;
color: #333;
background: url(images/announce_icon.gif) repeat-x left bottom;
}
/* 日志底部工具条样式 */
.textbox-bottom {
padding: 0px;
padding-top: 3px;
padding-bottom: 4px;
font-size: 12px;
color: #000;
text-align:right;
}
.textbox-bottom a {
color: #000;
text-decoration: none;
}
.textbox-bottom a:hover {
color: #000;
text-decoration: none;
}
/* tags显示条样式 */
.tags {
margin: 0 0 0 10px;
padding: 3px 0 4px 20px;
float: left;
font-size: 11px;
color: #da1071;
text-align:left;
background: url(images/tag_bg.gif) no-repeat 0px;
}
.tags a {
text-decoration: none;
color: #da1071;
}
.tags a:hover {
text-decoration: none;
color: #da1071;
}

演示：

暂无

置顶的摘要

$elements['excerptontop']


/* 置顶的摘要 */
$elements['excerptontop']=<<<eot
<div class="textbox">
<div class="textbox-title">
<!-- 日志作者头像 可以删除或替换，替换需要在blog/images/avatars/下放入一个icon.jpg你的图像文件 -->
<div class="icon">
<a href="./view.php?go=user_1" target=_blank>
<img src="./images/avatars/icon.jpg" hspace="0" vspace="0" align="absmiddle" title="Me">
</img>
</a>
</div>
<div style="float: left; width: 95%;">
<h4>
{entrystar} {entrytitle}
</h4>
</div> 
<div style="float: right; text-align:right; width: 5%;">
<a href="javascript: showhidediv('{topid}');">
<img src="{$template['images']}/folder.gif" border="0" hspace="0" vspace="0" align="absmiddle" alt="" title="{$lnc[236]}" />
</a>
</div>
<div class="textbox-label" style="clear: both;">
{entryicon} {entrydate} {entrytime}
</div>
</div>
<div id="{topid}" style="display: none;">
<div class="textbox-content">
{entrycontent}
<div class="tags" style="display: {iftags}"> {tags} {alltags}
</div>
</div>
<div class="textbox-bottom">
{entrycateicon} {entrycate} | {entrycomment} | {entrytb} | {entryviews} {ifadmin}
</div>
{tbbar}
{adminbar}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

暂无

日志列表单行

$elements['list']


/* 日志列表单行 */
$elements['list']=<<<eot
<tr>
<td class="listbox-entry">
[{entrycate}] {entrytitle}
</td>
<td class="listbox-entry" style="word-break: normal;" align="center">{entryauthor}</td>
<td class="listbox-entry" width="70" align="center">{entrydate}</td>
</tr>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 单行列表表格正文文字样式 */
.listbox-entry {
padding: 3px 0 3px 10px;
word-wrap: break-all;
color: #202020;
background: url(images/announce_icon.gif) repeat-x left bottom;
}
.listbox-entry a{
word-wrap: break-all;
}

演示：

暂无

日志列表

$elements['listbody']


/* 日志列表 */
$elements['listbody']=<<<eot
<div class="listbox">
<div class="listbox-table">
<table cellpadding="2" cellspacing="0" width="100%">
<tr>
<td class="listbox-header" align="center">
{$lnc[237]}
</td>
<td class="listbox-header" style="word-break: normal;" align="center">{$lnc[238]}</td>
<td class="listbox-header" width="70" align="center">{$lnc[239]}</td>
</tr>
{listbody}
</table>
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 表格整体框架 */
.listbox {
padding-top: 5px;
padding-bottom: 5px;
}
/* 表格的宽度/搜索结果表格 */
.listbox-table {
width: 680px;
}
/* 表格头部文字样式 */
.listbox-header {
font-weight: bold;
text-align: center;
color: #202020;
height: 20px;
}

演示：

暂无

查看日志

$elements['viewentry']


/* 查看日志 */
$elements['viewentry']=<<<eot
<div class="article-top">
<div class="prev-article">{previous}</div>
<div class="next-article">{next}</div>
</div>
<div class="textbox">
<div class="textbox-title">
<h4>
{entrystar} {entrytitle}
</h4>
<div class="textbox-fontsize">
{toolbar}
</div>
<div class="textbox-label">
{entryicon} {entrydate} {entrytime}
</div>
</div>
<div class="textbox-content" id="zoomtext">
{entrycontent} {ifedited}
</div>
<div class="textbox-bottom">
<div class="tags" style="display: {iftags}">{tags} {alltags}</div>
{entrycateicon} {entrycate} | {entrycomment} | {entrytb} | {entryviews} {ifadmin}
{tbbar}
{adminbar}
<br />
<br />
<div align="left" style="margin-left:10px;">
<!-- google的广告 2006.11.03 D 可以删除或替换 -->
<script type="text/javascript">
<!--
google_ad_client = "pub-9386943247991011";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text";
//2007-01-18: 3
google_ad_channel = "4486899749";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "333333";
google_color_text = "202020";
google_color_url = "cccccc";
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- 广告结束 -->
</div>
</div>
</div>
<div id="commentWrapper" class="comment-wrapper">
<a name="topreply"></a>
<div id="addnew"></div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 分页条（位于顶部）样式 */
.article-top {
padding: 5px;
margin-bottom: 15px;
}
/* 上一篇提示文字样式 */
.prev-article { 
float: left;
}
/* 下一篇提示文字样式 */
.next-article {
float: right;
}
/* 日志工具条（字号选择等）样式 */
.textbox-fontsize {
color: #979797;
float: right;
text-align: right;
padding: 3px;
font-size: 12px;
}
.textbox-fontsize a {
color: #979797;
}
/* comments wrapper */
.comment-wrapper {
}

演示：

暂无

评论

$elements['comment']


/* 评论 */
$elements['comment']=<<<eot
<div class="commentbox">
<div class="commentbox-title">
{replier} {replieremail} {replierhomepage} {replierip}
<div class="commentbox-label">{replytime} {addadminreply} {deladminreply} {delreply}</div>
</div>
<div class="commentbox-content">
{replycontent}
<div class="quote" style="display: {ifadminreplied}"  id="replied_{commentid}">
<div class="quote-title">{adminrepliershow}</div>
<div class="quote-content">{adminreplycontent}</div>
</div>
</div>
<div id="{commentid}" style="display: none">{adminreplybody}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 单条评论（或留言，下同）整体框架 */
.commentbox {
word-wrap: break-word;
padding: 0px;
margin: 5px;
}
/* 评论标题样式 */
.commentbox-title {
padding: 5px;
font-weight: bold;
background: url(images/announce_icon.gif) repeat-x left bottom;
}
/* 评论日期文字样式 */
.commentbox-label {
display: inline;
color: #ccc;
font-size: 12px;
}
/* 评论内容样式 */
.commentbox-content {
padding: 3px;
padding-bottom: 14px;
}
/* 引用框整体框架 */
.quote {
border-left: 0px solid #D6C094;
margin: 10px;
}
/* 引用框标题文字样式 */
.quote-title {
background: url(images/announce_icon.gif) repeat-x left bottom;
padding: 5px;
font-weight: bold;
color: #da1071;
}
/*  */
.quote-title img {
padding-right: 3px;
margin-bottom: -4px;
}
/* 引用框内容样式 */
.quote-content {
word-wrap: break-all;
color: #000;
padding: 10px; 
border: 1px solid #ccc;
border-top: 0px;
}

演示：

暂无

引用

$elements['trackback']


/* 引用 */
$elements['trackback']=<<<eot
<div class="trackbackbox">
<div class="trackbackbox-title">
<img src="{$template['images']}/trackback.gif" alt="" title="{$lnc[60]}"/> {tbtitle} 
<div class="trackbackbox-label">
[{tbtime}] {delreply}
</div>
</div>
<div class="trackbackbox-content">
{$lnc[240]}<a href="{tburl}" target="_blank">{tbblogname}</a><br/>
{$lnc[76]}{tbcontent}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 单条trackback框架 */
.trackbackbox {
padding: 0px;
margin: 5px;
}
.trackbackbox a {
color: #000;
}
/* trackback标题样式 */
.trackbackbox-title{
padding: 5px;
border-left: 1px solid #ccc;
background: url(images/sidebar_bg.png) repeat-y;
}
/*  trackback日期文字样式 */
.trackbackbox-label {
display: inline;
color: #da1071;
font-size: 11px;
}
/*  trackback内容样式 */
.trackbackbox-content {
padding: 3px;
padding-bottom: 14px;
}

演示：

暂无

评论发表框

$elements['form_reply']


/* 评论发表框 */
$elements['form_reply']=<<<eot
<a name="reply"></a>
<div id="commentForm">
<form name="visitorinput" id="visitorinput" method="post" action="javascript: ajax_submit('{jobnow}');">
<table width="100%" border="0" align="center" cellpadding="4" cellspacing="1" class="formbox-comment">
<tr>
<td colspan="2" class="formbox-comment-title">{formtitle}</td>
</tr>
<tr>
<td class="formbox-comment-rowheader" width="125">
<div class="panel-smilies">
<div class="panel-smilies-title">{$lnc[241]}</div>
<div class="panel-smilies-content">
{emots}
<div style="text-align: left; margin-top: 10px; padding-left: 15px">
<input name="stat_html" id="stat_html" type="checkbox" value="1" {disable_html} /> {$lnc[242]}<br />
<input name="stat_ubb" id="stat_ubb" type="checkbox" value="1" {disable_ubb} /> {$lnc[243]}<br />
<input name="stat_emot" id="stat_emot" type="checkbox" value="1" {disable_emot} /> {$lnc[244]}<br />
<input name="stat_property" id="stat_property" type="checkbox" value="1" onclick="promptreppsw();" />
{$lnc[245]} {if_neednopsw_begin}<br />
<input name="stat_rememberme" id="stat_rememberme" type="checkbox" value="1" 
{checked_rememberme} onclick="quickremember();"/>  {$lnc[284]} {if_neednopsw_rawend}
</div>
</div>
</div>
</td>
<td class="formbox-comment-content" valign="top">
<div style="padding-bottom:5px">
{if_neednopsw_begin}
{$lnc[246]}
<input name="v_replier" id="v_replier" type="text" size="12" class="text" 
value="{replier}" {disable_replier}/>
{$lnc[133]}
<input name="v_password" id="v_password" type="password" size="12" class="text" 
value="{password}" {disable_password}/> {$lnc[247]} 
<br/>
{$lnc[170]}
input name="v_repurl" id="v_repurl" type="text" size="12" class="text" value="{repurl}" />
{$lnc[248]}
<input name="v_repemail" id="v_repemail" type="text" size="12" class="text"  
value="{repemail}" /> {if_neednopsw_end}{additional}
<div class="AD_right">
<!-- google的广告 2006.11.20 A 可以删除或替换 -->
<script type="text/javascript">
<!--
google_ad_client = "pub-9386943247991011";
google_ad_width = 250;
google_ad_height = 250;
google_ad_format = "250x250_as";
google_ad_type = "text";
//2006-11-20: 3
google_ad_channel = "4486899749";
google_color_border = "ffffff";
google_color_bg = "FFFFFF";
google_color_link = "333333";
google_color_text = "202020";
google_color_url = "cccccc";
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- 广告结束 -->
</div>
</div>
{ubbcode}
{if_securitycode_begin}
<script type="text/javascript">securitycodejs="{$lnc[249]} 
<span id='securityimagearea'>
<img src='inc/securitycode.php?rand={rand}' alt='' title='{$lnc[250]}'/></span> 
<input name='v_security' id='v_security' type='text' size='4' maxlength='4' class='text' />
{$lnc[251]}
[<a href=\"javascript: refreshsecuritycode('securityimagearea', 'v_security');\">{$lnc[283]}</a>]";
</script>
{if_securitycode_end}
<textarea name="v_content" id="v_content" cols="46" rows="17" 
onkeydown="ctrlenterkey(event);" onfocus="if (securitycodejs!=null) {document.getElementById('showsecuritycode').innerHTML=securitycodejs;
securitycodejs=null;}">
</textarea>
<br/>
<span id="showsecuritycode"></span>
<div style="padding-top:10px">
{hidden_areas}
<input type="button" name="btnSubmit" id="btnSubmit" value="{$lnc[25]}"
class="button" onclick="ajax_submit('{jobnow}'); return false;"/>
<input name="reset" id="reset" type="reset" value="{$lnc[252]}" class="button" />
</div>
</td>
</tr>
</table>
</form>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* comment form wrapper */
#commentForm {
width: 99%;
}
/* 评论发表框总框架 */
.formbox-comment{
padding-top: 10px;
}
/* 评论发表框标题 */ 
.formbox-comment-title {
color: #000;
font-weight: bold;
background: url(images/announce_icon.gif) repeat-x left bottom;
padding: 5px;
}
/* 评论发表框表情选择栏总框架 */ 
.formbox-comment-rowheader {
padding: 5px;
width: 120px;
font-weight: bold;
}
/* 表情选择栏 */
.panel-smilies {
margin-top: 10px;
text-align: center;
border: #efefef 1px solid;
}
/* 表情栏文字样式 */
.panel-smilies-title {
padding:5px;
color: #000;
text-align: left;
border-bottom: #efefef 1px solid;
}
/* 表情栏内容样式 */
.panel-smilies-content {
padding: 5px;
line-height: 120%;
}
/* 评论发表框留言块总框架 */ 
.formbox-comment-rowheader {
padding: 5px;
}
/* GG广告 */
.AD_right {
padding: 0px;
margin-top: 26px;
float: right;
}

演示：

暂无

查看日志的补充

$elements['endviewentry']


/* 查看日志的补充 */
$elements['endviewentry']=<<<eot
<div class="comment-pages">
{innerpages}
</div>
</div>
{form_reply}
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* comments pages box */
.comment-pages {
padding:5px;
margin: 5px;
color: #202020;
}

演示：

暂无

“查看更多”区域

$elements['entryadditional']


/* “查看更多”区域 */
$elements['entryadditional']=<<<eot
<div style="margin-top: 9px;">
<img src="{$template['images']}/readmore.gif" alt=""/>{readmore}
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


    无

演示：

暂无

登入表单

$elements['login']


/* 登入表单 */
$elements['login']=<<<eot
<form name="register" method="post" action="login.php?job=verify">
<table cellspacing="1" width="500px" align="center" class="formbox">
<tr>
<td class="formbox-title" colspan="2">{$lnc[253]} [<a href="login.php?job=register">
{$lnc[254]}</a>]
</td>
</tr>
<tr>
<td class="formbox-rowheader">{$lnc[132]}</td>
<td class="formbox-content">
<input name="username" type="text" id="username" size="16" class="text" />
</tr>
<tr>
<td class="formbox-rowheader">{$lnc[133]}</td>
<td class="formbox-content">
<input name="password" type="password" id="password" size="16" class="text" />
</tr>
<tr>
<td class="formbox-rowheader">{$lnc[255]}</td>
<td class="formbox-content">
<input name="savecookie" type="radio" id="savecookie" value="0"/>{$lnc[256]}
<input name="savecookie" type="radio" id="savecookie" value="3600"/>{$lnc[257]}
<input name="savecookie" type="radio" id="savecookie" value="86400"/>{$lnc[258]}
<input name="savecookie" type="radio" id="savecookie" value="604800"/>{$lnc[259]}
<input name="savecookie" type="radio" id="savecookie" value="2592000"/>{$lnc[260]}
<input name="savecookie" type="radio" id="savecookie" value="31104000"/>{$lnc[261]}   
</tr>
{lvstart}
<tr>
<td class="formbox-rowheader">{$lnc[249]}</td>
<td class="formbox-content">
<input name="securitycode" type="text" id="securitycode" size="16" class="text" />
<img src="inc/securitycode.php?rand={rand}" alt="" title="{$lnc[250]}"/> {$lnc[251]}
</tr>
{lvend}
<tr>
<td class="formbox-content"></td>
<td class="formbox-content">
<input name="Submit" type="submit" id="Submit" value="{$lnc[25]}" class="button" />
<input name="Reset" type="reset" id="Reset" value="{$lnc[252]}" class="button" />
</td>
</tr>
</table>
</form>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 评论表单标题文字样式 */
.formbox-title {
color: #000;
font-weight: bold;
background: url(images/announce_icon.gif) repeat-x left bottom;
padding: 5px;
}
/* 登入表单项目 */
.formbox-rowheader {
padding: 5px;
width: 120px;
font-weight: bold;
}
/* 登入表单项目内容 */
.formbox-content {
padding: 5px;
}

演示：

暂无

内容页

$elements['contentpage']


/* 内容页 */
$elements['contentpage']=<<<eot
<div class="search">
<div class="search-title">
<h3>{title}</h3>
</div>
<div class="search-content">
{contentbody}
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 搜索 */
.search {
margin: 0px;
padding: 0px;
}
/* 搜索标题 */
.search-title {
margin: 0px;
padding: 0px;
font-size: 1.2em;
}
/* 搜索内容 */
.search-content {
color: #202020;
padding: 10px 0 10px 10px;
font-size: 1.2em;
line-height: 150%;
}
.search-content a {
color: #202020;
font-size: 1em;
}
.search-content a:hover  {
color: #da1071;
font-size: 1em;
}

演示：

暂无

标签列表

$elements['taglist']


/* 标签列表 */
$elements['taglist']=<<<eot
<div class="taglist">
<div class="tagcategory">{tagcategory}</div>
<div style="word-break: none; word-wrap: break-word;">{tagcontent}</div>
<div class="tagextra">{tagextra}</div>
</div>
</div>
<br/>
<br/>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* 标签列表框架 */
.taglist {
background:#fff;
padding: 2px;
margin: 0px;
}

演示：

暂无

注册表单

$elements['register']


/* 注册表单 */
$elements['register']=<<<eot
<form name="register" method="post" action="{job}">
<table cellspacing="1" width="500px" align="center" class="formbox">
<tr>
<td class="formbox-title" colspan="2">{title} {$lnc[262]}</td>
</tr>
{registerbody}
<tr>
<td colspan="2" align="center">
<input type="submit" value="{$lnc[25]}" class="button"/>
<input type="reset" value="{$lnc[252]}" class="button"/>
</td>
</tr>
</table>
</form>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

暂无

一般表格

$elements['normaltable']


/* 一般表格 */
$elements['normaltable']=<<<eot
<table cellspacing="0" width="500px" align="center" class="formbox">
{tablebody}
</table>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

暂无

一般表格（带有表格标题）

$elements['normaltablewithtitle']


/* 一般表格（带有表格标题） */
$elements['normaltablewithtitle']=<<<eot
<table cellspacing="0" width="500px" align="center" class="formbox">
<tr>
<td class="formbox-title" colspan="6">{title}</td>
</tr>
{tablebody}
</table>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

暂无

表格一行

$elements['form_eachline']


/* 表格一行 */
$elements['form_eachline']=<<<eot
<tr>
<td class="formbox-rowheader">{text}</td>
<td class="formbox-content">{formelement}</td>
</tr>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


	已定义共用一个样式属性，不用再重复写入一次。

演示：

暂无

$elements['eachlink']


/* 链接页（单项） */
$elements['eachlink']=<<<eot
<div class="linkbody">
<div class="linkimg">{logo}</div>
<div class="linktxt">
<span class="linktitle">{title}</span>
<br/>
<span class="linkdesc">{desc}</span>
</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


.linkbody {
margin-top: 5px;
width: 40%;
float: left;
}
.linkimg {
width: 35%;
float: left;
text-align: right;
margin-right: 4px;
}
.linktxt {
float: left;
font-size: 12px;
color: #ccc;
line-height: 120%;
}
.linktitle a {
text-decoration: none;
color:#333;
}
.linkdesc {
}

演示：

暂无

链接页（组）

$elements['linkdiv']


/* 链接页（组） */
$elements['linkdiv']=<<<eot
<div class="linkover">
<div class="linkgroup">{title}</div>
<div class="linkgroupcontent">{tablebody}</div>
</div>
eot;

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/*Link*/
.linkover {
margin-bottom: 20px;
padding: 4px;
height: 25px;
clear: both;
border: #efefef 1px solid;
}
.linkgroup {
margin-bottom: 5px;
color: #3d6db5;
font-weight: bold;
font-size: 14px;
line-height: 120%;
}
.linkgroupcontent {
}

演示：

暂无

提示信息的页面

$elements['tips']


/* 提示信息的页面 */
$elements['tips']=<<<eot
<!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" lang="UTF-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="UTF-8" />
<!-- {csslocation} --> /* 注解自动获取css*/
<title>{blogname} - {blogdesc}</title>
<script language=JavaScript>
<!--
//根据不同的浏览器调用不同的CSS!
if (window.navigator.userAgent.indexOf("MSIE")>=1) /*单独调用IE css*/
{
document.write('<link media="screen" href="template/{$template['dirname']}/Ie&Maxthon.css"
type="text/css" rel="stylesheet" />');
}  
else{
if (window.navigator.userAgent.indexOf("Firefox")>=1) /*单独调用Firefox css*/
{
document.write('<link media="screen" href="template/{$template['dirname']}/Firefox.css"
type="text/css" rel="stylesheet" />');
}
else{
if (navigator.appName=="Opera") /*单独调用Opera css*/
{
document.write('<link media="screen" href="template/{$template['dirname']}/Opera.css" 
type="text/css" rel="stylesheet" />');
}
}
}	 
//-->
</script>
<script type="text/javascript" src="images/js/common.js"></script>
</head>

<body>
<center>
<div class="messagebox">
<div class="messagebox-title">{title}</div>
<div class="messagebox-content">
{tips}
</div>
<div class="messagebox-bottom">
<a href="javascript: window.history.back();">{$lnc[263]}</a> | 
<a href="index.php">{$lnc[88]}</a> {admin_plus}</div>
</div>
</center>
</div>
</body>
</html>
eot;
?>

基本样式表：（重复的ID或CLASS样式表属性只须写一次）


/* messagebox */
.messagebox {
width: 500px;
margin-top: 120px;
border: solid 1px #202020; 
text-align: center; 
background: #fff;
}
/* messagebox-title */
.messagebox-title {
background: #202020;
color: #fff; 
font-weight: bold; 
padding: 5px;
}
/* messagebox-content */
.messagebox-content {
margin: 0px;
padding: 10px; 
padding-bottom: 20px;
background:#fff;
color: #000; 
text-align: left;
}
.messagebox-content li {
display: inline;
list-style: none;
padding-right: 10px;
}
/* messagebox-bottom */
.messagebox-bottom {
background: #202020;
color: #fff;
padding: 5px;
}
.messagebox-bottom a {
text-decoration: none;
color: #fff;
}
.messagebox-bottom a:hover{
text-decoration: none;
color: #fff;
}

演示：

暂无

注意事项

本节需要注意的内容

编写中...