第一部分 风格组成
一个完整的Bo-Blog 2.0的风格（以下简称风格）由以下几个部分组成：
风格文件夹，位于template/文件夹下一个完整的Bo-Blog 2.0的风格（以下简称风格）由以下几个部分组成：
|- 风格的CSS文件 style.css；
|- 风格的图片文件夹；
|- 风格的信息文件 info.php；
|- 风格的结构定义文件 element.php；
|- 风格的缩略图文件。
其中，粗体字标出的文件为必需。
这些文件的作用和注释如下：
1. CSS文件
该文件是整个风格的最主要部分，我们建议所有的风格都尽力在配合默认架构 default/template.php 文件的基础上修改。也就是说，建议只修改CSS文件达到您想要的效果，而不是修改模板架构本身。CSS+DIV的网页排版方式符合标准，也能创造出风格迥异的丰富效果来。
有关CSS文件中各个Class的命名和对应区域，请阅读第三部分。
2. 风格的图片文件夹
我们建议您在专门建立一个文件夹以存放该风格用到的图片，而不是将所有图片都存放在风格的根目录下。
推荐您在风格所在的文件夹下建立images子文件夹，放置用到的图片文件。
3. 风格的信息文件 info.php
这个文件存放了风格的作者等重要信息。它必须是没有错误的PHP文件，编码必须采用UTF-8。（我们推荐使用的文本编辑器见第二部分。）
下面是默认风格的 info.php ，存在于 template/default/ 文件夹下。结合这个文件为您说明该文件的结构。注意：双斜杠 // 后面以及 和 /* 与 */ 之间的文字为注释，事实上您的文件不需要包括这些注释。
4. 风格的结构定义文件 element.php
这也是一个PHP文件，也必须使用UTF-8编码。它规定了模板的结构，也就是各个区域具体的HTML代码。有关这个文件的详细说明，请参考第五部分。
5. 风格缩略图文件
大小是400*300像素，建议为JPG、GIF和PNG格式。为了不增加额外的空间负担，不建议您截取精读太高的缩略图。
一个完整的Bo-Blog 2.0的风格（以下简称风格）由以下几个部分组成：
风格文件夹，位于template/文件夹下一个完整的Bo-Blog 2.0的风格（以下简称风格）由以下几个部分组成：
|- 风格的CSS文件 style.css；
|- 风格的图片文件夹；
|- 风格的信息文件 info.php；
|- 风格的结构定义文件 element.php；
|- 风格的缩略图文件。
其中，粗体字标出的文件为必需。
这些文件的作用和注释如下：
1. CSS文件
该文件是整个风格的最主要部分，我们建议所有的风格都尽力在配合默认架构 default/template.php 文件的基础上修改。也就是说，建议只修改CSS文件达到您想要的效果，而不是修改模板架构本身。CSS+DIV的网页排版方式符合标准，也能创造出风格迥异的丰富效果来。
有关CSS文件中各个Class的命名和对应区域，请阅读第三部分。
2. 风格的图片文件夹
我们建议您在专门建立一个文件夹以存放该风格用到的图片，而不是将所有图片都存放在风格的根目录下。
推荐您在风格所在的文件夹下建立images子文件夹，放置用到的图片文件。
3. 风格的信息文件 info.php
这个文件存放了风格的作者等重要信息。它必须是没有错误的PHP文件，编码必须采用UTF-8。（我们推荐使用的文本编辑器见第二部分。）
下面是默认风格的 info.php ，存在于 template/default/ 文件夹下。结合这个文件为您说明该文件的结构。注意：双斜杠 // 后面以及 和 /* 与 */ 之间的文字为注释，事实上您的文件不需要包括这些注释。
<?PHP
//PHP文件开始。
//请使用这样的形式而不是short tag，即：不要缩写成 <? ，也不要写成 <%，尽管这样可能也能被识别。
$template['id']="60A13BBE-C069-47A1-A0A1-FA7C4ECCAA47";
//这一行的引号中是这个风格的ID。ID是便于程序识别一个风格的一个字符串，可以是任何拉丁字符、数字等。比如 mystyle、style200601等都是允许的。但为了减少你的ID和任何人发布的其它风格重复的概率，建议您将ID设置得复杂一些。一个建议是像默认风格这样使用GUID。
$template['name']="Default";
//引号中是这个风格的名字。
$template['author']="Bob Shen";
//引号中是这个风格的作者。注意这里是支持HTML代码的。
$template['intro']="Default skin of Bo-blog 2.0.1.";
//引号中是这个风格的简介。
$template['dirname']="default";
//引号中是这个风格所在文件夹的名字。假如您的风格名为pure，那么它的所有文件就应该存放在 template/pure/ 下，而这里的值也应该改为 pure。
$template['thumbnail']="thumb.jpg";
//引号中是这个风格的缩略图文件的文件名。缩略图应该放置在这个风格文件夹下。文件名在此指定。
$template['structure']="template/default/elements.php";
//引号中是这个风格的结构定义文件的位置和文件名。对于只修改CSS就能完成的风格，您不必再在风格文件夹中放置一个 elements.php，而完全可以采用默认的，也就是保持该行不修改。
$template['images']="template/default/images";
//引号中指定了blog界面上的部分图片的位置。这些图片包括RSS图标、上/下一篇日志的图标等等。具体的文件名请阅读第四部分。
$template['css'][0]="template/default/styles.css";
/* 引号中是CSS文件的位置和文件名。Bo-Blog 2.0支持同一风格载入多个CSS。因此这里可以写成数组的形式。比如，如果您的风格用到了3个CSS文件，分别是 structure.css、style.css、extra.css，您可以写成：
$template['css'][0]="template/default/structure.css";
$template['css'][1]="template/default/style.css";
$template['css'][2]="template/default/extra.css";
注意数组上标从 0 开始。
这些css文件会被程序自动全部载入模板。*/
//PHP文件开始。
//请使用这样的形式而不是short tag，即：不要缩写成 <? ，也不要写成 <%，尽管这样可能也能被识别。
$template['id']="60A13BBE-C069-47A1-A0A1-FA7C4ECCAA47";
//这一行的引号中是这个风格的ID。ID是便于程序识别一个风格的一个字符串，可以是任何拉丁字符、数字等。比如 mystyle、style200601等都是允许的。但为了减少你的ID和任何人发布的其它风格重复的概率，建议您将ID设置得复杂一些。一个建议是像默认风格这样使用GUID。
$template['name']="Default";
//引号中是这个风格的名字。
$template['author']="Bob Shen";
//引号中是这个风格的作者。注意这里是支持HTML代码的。
$template['intro']="Default skin of Bo-blog 2.0.1.";
//引号中是这个风格的简介。
$template['dirname']="default";
//引号中是这个风格所在文件夹的名字。假如您的风格名为pure，那么它的所有文件就应该存放在 template/pure/ 下，而这里的值也应该改为 pure。
$template['thumbnail']="thumb.jpg";
//引号中是这个风格的缩略图文件的文件名。缩略图应该放置在这个风格文件夹下。文件名在此指定。
$template['structure']="template/default/elements.php";
//引号中是这个风格的结构定义文件的位置和文件名。对于只修改CSS就能完成的风格，您不必再在风格文件夹中放置一个 elements.php，而完全可以采用默认的，也就是保持该行不修改。
$template['images']="template/default/images";
//引号中指定了blog界面上的部分图片的位置。这些图片包括RSS图标、上/下一篇日志的图标等等。具体的文件名请阅读第四部分。
$template['css'][0]="template/default/styles.css";
/* 引号中是CSS文件的位置和文件名。Bo-Blog 2.0支持同一风格载入多个CSS。因此这里可以写成数组的形式。比如，如果您的风格用到了3个CSS文件，分别是 structure.css、style.css、extra.css，您可以写成：
$template['css'][0]="template/default/structure.css";
$template['css'][1]="template/default/style.css";
$template['css'][2]="template/default/extra.css";
注意数组上标从 0 开始。
这些css文件会被程序自动全部载入模板。*/
4. 风格的结构定义文件 element.php
这也是一个PHP文件，也必须使用UTF-8编码。它规定了模板的结构，也就是各个区域具体的HTML代码。有关这个文件的详细说明，请参考第五部分。
5. 风格缩略图文件
大小是400*300像素，建议为JPG、GIF和PNG格式。为了不增加额外的空间负担，不建议您截取精读太高的缩略图。
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>simple document</title>
</head>
<body>
<p>a simple paragraph</p>
</body>
</html>
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>simple document</title>
</head>
<body>
<p>a simple paragraph</p>
</body>
</html>
文档类型声明定义文档的类型（最标准干净的标记）－严格 DTD 包含没有被反对使用的或不出现在框架结构中的元素和属性：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 的另外两种 XML 文档类型
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
过渡 DTD 包含严格 DTD 中的一切，外加那些不赞成使用的元素和属性。在此情况下使用：当需要利用 HTML 在表现上的特性时，并且当需要为那些不支持层叠样式表的浏览器编写 XHTML 时。
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
框架 DTD 包含过渡 DTD 中的一切，外加框架。在此的情况下使用：需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab #version=11,1,102,55" width="640" height="80">
<param name="movie" value="FLASH动画地址">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<!--[if !IE]> <-->
<object data="FLASH动画地址" width="640" height="80" type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object>
<param name="movie" value="FLASH动画地址">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<!--[if !IE]> <-->
<object data="FLASH动画地址" width="640" height="80" type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object>
在头部head区域加入代码：
接着上传背景图2012.jpg到目录images下就可以了。
下载文件 (已下载 15 次)
图片源文件2012.png下载地址：图片源文件2012.png
说明：2012.png中的默认网页宽度（白色背景部分）为980px，请自行根据自己网站的宽度调整。
再补充另外两个代码，一样的，也是放在头部head之间。
background-repeat:no-repeat; 背景图片无伸展
background-repeat:repeat-x; 背景图片横向伸展（宽度）
background-repeat:repeat-y; 背景图片纵向伸展（长度）
<style>
body { background-image:url(images/2012.jpg); background-repeat:no-repeat; background-position: top center; padding-top:100px;}
</style>
body { background-image:url(images/2012.jpg); background-repeat:no-repeat; background-position: top center; padding-top:100px;}
</style>
接着上传背景图2012.jpg到目录images下就可以了。
下载文件 (已下载 15 次)图片源文件2012.png下载地址：图片源文件2012.png
说明：2012.png中的默认网页宽度（白色背景部分）为980px，请自行根据自己网站的宽度调整。
再补充另外两个代码，一样的，也是放在头部head之间。
<style type="text/css">body{background:url(images/2012.jpg) no-repeat 50% 0!important;margin-top:1px;}</style>
<style>
body { background-image:url(images/2012.jpg); background-repeat:no-repeat; background-position: top center; padding-top:52px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</style>
body { background-image:url(images/2012.jpg); background-repeat:no-repeat; background-position: top center; padding-top:52px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</style>
background-repeat:no-repeat; 背景图片无伸展
background-repeat:repeat-x; 背景图片横向伸展（宽度）
background-repeat:repeat-y; 背景图片纵向伸展（长度）
Word2Mp3Lrc是制作英语单词生词MP3的绿色、免费、无插件、无广告软件，用于帮助记忆生词。
生成的单词MP3及同步LRC文件可在MP3播放机中进行播放，随时随地边听边看背单词。
功能如下：
1.单词朗读、字母拼读、中文词性词意朗读及例句朗读。
2.生成MP3及对应的同步LRC文件。可在MP3机上同步显示单词、词意和例句。
3.全部朗读均可使用真人语音(wav,Mp3格式)，在无真人语音情况下使用TTS朗读。
4.提供longman 8万例句库及其真人例句朗读语音作为例句，加深单词记忆，并可任意导入LRC文件作为例句。
5.可调整单词朗读、字母拼读、中文词性词意朗读及例句朗读的顺序。
6.可设置单词、字母拼读、中文词性词意朗读及例句朗读的次数。
7.具有单词合并功能，可将2-999个单词合并成一个MP3和LRC文件。
8.可批量导入多种格式的生词文本，如金山词霸导出的生词本、轻轻松松背单词的gds词典文件等。
9.强大的例句导入及管理功能，可导入新概念英语、VOA英语LRC作为例句，并独具智能模糊全文例句搜索，甚至可对词组进行模糊匹配，方便添加例句。
10.提供长句LRC转换，将过长的LRC文本转换为短LRC，以便在MP3播放机上完整显示。
下载地址：英语单词MP3制作工具
生成的单词MP3及同步LRC文件可在MP3播放机中进行播放，随时随地边听边看背单词。
功能如下：
1.单词朗读、字母拼读、中文词性词意朗读及例句朗读。
2.生成MP3及对应的同步LRC文件。可在MP3机上同步显示单词、词意和例句。
3.全部朗读均可使用真人语音(wav,Mp3格式)，在无真人语音情况下使用TTS朗读。
4.提供longman 8万例句库及其真人例句朗读语音作为例句，加深单词记忆，并可任意导入LRC文件作为例句。
5.可调整单词朗读、字母拼读、中文词性词意朗读及例句朗读的顺序。
6.可设置单词、字母拼读、中文词性词意朗读及例句朗读的次数。
7.具有单词合并功能，可将2-999个单词合并成一个MP3和LRC文件。
8.可批量导入多种格式的生词文本，如金山词霸导出的生词本、轻轻松松背单词的gds词典文件等。
9.强大的例句导入及管理功能，可导入新概念英语、VOA英语LRC作为例句，并独具智能模糊全文例句搜索，甚至可对词组进行模糊匹配，方便添加例句。
10.提供长句LRC转换，将过长的LRC文本转换为短LRC，以便在MP3播放机上完整显示。
下载地址：英语单词MP3制作工具
新浪的：
CCTV的：
<TABLE cellSpacing=1 cellPadding=0 width="98%" border=0><TBODY><TR align=middle><TD align=middle bgColor=#ffffff colSpan=15 height=30><IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src="http://news.sina.com.cn/o/allnews/input/index.html" frameBorder=No width="100%" scrolling=no height=15></IFRAME></TD></TR></TBODY></TABLE>
CCTV的：
<table border=0 cellspacing=1 cellpadding=0 width=’98%’><td valign="top"><div align="center"><iframe src="http://www.cctv.com/homepage/46/index.shtml"; name="express" width="354" height="16" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></div></table>
收藏一下，也许以后可以用到。
<script language="javascript">
<!--
var MyURL = 'http://www.xskyy.com';
document.onclick=function()
{
window.open (MyURL);
}
function ListFrame() {
var frames = window.frames;
for (var i = 0; i < frames.length; i++) {
frames[i].document.onclick=function(){
window.open (MyURL);
}
}
}
window.onload = ListFrame;
</script>
<!--
var MyURL = 'http://www.xskyy.com';
document.onclick=function()
{
window.open (MyURL);
}
function ListFrame() {
var frames = window.frames;
for (var i = 0; i < frames.length; i++) {
frames[i].document.onclick=function(){
window.open (MyURL);
}
}
}
window.onload = ListFrame;
</script>
