« 万网的域名转移密码竟然是... | 首页 | 万网、新网和Godaddy的差距 »

V2EX风格的Blogger模板

做一个仿V2EX风格的模板这个想法从很早以前就有了,因为V2EX本身在设计上刚好就是我很喜欢的那种风格。之前也有人把那个风格移植到了其他的Blog系统上,我记得至少有wp和pjblog两个版本。

我做模板一般都是先按设计好的风格做一个网页,然后再一点点的用标签替换掉里面的内容。MT的模板最重要就是首页和单篇两个部分,标签多得吓人,上次的评论记忆功能失效还让我心有余悸。所以决定这次先做成比较简单的Blogger.com的模板,毕竟Blogger和MT的模板系统其实是非常相似的。

在制作的过程中,我只能说Blogger.com让我深切的感觉到这不是一个适合自己制作模板的系统。虽然标签功能整合得很厉害可以简化模板制作过程,但整合得太厉害的结果就是没办法很全面、很细致的控制各项内容的样式,评论部分我基本上就没有去写什么样式。

另外就是blogger.com的<$blogmeta$>标签中默认会导入几个css文件用于控制导航条和其他部分,虽然导航条可以很轻松的就屏蔽掉,但导入的css文件还是可能对基本布局产生影响。例如这个css文件中,#wrap/#wrapper/#main都是大家很习惯使用的容器名称,要么不要用<$blogmeta$>标签而完全由自己来指定meta信息,要么避免使用这几个css文件中用到的容器名称。

v2ex_blogger_preview

请注意,这个模板是blogger.com的经典模式模板,新版的blogger模板是怎么样的我不是很熟悉,如果你想用这个模板的话,请先把模板切换回经典样式。

模板源设计者为V2EX创建人Livid: http://www.livid.cn/

原版效果见:http://www.v2ex.com/

移植者:36小时内打了四通投诉电话给电信的

和V2EX一样,这个模板中的圆角也是用的firefox专有特性,只有用firefox的人才能看到圆角效果。Sidebar固定200px宽度,内容部分自动适应填充,对于各种分辨率的屏幕都有比较好的支持。吸取上次的教训,FireFox+Opera+IE7+IE6和我同学的IE4下测试都通过。

只有一个小问题,对于那种1280X1024的超大屏幕,如果文章和sidebar的部分不够高,Footer部分将和屏幕底部有一定的间距。不过当你实际使用的时候,sidebar部分和文章部分肯定比我测试时要丰富得多,出现内容高度小于一屏的概率还是比较小的。

v2ex_blogger_setting

使用这个模板非常重要的一点就是,请一定在Blogger设置的“设置”--“格式设定”中,把“启用浮动对齐方式”设置为否,否则文章区域会有大块的空白。其他的使用说明,在压缩包里有相应的说明文件,请自行查看。

不过这不是我现在在用的模板,所以如果不是很影响使用的bug,我可能没什么动力去修改。先要说明的是,这个模板一切从简,V2EX中很多细节上的样式其实并没移植过来。

模板下载地址本站下载地址

FeedBack

引用地址:58

Yee1:

不错不错,我就喜欢blogger

dimlau2:

用多层、像素描边,可以实现各个浏览器都兼容的圆角
不过效果比较简陋

张改革3:

老大,您可真勤奋,弄那么多个站!

jackie4:

不错,要是以后自己不想建blog,我也会把blog托管到blogger,到时就派上用场了。

leavic5:

@dimlau:
我原来准备用的那种javascript的方法,好像就是用js文件模拟多层描边的效果,兼容性还可以。不过就是不知道为什么在单篇页面会失效,我又不知道怎么调试javascript,只好放弃。
@老张:
那个网站我估计是不会更新的,它唯一的价值可能就是为那个模板而存在了。

我也去试一下blogger,可以用自己的域名?