bob 发布于 March 24, 2006 22:43
（接上）
第四部分 风格所需图片
以下介绍位于 $template['images'] 所在位置（参考第一部分）的图片名称和作用：
detail.gif - 查看用户列表时，点击查看用户资料的图标（默认：一个小人）
download.gif - 使用[ file ]下载UBB标签后，文件下载框中的图标（默认：一个磁盘）
email.gif - 评论和留言中，点击给他/她发邮件的图标（默认：一个信封）
folder.gif - 展开/折叠被折叠的置顶日志的图标（默认：两个向下的箭头）
homepage.gif - 评论和留言中，点击访问他/她的主页的图标（默认：一个外部链接箭头）
ip.gif - 评论和留言中，点击查看他/她的IP来源的图标（默认：一个放大镜）
readmore.gif - 查看更多内容（默认：多页纸重叠）
real.gif - Real文件播放框内的图标（默认：RealOne的图标）
rss.png - 侧边栏分类名称旁的RSS链接所用图标（默认：写有rss字样的方框）
swf.gif - Flash文件播放框内的图标（默认：Flash的图标）
toolbar_fontsize.gif - 日志阅读工具栏的字体大小提示图标（默认：一个向右的箭头）
toolbar_next.gif - 日志阅读工具栏的下一篇日志提示图标（默认：一个向下的箭头）
toolbar_previous.gif - 日志阅读工具栏的上一篇日志提示图标（默认：一个向上的箭头）
toolbar_rss.gif - 日志阅读工具栏的本文rss链接的图标（默认：写有rss字样的小方框）
toolbar_save.gif - 日志阅读工具栏的保存本文的图标（默认：一页纸）
trackback.gif - Trackback条目前的提示图标（默认：一个气泡）
viewimage.gif - 查看图片前的链接图标（默认：一张照片）
wmp.gif - Windows Media Player文件播放框内的图标（默认：WMP的图标）
提示：
IE 7.0以前的版本不能正确显示PNG的透明色。在制作 rss.png时需注意。
（第四部分完，待续）
第四部分 风格所需图片
以下介绍位于 $template['images'] 所在位置（参考第一部分）的图片名称和作用：
detail.gif - 查看用户列表时，点击查看用户资料的图标（默认：一个小人）
download.gif - 使用[ file ]下载UBB标签后，文件下载框中的图标（默认：一个磁盘）
email.gif - 评论和留言中，点击给他/她发邮件的图标（默认：一个信封）
folder.gif - 展开/折叠被折叠的置顶日志的图标（默认：两个向下的箭头）
homepage.gif - 评论和留言中，点击访问他/她的主页的图标（默认：一个外部链接箭头）
ip.gif - 评论和留言中，点击查看他/她的IP来源的图标（默认：一个放大镜）
readmore.gif - 查看更多内容（默认：多页纸重叠）
real.gif - Real文件播放框内的图标（默认：RealOne的图标）
rss.png - 侧边栏分类名称旁的RSS链接所用图标（默认：写有rss字样的方框）
swf.gif - Flash文件播放框内的图标（默认：Flash的图标）
toolbar_fontsize.gif - 日志阅读工具栏的字体大小提示图标（默认：一个向右的箭头）
toolbar_next.gif - 日志阅读工具栏的下一篇日志提示图标（默认：一个向下的箭头）
toolbar_previous.gif - 日志阅读工具栏的上一篇日志提示图标（默认：一个向上的箭头）
toolbar_rss.gif - 日志阅读工具栏的本文rss链接的图标（默认：写有rss字样的小方框）
toolbar_save.gif - 日志阅读工具栏的保存本文的图标（默认：一页纸）
trackback.gif - Trackback条目前的提示图标（默认：一个气泡）
viewimage.gif - 查看图片前的链接图标（默认：一张照片）
wmp.gif - Windows Media Player文件播放框内的图标（默认：WMP的图标）
提示：
IE 7.0以前的版本不能正确显示PNG的透明色。在制作 rss.png时需注意。
（第四部分完，待续）
bob 发布于 March 9, 2006 22:04
这是从 Google Pages 移植的一个模板。
个人很喜欢Google Pages的模板风格，非常简洁，堪称固定宽度模板的典范。这是其中的一个模板，根据图中的花卉，命名为梅花雅趣。
*版权归Google Pages所有，请勿修改底部的Original Design By的文字。*
下载文件
个人很喜欢Google Pages的模板风格，非常简洁，堪称固定宽度模板的典范。这是其中的一个模板，根据图中的花卉，命名为梅花雅趣。
*版权归Google Pages所有，请勿修改底部的Original Design By的文字。*
下载文件 bob 发布于 March 3, 2006 21:13
这个模板探讨了实现三栏的可能性和可行性，旨在抛砖引玉，让模板的制作者能根据自己的喜好设计出更漂亮的三栏模板来。
随着1024*768以及更高的分辨率成为主流（从我的在线统计信息来看，分辨率在1024*768以上的超过了所有访问者人数的95%），三栏、宽屏的页面布局逐渐增多了起来。三栏式的设计能够大大地提高屏幕区域的利用率，显得大方而得体。
这个模板就是本着这样一个目的，对三栏式模板进行的一次探索。
模板使用时需注意一点，这个模板自动将“最新日志”这个项目以及其后的所有项目放入侧边栏二，之前的项目则留在侧边栏一的位置。因此，您可能需要对侧边栏的项目进行排序，以尽量维持两个侧边栏的疏密有致。
以下内容供模板制作者参考：
如果您打开这个模板的 elements.php ，您就会发现，三栏的实现原理很简单。那就是（1）先自定义出“最新日志”这个项目，即该文件中的 $elements['sideblock_entries'] 。顺便一提，如果elements.php没有对某个侧边栏项目的定义，则所有侧边栏项目都会采用默认的定义（即 $elements['sideblock']），而一旦有了针对某个侧边项目的定义，那么在输出这个侧边栏项目时就会采用这个定义。
随着1024*768以及更高的分辨率成为主流（从我的在线统计信息来看，分辨率在1024*768以上的超过了所有访问者人数的95%），三栏、宽屏的页面布局逐渐增多了起来。三栏式的设计能够大大地提高屏幕区域的利用率，显得大方而得体。
这个模板就是本着这样一个目的，对三栏式模板进行的一次探索。
模板使用时需注意一点，这个模板自动将“最新日志”这个项目以及其后的所有项目放入侧边栏二，之前的项目则留在侧边栏一的位置。因此，您可能需要对侧边栏的项目进行排序，以尽量维持两个侧边栏的疏密有致。
以下内容供模板制作者参考：
如果您打开这个模板的 elements.php ，您就会发现，三栏的实现原理很简单。那就是（1）先自定义出“最新日志”这个项目，即该文件中的 $elements['sideblock_entries'] 。顺便一提，如果elements.php没有对某个侧边栏项目的定义，则所有侧边栏项目都会采用默认的定义（即 $elements['sideblock']），而一旦有了针对某个侧边项目的定义，那么在输出这个侧边栏项目时就会采用这个定义。
bob 发布于 February 24, 2006 14:17
本文重要程度： 低
Google Pages的style，感觉十分舒服和简洁。有空的话移植一下
我的gp在这里。
最近没怎么管程序方面的事情，因为我在周一－周五基本上是很忙的（闲的时候也没有php的开发环境，最多是上论坛回回帖子）。晚上到了家也不愿意开机（盯着屏幕看一天已经很累了），所以，工作日程序基本上不会更新。如果要找我的话，可以到论坛发帖，一般我1－2天上一次论坛。
再者，发现近几个月来日志处于我不愿看到的状态。很热闹，但却变成了纯粹的blog程序的信息发布平台。没有自我了。所以，可能会把totti提供的空间利用起来，建立一个off topic 以及与程序无关的blog。不过我这个人比较懒的，不知道什么时候才能实现了。
Google Pages的style，感觉十分舒服和简洁。有空的话移植一下
我的gp在这里。最近没怎么管程序方面的事情，因为我在周一－周五基本上是很忙的（闲的时候也没有php的开发环境，最多是上论坛回回帖子）。晚上到了家也不愿意开机（盯着屏幕看一天已经很累了），所以，工作日程序基本上不会更新。如果要找我的话，可以到论坛发帖，一般我1－2天上一次论坛。
再者，发现近几个月来日志处于我不愿看到的状态。很热闹，但却变成了纯粹的blog程序的信息发布平台。没有自我了。所以，可能会把totti提供的空间利用起来，建立一个off topic 以及与程序无关的blog。不过我这个人比较懒的，不知道什么时候才能实现了。
bob 发布于 January 28, 2006 18:39
（接上，第三部分继续）
2. CSS详解
下面介绍主要的CSS类的用途和一些说明。请参考整体框架图阅读。
2.1 整体框架
#wrapper - 整个页面的框架。
#innerWrapper - 内嵌在wrapper里的整个页面的框架。
2.2 顶部框架
#header - 整个顶部框架
#innerHeader - 内嵌在header里的框架。
.blog-header - 包含blog标题和描述。
h1 - blog的标题。
.blog-desc - blog的描述语。
menu - blog的顶部模块（导航条）。
2.3 主体框架
#mainWrapper - 整个主体部分的框架，包含了侧边栏和主内容这两个框架。
2.4 侧边栏框架
.sidebar - 整个侧边栏框架。
#innerSidebar - 内嵌在sidebar内的框架。
.sidebar-hide - 当侧边栏关闭时的侧边栏样式。（display: none;）
.panel - 具体到某一个侧边栏项目的总框架。
.panel h5 - 侧边栏项目的抬头部分。
.panel-content - 侧边栏项目的主要内容区域。
.panel-content li - 侧边栏包含列表项的样式。
.panel-content li.indent - 侧边栏列表项缩进后的样式（如链接前的列表符号）。
2. CSS详解
下面介绍主要的CSS类的用途和一些说明。请参考整体框架图阅读。
2.1 整体框架
#wrapper - 整个页面的框架。
#innerWrapper - 内嵌在wrapper里的整个页面的框架。
2.2 顶部框架
#header - 整个顶部框架
#innerHeader - 内嵌在header里的框架。
.blog-header - 包含blog标题和描述。
h1 - blog的标题。
.blog-desc - blog的描述语。
menu - blog的顶部模块（导航条）。
2.3 主体框架
#mainWrapper - 整个主体部分的框架，包含了侧边栏和主内容这两个框架。
2.4 侧边栏框架
.sidebar - 整个侧边栏框架。
#innerSidebar - 内嵌在sidebar内的框架。
.sidebar-hide - 当侧边栏关闭时的侧边栏样式。（display: none;）
.panel - 具体到某一个侧边栏项目的总框架。
.panel h5 - 侧边栏项目的抬头部分。
.panel-content - 侧边栏项目的主要内容区域。
.panel-content li - 侧边栏包含列表项的样式。
.panel-content li.indent - 侧边栏列表项缩进后的样式（如链接前的列表符号）。
