Subscribe: 博睿智
http://www.bo-blog.com/weblog/feed.php?go=category_8
Added By: Feedage Forager Feedage Grade B rated
Language: Chinese simplified
Tags:
blog  calendar  content  elements sideblock  elements  panel  textbox    年 月      模板 风格  模板  预览  风格 
Rate this Feed
Rate this feedRate this feedRate this feedRate this feedRate this feed
Rate this feed 1 starRate this feed 2 starRate this feed 3 starRate this feed 4 starRate this feed 5 star

Comments (0)

Feed Details and Statistics Feed Statistics
Preview: 博睿智

博睿智



Bo-Blog管理团队日志



Copyright: 博睿智
 



首届Bo-Blog风格大赛结果揭晓

Wed, 04 Apr 2007 15:47:32 +0000

值此Bo-Blog公开发布3周年之际,我们非常高兴地宣布:首届Bo-Blog风格模板大赛在大家的支持和参与下顺利结束了。

下面是评选结果:
最佳原创奖
〔作品〕  SimpleStyle
〔作者〕  soriq  http://soriq.100steps.net/blog/
〔得分〕  91分  [预览]
〔奖品〕  1G PHP双线博客专用空间(一年使用期)+图书一本+施华洛士奇的水晶小猪


原创奖  
〔作品〕  AnimationMaster V2
〔作者〕  Maser.T  http://www.riskcn.com/weblog
〔得分〕  88.4分  [预览]
〔奖品〕  1G PHP双线博客专用空间(一年使用期)+图书一本


最佳人气奖 冠军  
〔作品〕  Journey [预览]
〔作者〕  Robbi  http://www.robbi.com.cn
〔得票〕  79
〔奖品〕  500M PHP双线博客专用空间(一年使用期)+图书一本


最佳人气奖 亚军  
〔作品〕  life [预览]
〔作者〕  龙渊  http://www.lonyer.net
〔得票〕  61
〔奖品〕  500M PHP双线博客专用空间(一年使用期)+图书一本


最佳人气奖 季军  
〔作品〕  RedforGirls  [预览]
〔作者〕  Pearl.fw http://pearlblog.talk4fun.net/
〔得票〕  60
〔奖品〕  500M PHP双线博客专用空间(一年使用期)+图书一本


奖品将不日送出。我们挑选的纪念图书是 Zeldman 的《网站重构》。近期将有专人到获奖者的blog留言联系奖品的投递事宜。


鼓励奖  
为了鼓励原创,本次比赛的原创作品的参赛作者将获得鼓励奖一份-“100M双线博客专用空间使用期一年”

具体获得鼓励奖的名单:Firede、霉川类酷、Sonic、Jackie Lau、lemnear、Hyue、soriq、土豆、佳男、lemnear。

请获奖者在本帖回复,留下您的QQ号码。


-----------------------------------华丽的分割线-----------------------------------------

本次比赛的获奖空间由竹园下赞助,竹园下提供BO-BLOG专用双线空间。
(image)



Tags - , , ,



BO-BLOG首届风格设计大赛

Fri, 16 Feb 2007 07:41:07 +0000

(image)

不知不觉,从2004年4月4日发布第一个版本至现在,Bo-Blog即将走过3年,在猪年就要来临之际,我们发起BO-BLOG首届风格设计大赛,具体大赛安排如下:

参与者:

所有Bo-Blog使用者都可以参赛.

模板制作教程:
http://www.bo-blog.com/weblog/read.php/424.htm

比赛相关告知:

1、本次比赛分原创和移植,鼓励原创。

2、移植作品只能角逐最佳人气奖,移植作品必须注明出处和移植的细节说明 。

3、由于Bo-Blog和LBS的模板结构类似,可通用,所以LBS模板不可作为移植对象。

4、评委会由Bo-Blog、论坛维护小组发起组成,必须秉承公平、公正、公开的原则进行评选。

5、评委会组成人员不参加此次模板比赛。

6、原创奖和最佳原创奖由评委会评选产生,最佳人气奖由网络投票结合评委意见产生。

7、一人可以提交多个作品,但只能一个作品获奖,也就是“一人不多奖”原则。

8、提交的作品如暂时不希望公开,请加上阅读权限100(推荐)。此后本主题将只有你及评委会成员能够访问。

评委:
Bob:Bo-Blog核心程序编写、架构,
狐狸:疯狂模板制作人,
鬼火:“移植手术”专家,
Mesak:Bo-Blog官方论坛管理员、插件制作,
一直在等待:Bo-Blog官方论坛风格区斑竹,
Totti:竹园下站长,Bo-Blog的忠实饭团。


比赛日程:

作品提交时间 2007年2月20日-2007年3月20日
评选时间 2007年3月21日-2007年4月3日(包括评委评选和网上投票)
公布名单 2007年4月4日

奖项设置以及奖品

最佳原创奖  1名  奖品为:1G PHP网站空间(从使用空间起1年)+开发组精心挑选制作的纪念图书一本+施华洛士奇的水晶小猪 

原创奖  1名  奖品为:1G PHP网站空间(从使用空间起1年)+开发组精心挑选制作的纪念图书一本
最佳人气奖  3名  奖品为:500M PHP网站空间(从使用空间起1年)+开发组精心挑选制作的纪念图书一本

奖品赞助:

1、施华洛士奇的水晶小猪(价值50美金)由浴火狐狸http://www.gamepallas.com/blog/赞助。
2、网站空间由竹园下http://www.ittot.com/blog赞助。
3、纪念图书由开发组精心挑选制作。

评奖标准:

1、风格发布:作品理念阐述,作品展示图,模板演示地址,模板文件完整,提供相关图片源文件,满分10分
2、风格整体配色、排版合理、视觉冲击力、图片设计精美程度,满分30分
3、代码简洁、代码书写规范、结构细致,满分30分
4、是否原创 10分
5、符合XHTML/CSS标准,与主流浏览器IE6和FIREFOX兼容性情况,满分10分
6、使用者反馈、论坛评论状况,满分10分

参与方式:

请在2007年2月20日-2007年3月20日期间,在http://bbs.bo-blog.com风格比赛版块提交作品,请按照规定的格式提交作品和演示地址。

评选方法:

1、评委小组:评选最佳原创奖和原创奖
2、网络投票:最佳人气奖基于网络投票的结果产生

结果公布:

2007年4月4日在Bo-Blog官方部落格和Bo-Blog官方论坛公布获奖名单。

评委会保留最终说明权


Tags -



模板制作手册参考资源全集

Wed, 14 Feb 2007 13:24:14 +0000

A、Bo-Blog 2.0.3风格制作参考手册最新完整版。(Flash格式)
点击这里下载文件

B、来自Steven Chen的模板样式制作手册
感谢论坛版主、酷客部落的Steven Chen精心制作了模板样式制作手册。推荐想做模板的朋友参考。

地址:
http://www.couke.com/weblog/TemplateFAQ/Template.html

C、狐狸的模板制作教程
感谢狐狸风格制作过程详解:
http://www.gamepallas.com/blog/read.php/62.htm
Tags - ,



花系列模板推荐

Sun, 04 Feb 2007 06:43:49 +0000

细心的朋友可以发现,最近模板板块一直都有“花花模板”出现

再细心的朋友还可以发现作者都是Celin.Fox

非常感谢Celin.Fox为BO-BLOG带来这些细致的风格,希望有更多的人参加到模板制作当中来....

Celin.Fox:http://www.gamepallas.com/blog/index.php

(image)


Tags -



Bo-Blog 2.0风格制作手册[VOL7]

Sat, 21 Oct 2006 07:06:20 +0000

第六部分 标签用{}包含起来的是“标签”,标签可以被解释成具体的html内容。其意义如下:注1: 标有*号的是2.0.3起新增的标签。注2: 各个标签在其规定的区域内可直接使用,例如在 $elements['header'] 区域中,{blogkeywords}可直接输出blog关键词。但这些标签不是全局性的,当在 $elements['displayheader'] 中引用时,不会被解释。在Bo-blog 2.0.3以前的版本中,您无法跨区域使用标签,但 2.0.3 版本起,程序提供了一个跨区域引用标签的方法。要使用非本区域中定义的标签,请使用 。例如,在本例中,书写 即可输出blog关键词。1. $elements['header'] 文件开始*language - 网页使用的语言代码,如zh-cn(简体中文)、en(英语)blogdesc - blog描述语blogkeywords - blog关键词baseurl - 设置blogname - blog名csslocation - CSS载入代码pagetitle - 当前页面标题,如“留言本”ajax_js - 载入Ajax所需js代码extraheader - 载入header区域额外代码2. $elements['displayheader'] 顶部blogname - blog名blogdesc - blog描述语section_head_components - 顶部导航内容(如首页、链接、Tags等),生成的是一组列表(
  • )3. $elements['mainpage'] 日志页面ifannouncement - 顶部公告显隐状态(block/none)topannounce - 顶部公告内容iftoppage - 顶部分页条显隐状态(block/none)ifbottompage - 底部分页条显隐状态(block/none)mainpart - 页面整体内容,由具体的分页面生成pagebar - 分页条完整内容 (包含当前页面指示、分页选择、上下页选择)*currentpage - 当前处于第几页*previouspageurl - 上一页的链接地址*nextpageurl - 下一页的链接地址*turningpages - 翻页部分*totalpages - 总共有几页4. $elements['otherpage'] 其它页面mainpart - 页面整体内容,由具体的分页面生成5. $elements['displayside'] 侧边栏section_side_components - 侧边栏总内容*siderbarcounter - 总共显示了几个侧边栏项目6. $elements['displayfooter'] 底部mainpart - 底部内容,由程序根据底部模块配置生成7. $elements['footer'] 文件结束此部分无任何标签8. $elements['msgbox'] 出错/成功信息提示框 (废弃)message - 提示框内显示的信息9. $elements['sideblock'] 单一侧栏项目id - 该侧边栏项目的识别名title - 侧边栏项目的标题ifextend - 是否展开(block/none)content - 侧边栏内容10. $elements['excerpt'] 普通的摘要entrystar - 星标entrytitle - 带链接的日志标题*baseurl - 不带链接的日志标题*entryrelurl - 日志链接URL(相对链接)*entryabsurl - 日志链接URL(绝对链接)entryicon - 天气entrydate - 完整的日志发布日期 (年/月/日)*entrydatey - 日志发布日期之‘年’*entrydatem - 日志发布日期之‘月’*entrydated - 日志发布日期之‘日’entrytime - 日志发布时刻entryauthor - 日志发布者entrycontent - 日志内容iftags - 有无设置tags(block/none)tags - “Tags”alltags - 本文的tagsentrycateicon - 所属分类的分类图标entrycate - 分类名entrycomment - “评论”(评论数)*entrycommentnum - 单纯的评论数entrytb - “引用”(引用数)*entrytbnum - 单纯的引用数entryviews - “阅读”(阅读次数)*entryviewsnum - 单纯的阅读次数ifadmin - 管理的链接tbbar - 引用传输的地址显示区域(带地址)*entrytburl - 引用传输的URLadminbar - 管理栏topid - 置顶日志的唯一idprevious - 上一篇日志的链接和标题next - 下一篇日志的链接和标题ifedited - 本文最后编辑时间和编辑者(仅打开相关选项时有效)11. $elements['excerpton[...]



  • [模板]World Cup 2006

    Wed, 07 Jun 2006 14:36:30 +0000

    不言自喻了,当前的热门盛事。送个应景模板给大家。演示见现在本站的默认模板。

    另外正告发垃圾Trackback的人,没用的。发得再多,还是不会显示的。而且,我删除这些垃圾只需要打一句SQL命令的时间,前后不到10秒钟。所以,别那么辛苦了,这是浪费青春的事情。

    点击这里下载文件
    Tags - , , , ,



    Bo-Blog 2.0风格制作手册[VOL5]

    Fri, 24 Mar 2006 14:43:01 +0000

    (接上)
    第四部分 风格所需图片

    以下介绍位于 $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时需注意。

    (第四部分完,待续)
    Tags - , ,



    [模板]梅花雅趣

    Thu, 09 Mar 2006 14:04:19 +0000

    这是从 Google Pages 移植的一个模板。
    个人很喜欢Google Pages的模板风格,非常简洁,堪称固定宽度模板的典范。这是其中的一个模板,根据图中的花卉,命名为梅花雅趣。

    *版权归Google Pages所有,请勿修改底部的Original Design By的文字。*
    点击这里下载文件
    (image)
    Tags - , ,



    [模板]Triblue三栏模板提供下载

    Fri, 03 Mar 2006 13:13:20 +0000

    这个模板探讨了实现三栏的可能性和可行性,旨在抛砖引玉,让模板的制作者能根据自己的喜好设计出更漂亮的三栏模板来。

    随着1024*768以及更高的分辨率成为主流(从我的在线统计信息来看,分辨率在1024*768以上的超过了所有访问者人数的95%),三栏、宽屏的页面布局逐渐增多了起来。三栏式的设计能够大大地提高屏幕区域的利用率,显得大方而得体。

    这个模板就是本着这样一个目的,对三栏式模板进行的一次探索。

    模板使用时需注意一点,这个模板自动将“最新日志”这个项目以及其后的所有项目放入侧边栏二,之前的项目则留在侧边栏一的位置。因此,您可能需要对侧边栏的项目进行排序,以尽量维持两个侧边栏的疏密有致。

    以下内容供模板制作者参考:
    如果您打开这个模板的 elements.php ,您就会发现,三栏的实现原理很简单。那就是(1)先自定义出“最新日志”这个项目,即该文件中的 $elements['sideblock_entries'] 。顺便一提,如果elements.php没有对某个侧边栏项目的定义,则所有侧边栏项目都会采用默认的定义(即 $elements['sideblock']),而一旦有了针对某个侧边项目的定义,那么在输出这个侧边栏项目时就会采用这个定义。比如,如果您要使“链接”的样式与其它侧边栏项目与众不同,可以自定义 $elements['sideblock_links'] 的代码。命名的方式是 “sideblock_”+项目名。系统自带项目的项目名可以在后台侧边栏的模块配置中找到。(2)在自定义的entries项目的html代码里,先结束掉默认的侧边栏所在的div(sidebar),并开始一个新的div(sidebar2)。这样,在entries项目之后所有的项目都会出现在sidebar2这个div里。(3)在css中,分别设定sidebar和sidebar2的浮动关系,并使用 #sidebar和#sidebar2有针对性地设定这两个侧栏的样式表。
    点击这里下载文件
    Tags - , ,



    Bo-Blog 2.0风格制作手册[VOL4]

    Sat, 28 Jan 2006 10:39:37 +0000

    (接上,第三部分继续)

    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 - 侧边栏列表项缩进后的样式(如链接前的列表符号)。
    .search-field - 搜索框样式。

    2.5 主内容框架
    .content - 主内容的总框架。
    #innerContent - 内嵌于content的框架。
    .announce - 公告框样式。
    .announce-content - 公告内容样式。
    .article-top - 分页条(位于顶部)样式。
    .article-bottom - 分页条(位于底部)样式。
    .pages - 分页条文字样式。
    .pagelink-current - 当前页文字样式。
    ..textbox - 每篇日志的总框架。
    .textbox-title - 日志标题位置样式。
    .textbox-title h4 - 日志标题文字样式。
    .textbox-label - 发表日期栏样式。
    .textbox-fontsize - 日志工具条(字号选择等)样式。
    .textbox-content - 日志内容样式。
    .textbox-bottom - 日志底部工具条样式。
    .textbox-adminbar - 管理工具条样式。
    .textbox-tburl - Trackback地址条样式。
    .tags - tags显示条样式。
    .prev-article - 上一篇提示文字样式。
    .next-article - 下一篇提示文字样式。

    2.6 日历部分
    #calendar - 日历总框架。
    .calendar-main - 日历总体样式。
    .calendar-top - 日历顶端文字样式。
    .calendar-year - 年的样式。
    .calendar-month - 月的样式。
    .calendar-weekday-cell - 星期的样式。
    .calendar-day - 普通工作日样式。
    .calendar-saturday - 星期六的样式。
    .calendar-sunday - 星期日的样式。
    .calendar-today - 今日样式。

    2.7 评论显示框
    .commentbox - 单条评论(或留言,下同)整体框架。
    .commentbox-title - 评论标题样式。
    .commentbox-label - 评论日期文字样式。
    .commentbox-content - 评论内容样式。
    .trackbackbox - 单条trackback框架。
    .trackbackbox-title - trackback标题样式。
    .trackbackbox-label - trackback日期文字样式。
    .trackbackbox-content - trackback内容样式。

    2.8 表格样式
    .listbox - 表格整体框架。
    .listbox-table - 表格的宽度。
    .listbox-header - 表格头部文字样式。
    .listbox-entry - 表格正文文字样式。

    2.9 添加评论框
    .formbox - 评论表单所在框。
    .formbox-title - 评论表单标题文字样式。
    .panel-smilies - 表情选择栏。
    .panel-smilies-title - 表情栏文字样式。
    .panel-smilies-content - 表情栏内容样式。

    2.10 提示页样式
    .messagebox - 消息框整体。
    .messagebox-title - 消息框标题。
    .messagebox-content - 消息框内容样式。
    .messagebox-bottom - 消息框底部文字样式。

    2.11 细节样式
    .code - 代码框样式。
    .quote - 引用框整体框架。
    .quote-title - 引用框标题文字样式。
    .quote-content - 引用框内容样式。

    2.12 底部框架
    #footer - 底部总框架。
    #innerFooter - 底部内嵌框架。

    (第三部分完)
    Tags - , ,