Bo-Blog风格模板制作(详细篇)
| |
2009/08/16 bo-blog
第一部分 风格组成

一个完整的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文件会被程序自动全部载入模板。*/
 

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

5. 风格缩略图文件
大小是400*300像素,建议为JPG、GIF和PNG格式。为了不增加额外的空间负担,不建议您截取精读太高的缩略图。
» 内文分页: [1] [2] [3] [4] [5] [6]
10K
本文来源: 噜噜网 | 目前已有 93023 人围观此文,标签: , , ,

浮上来留个足迹吧,看帖不回会被鄙视de哦:
gps99
2010/01/04 23:36 说:
您的bo-blog 模板制作教程,很详细的说!


谢谢!
噜噜回复:不客气!
分页: 1/1 第一页 1 最后页