Bo-Blog 2.0风格制作手册

Category : 技术文摘 / Tags : , , / Date : 2006.09.14 / /

转载自:Bo-Blog

  有时需要改点东西时,需查一下,转过来方便找一点,呵呵!

本手册最后修正于: 2006年10月21日
最后适用的版本: 2.0.2

第一部分 风格组成

一个完整的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格式。为了不增加额外的空间负担,不建议您截取精读太高的缩略图。



无觅相关文章插件,快速提升流量

Pages: 1 2 3 4 5 6 7 8

Comments

There are no comments.

Leave a Reply

You must be logged in to post a comment.

传奇 似水流年 绽放 风筝 八月照相馆