本手册最后修正于: 2005年12月15日
最后适用的版本: 2.0.1

第一部分 风格组成

一个完整的Bo-Blog 2.0的风格(以下简称风格)由以下几个部分组成:
风格文件夹,位于template/文件夹下
|- 风格的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文件会被程序自动全部载入模板。*/


4. 风格的结构定义文件 element.php
这也是一个PHP文件,也必须使用UTF-8编码。它规定了模板的结构,也就是各个区域具体的HTML代码。有关这个文件的详细说明,请参考第五部分。

5. 风格缩略图文件
大小是400*300像素,建议为JPG、GIF和PNG格式。为了不增加额外的空间负担,不建议您截取精读太高的缩略图。
(第一部分完,待续)
Bo-Blog 2.0风格制作手册
[2006年10月24日星期二 22:50]
来源:Husw! OnRoad  在路上
内容:本手册最后修正于: 2005年12月15日最后适用的版本: 2.0.1第一部分 风格组成一个完整的Bo-Blog 2.0的风格(以下简称风格)由以下几个部分组成:风格文件夹,位于template/文件夹下- 风格的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=60A13BBE-C069-47A1-A0A1-FA7C4ECCAA47; //这一行的引号中是这个风格的ID。ID是便于程序识别一个风格的一个字符串,可以是任何拉丁字符、数字等。比如 mystyle、style200601等都是允许的。但为了减少你的ID和任何人发布的其它风格重复的概率,建议您将ID设置得复杂一些。一个建议是像默认风格这样使用GUID。$template=Default; //引号中是这个风格的名字。$template=Bob Shen; //引号中是
home Homepage
2006年10月1日星期日 01:46
homr
2006年10月1日星期日 01:45
Bo-Blog 2.0风格制作手册(一)
[2006年3月21日星期二 10:28]
来源:灯火阑珊处
内容:第一部分 风格组成一个完整的Bo-Blog 2.0的风格(以下简称风格)由以下几个部分组成:风格文件夹,位于template/文件夹下- 风格的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/ 文件夹下。结合这个文件为您说明该文件的结构。注意:双斜杠 // 后面以及 和 /* 与 */ 之间的文字为注释,事实上您的文件不需要包括这些注释。
暫時√鬱悶‰ Homepage
2006年1月27日星期五 21:05
请教如何在文章标题前加图片?
bob 回复于 2006年1月27日星期五 21:35
定义 textbox-title 的背景图片。
Bo-Blog 2.0风格制作手册
[2006年1月27日星期五 16:24]
来源:...:::猪头部落:::...
内容:本手册最后修正于: 2005年12月15日最后适用的版本: 2.0.1第一部分 风格组成一个完整的Bo-Blog 2.0的风格(以下简称风格)由以下几个部分组成:风格文件夹,位于template/文件夹下- 风格的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/ 文件夹下。结合这个文件为您说明该文件的结构。注意:双斜杠 // 后面以及 和 /* 与 */ 之间的文字为注释,事实上您的文件不需要包括这些注释。
Will Email Homepage
2005年12月21日星期三 13:06
Bob,新的圣诞模板侧边栏显示有问题,会拖到下面,IE浏览器,页面:
http://www.bo-blog.com/weblog/index.php?mode=1&page=2
bob 回复于 2005年12月21日星期三 16:14
那几张图片宽度太宽了。不是模板的问题。
谢谢报告,已经修正。
Spark
2005年12月19日星期一 01:16
为什么把框架限制死了?感觉非常非常失望,还是希望像1.7版本那样可以自行修改框架,不然感觉制作模板没什么意义了...哎~满心欢喜的等待2.0,居然等到的是这个噩耗
bob 回复于 2005年12月19日星期一 16:08
框架可以修改,elements.php里就是。
模板使用DIV+CSS布局以后,在不修改框架的基础上就可以制作出各种特色的模板来。这是推荐的。
对于希望改动布局的模板制造者,还是可以通过修改定义文件来修改模板的结构。这个文件虽然是php,但里面依然是HTML代码,改起来和1.x版本没有提高难度。
Bo-Blog 2。0的风格制作手册出来啦!
[2005年12月16日星期五 23:55]
来源:Shurui
内容:最近关注的Bo-Blog2.0的风格制作手册在昨天出来了,虽然还只是Vol1本来在前前前一阵子还打算自己做一个风格的,后来没多久,2.0就发布了,也就懒得做了,一直在等2.0的风格制作手册出来,似乎现在又可以重新开工啦~先来学习学习一下重要..
steven Email Homepage
2005年12月16日星期五 16:24
赞,感谢~~
分页: 1/2 第一页 1 2 下页 最后页


Powered by Bo-Blog 2.1.1 RC1Code detection by Bug.Center.Team
沪ICP备05032643号

© 2008 博睿智 Marshal Design Bo-blog offcial theme