Blue 2cols

恩，又是意味不明标题 好吧，我先讲下背景知识吧。我之前曾经发布过评论表情图标和评论签名头像的实现方法。它们的原理其实就是利用js替换特定代码（比如[face:xx] [avatar:xx]），然后用css控制图像的显示。但是，当我们进入后台管理评论的时候，因为没有相应的js代码，所以我们看到的还是原来的代码，而不会以图像的形式显示出来。

下面就要讲到重点了，TheWorld作为一款世人皆知的浏览器（？），它的某项功能如果能够被我们巧妙利用的话，就可以实现后台的直观显示了。下面是我在TheWorld下的后台评论管理的截图。

另外，我有些时候想要在回复中加入图片表情，但不知道相对应的[face:xx]代码，这个时候，我们又可以利用TheWorld来实现这种添加表情的功能了！下面是我在后台回复评论时的截图。

呵呵，好了。上面就是我想讲的内容了。啥？要实现方法！？恩，这个实现方法我先不打算讲，我倒先想调查下你用的是什么浏览器，如果大多数人用的是TheWorld的话，我才会发布实现方法。

P.S：如果你用Firefox的话，还可以利用GreaseMonkey实现同样的功能！ 

昨天帮Ray's BLOG调节了｛dF｝lover的某些效果（注：此模板来自：http://www.dezinerfolio.com/原为共享WP模板，由Ray修改，移植到BLOGBUS。），今早去看他博客的时候，发现他已经把这个共享出来。我又看了下演示的博客http://raysskin01.blogbus.com/，发现还是有点问题的。不过，因为这款模板实在是太华丽了，所以今早在此先向大家透露一下，更多内容，我会一并纳入模板搜集专题 5 中。

图片来自ray's blog

调节文字排放位置

这节的教程我们来学习如何调节blog名称和描述的位置。还是接着上节的教程来看，我们要在css中添加一些代码，即可实现文字排放位置的调节。下面我们先来学习简单的文字对齐方式。

文字对齐可分为左对齐，右对齐，中间对齐以及两端对齐。我们先看下这段代码：
<div id="header">
 <h2><a href="http://<!-- ~ domain ~ -->"><!-- ~ blogname ~ --></a></h2>
 <h4><!-- ~ blogdescr ~ --></h4>
</div>

这段代码在上节教程中已经出现过了，如果不...

2月14号在你好.net上申请了这两个域名，但到今天下午之前才收到技术人员人工回复的信件。我看了下注册的时间是2月15号，也就是说，这两个域名在2月15号就已经开通了，但因为它那边系统发信的问题，我一直没能收到管理用的密码。

今天联系了下它的技术人员，终于通过人工发信的方式告知我如何管理域名了！于是乎，我就把这两个域名给转向到mobanxx.blogbus.com上来了！说是两个域名，但其实是www.wanede.cn、wanede.cn、www.wanede.com.cn、wanede.com.cn 这四个域名，也就是说，大家以后可以直接输入上面任意一个网址，就能进入万恶了！

我也顺手做了个宣传域名的图片，放在顶部了。因为不美观，所以只会放置一小段时间，过段时间，我就会拿下来的。

恩，标题有点吓人还是来解释下吧。平凡生活是旧模板系统下为数不多的单栏模板之一，但blogbus在转换，或者说rebuilt旧模板到新模板中的时候，并没有把平凡生活转换过来。也就是说，新模板系统下，是没有平凡生活这款模板的！
 

因此，我决定在这里一步步地向大家...

可能标题没能准确说明，我解释下。上传到blogbus那小小的10M空间中的图片，的确存在着自动缩放（针对超过一定尺寸的图片而言，另外gif图片也会有问题）的问题，但所谓的自动缩放实际上可以看成是blogbus为大尺寸图片自动生成了缩略图。这个缩略图存放的路径与未加缩放的图片并不相同。但因为blogbus在后台功能设计方面的问题，很多人以为上传到blogbus上的图片只能是某个尺寸（也许是640的最大宽度）的了（Apollo就这样以为过……）

下面看下我在后台……

恩，这篇话题广告让我有点犹豫，或者说让我有点尴尬。问题的关键不在于这个话题广告，而是FeedSky给我邀请的时机！从我个人的调查来看，Yaris雅力士彩绘设计网络大赛火热揭幕应该是在 2008年1月15日，早在那时，FeedSky就大概发出过话题邀请了，只不过我没能拿到现如今，可能是因为FeedSky话题营销的审核问题，有些博客的话题未能通过审核，而把余下的预算费用让给我了（当然还有其它一些博客了……）。但是，这种有时效性的广告，放到今天来写，就显得有点晚了。虽说如此，为着能顺利拿到话题广告的收入，下面我还是来认真地讲一讲这个活动吧……

本次活动由广州丰田汽车有限公司，从活动名称（智‘绘’我本色）上看，这次活动官方的解释是“广州丰田汽车有限公司即将在2008年推出丰田的全球三大战略车型之一：Yaris，中文名：雅力士。雅力士是为体现现代都市人时尚、个性和智慧而诞生的……为了让所有渴望展现自己个性和创意智慧的人们有一个充分发挥自我的舞台，……四部雅力士作为大赛的大奖”，我把它理解成：您有美术才能的话，不妨试试看在车身上彩绘是什么感觉！作的好的话，还能搞到小车呢！我自己试着看了看活动的规则，并且试用了下在线提交彩绘作品的功能。下图是我在网站上试用的截图：

从我的试用感受来说，整个宣传网站做的还是很精致的，在线彩绘的功能方面也比较强大，但有一点不太好，就是在进入在线彩绘功能之前，可能会不知道点哪儿好……另外，一点参赛作品的风格设置，我个人也不是太明白。“本次大赛为大家开放四个风格各异的地带供大家挥洒个性，它们分别是：“炫动风潮”sporty、“都市魅影”urban、“潮爆至上”fashion、“典雅风情”elegant”这些所谓的风格，到最后评判的时候，是每个风格中选出最优，还是综合各方面因素加以评判呢？我个人在这里所作的只是简单的介绍，并不会真正参加这个活动，但对于那些想参加活动的网友来说，到底该如何选择是好……

再来介绍下活动的奖品设置，下图是官方活动网站的截图：

请仔细看下一等奖的说明：“十年的使用权”，注意了，只是十年的使用权！当十年期满后，您可以凭优惠价格购买。这种赛事奖品的设置还真是让人不明白，既然你都给人家十年的使用权限了，为啥不把它直接送给人呢？十年之后，这车也“老”了，用起来也不方便了，不如直接换新车得了。相比一等奖，我倒更看好二等奖——豪华PSP，PSP啊！算了，我只是在这里想想罢了。

这次活动的评委设置也挺有意思！老徐，北京奇奇这两人在网络上都是火得很的人物，为什么要请她俩我也是很好奇啊，话说你要多请几个像马岩松这些人的话，我倒觉得更好吧，评判上也会更加公正吧……

最后，再去看下网友的作品：

自从上次发表过新年快乐的祝福日志后，万恶就一直沉浸在新年的快乐气氛中。这期间，仍然有不少网友关注着万恶，真是令我十分感动。但是，另一方面，又有不少人打扰了我的清闲时光（呵呵，也并不是完全歇着）。

这段时间中，万恶的服务QQ虽然一直在线，但我却把QQ的个性签名个性成“暂不接受咨询中”。虽然这样，但还是有不少人直...

我经常在bbs上看到有人问这个问题，所以就想法解决一下吧。这个问题就是，blogbus在处理用户名与昵称的时候显得特别弱智。比如说，我注册的用户名是jiee3，但实际上我想用的昵称是jiee。可是在新模板系统下应用模板的时候，系统会直接把用户名显示在博客中。这样一来，昵称是干什么用的啊？！！

接着上次的良性共享机制来说。我个人认为，良性的共享机制是能使网友愿意共享出自己“打造”的模板。从我目前了解到的模板发布者来看，像J&A，anya，Z.S，涂鸦等人，做过好几款模板，并且愿意把自己的作品共享出来，另外一小部分发布者则是把自己以前用过模板共享出来，至于愿意共享自己正在使用中的模板的情况，则要少得多了。

上回说到百度空间的共享机制，它那边是可以在创建好自己的模板后，共享出自己当前使用的css。blogbus如果以后也能开发出这样的功能的话，相信会有更多的共享模板的。正是这种模板开发以及共享过程的不方便，所以在目前很难有太多的共享模板。不过，在这种共享模板缺乏的情况下，我们就可以安安心心地写博客了，专心于博客内容，而不用每天都想着要换模板了。话说，像百度空间那么多的模板，如果每天都换一块模板，那么即使换十几年也换不完。

我在搜集blogbus模板共享的过程中，也碰到过这种情况。比如说，某个blogger自己打造了一款模板，然后就会看到有人在那留言说“我好喜欢博主的这款模板，博主能不能把这款模板共享出来……”这类话。我个人是最反对这种讨要模板的做法的，因为博主如果愿意共享出模板的话，他（她）肯定会共享的，在博主没有表示过想要共享模板的情况下，你这样做，无异于向人讨要东西……而对于那些经常发布模板的博客，则经常能看到很长一大串留言，都是讨要模板的。对于后面这种情况，我想说的是，请大家在讨要模板的时候，仔细想清楚，那些模板是不是合适用于你的博客上……

最后，我也在这里发布一款我在自带模板（春暖花开）基础上修改的一款模板——Clean Red。

演示：http://jiee-skin01.blogbus.com/

1. 万恶不提供免费的模板共享（需小额收费，1-50元不等，Red Clean收费1元）。所谓共享并不意味着免费，不能理解的话，请试着去下载任意一款“共享软件”。
2. 万恶发布的共享模板均会提供技术支持，这意味着，我可以为你作小范围的修改工作（如果不需要的话，另当别论^_^）。
3. 申请模板的人需要有自己的博客（我知道这是废话……后面是重点），并且博客要有内容，有更新。
4. 以上是试行规定……

好了，如果你仔细看过上面的试行规定的话，就可以向我申请共享模板了。

刚刚发布完共享模板搜集 4 ，但因为还有点事想说，所以就另开一篇日志说下。这个“事”就是共享模板。

前些天到百度空间逛了下，发现52abc在那里说什么在百度空间中有些人挺无耻的，偷走他人的css，然后用到自己的百度空间里，并声称是自己做的模板。确实，这种做法是挺可耻的，也是有点变态……百度空间的模板据说已经有176014 款模板，把blogbus的148款模板与这个数字相比，显示是要望其项背了。但从另一个角度来考虑，模板太多，要做出选择也就很难。在blogbus中模板的数量虽然少了很多，但是不必要每天都去考虑是不是改换一个模板了……

百度空间好像是有一套模板共享机制的。而它所谓的模板共享其实也就是共享出css代码，52abc为了防止他人偷盗它博客的模板，还想方设法地去藏css。在blogbus中，其实也是可以只共享css就能分享模板的。分析一下新模板系统中index页面的代码就可以知道，书写不同的css代码就能有不同的模板了。但对于大多数人来说，想要实现这点，却又不是件容易的事……

也正因为万恶的blogbus模板，所以很难有一种良性的共享机制。从Apllo发的牢骚来看，blogbus上的很多blogger大多是冲着其共享的模板而去的，对于博客内容，却压根不顾，从我了解的模板共享作者来看，大部分人都有这样的顾虑：倒底是共享呢，还是不共享呢，这是个问题。因为从模板作者的角度考虑，虽然有很多网友想要其发布的模板，但到底发布出去的模板是不是真的用在自己博客上了，以及这些博客的内容是否与模板相符等等都是问号。产生这种问题的原因可能就是获得模板的过程过于容易，想要就要。试想下，如果每款模板都收取小额的费用，那么是否还有那么多人找你要呢。

未完待续……

今天J&A发布了第四期共享模版（或者到Apllo的博客：http://imapollo.blogbus.com/logs/14803356.html），另外，CheN_ 琛 也发布了他先前用过的模板（使用这款模板需要一定的css知识，对于不懂css知识的网友来说，不大好办）。而上次专题中被我遗漏了的i.Z发布的ATTITUDE.耳机也会在这次补上。

J&A

J&A这次一起发布了四款模板，我大致看了下，感觉对Apllo那款绿色系的板还是比较喜欢的。而且这款风格与其它三款相比，要更加简洁一点，底部区域是个不错的布局方法，但是要想把所有侧边栏中的内容都放进去，可能有点勉强。我倒建议只做成三栏，并且可以考虑把分类放到顶部。另外，值得一提的是，A的其中一款模板是在新模板系统下完成的。J则是熟悉了旧模板，想往新模板系统转却又觉得别扭。个人建议J尝试着写个全新的模板，而不要在i.Z的模板基础上修改了。修改的话，可能有些bug很难发现是怎么回事，从头开始写代码的话，则能很好的控制bug的产生……
 

 
(截图来自Apllo博客）

CheN_ 琛

作者好像是跟天气雨，蓝雨鱼他们做美化的吧，因为改版了，所以把原来的模板共享出来了。但因为某些原因，作者只共享出css以及必要的素材图片。要想把这些东西组合成一个新模板的话，还是需要你有一定的css基础知识的（不过这些基础知识，万恶的教程中都已经提到过了）。因为用到png图片，而且没有针对ie6作出处理，所以在ie6下显示不是太正常。
 
（左边为正常显示的效果，右边是ie6下的显示效果）

i.Z
没什么好讲的，上次把这个给漏掉了。估计他现在这块板，不久也会共享出来。

看到bbs中有很多人询问如何实现博客背景音乐无间断播放，今天抽空考虑了下改如何实现。但想来想去也没什么好方法。下面就简单讲下，至于是否可行，请自行判断。

就目前来看，实现无间断播放音乐的方法无非就是利用iframe创建两个框架，一个是播放器的框架，另一个则是主体内容的框架。因为blogbus模板不像百度空间那样存在太多限制，所以这个方法倒是能够行得通。但真正实现起来，却又不好办了。

对于有独立空间的博客用户而言，他们可以这样实现：<iframe src="播放器网页"></iframe><iframe src="主体内容网页"></iframe>,但在bus中，就不好办了。但是如果用这种笨方法的话，或许就能行了。

如果你有博客大巴上已经有了一个名为test.blogbus.com的博客，那么再新建一个test2.blogbus.com，在test2.blogbus.com的模板中，设置index模块的代码为：<iframe src="播放器网页"></iframe><iframe src="test.blogbus.com"></iframe>（这里只是个大概的意思），至于播放器网页，你可以写入代码，然后保存成html文件，上传到的blogbus中，获得这个文件的引用网址即可。

好了，以上就是大概的实现思路，至于值不值得这样做，就取决于你自己了。至于是否有更好的实现方法，我目前也会继续探索的。

声明：这篇日志是关于“万恶的blogbus模板”的草稿中的一部分，以后会慢慢补充修正。

因为“万恶”目前尚无添加任何友情链接的打算，但从我这边的统计数据来看，还是有不少网友主动加“万恶”为友情链接，这着实让我感动。不过，在友情链接中显示出的“万恶”的姿态则是不尽相同。有用“小万”称呼的，有用“wane”的，有用“博客代码”代替的，也有人用“Bus skiner”称呼的。下面这幅图就是我“搜集”到的大部分友情链接，欢迎大家前来认领。

最后，我要感谢下面这些朋友为我做的友情链接：

10月26日 - 博客大巴

5410 - BlogBus.Com

bus乘客簿 - 【书童日记】 - 博客大巴

Doria's daydream - 博客大巴

Koody's Blog - 博客大巴

Since Apr. 19, 2007, - 博客大巴

vunske,picture - vunske,Poison. - 博客大巴

xiXSpace - BlogBus

『90后』 Master-sky 1.33 - 博客大巴

凤凰涅槃- 博客大巴

大王里的部落格

禾际行走，

草猫窝 - BlogBus.Com

［鸳鸯梳。 胭脂扣。］ - BlogBus.com (已认领)

{ Pea' Blog } - Touch Fashion Style
仰望 - 博客大巴(已认领)

以上统计数据可能有缺漏，如果你的博客中也加“万恶”为友情链接了，不妨通知我，我会在此一一谢过的^_^。

今晚终于如约改版了，改版后的万恶可能会存在一些问题，如果你无意中发现了存在的问题，烦请及时向我反映。

这次改版从前期准备到代码编写，整个过程持续了约一个星期。这次的模板是基于旧模板基础之上的，以后有时间的话，我会放到新模板系统下。布局方面，采用的是一种已经不太常见的线框化模块样式，也不知道大家第一眼看到这种布局会不会觉得不习惯。而代码方面除普通的页面代码外，我还写了几个js代码，实现了Tab导航以及日历形式显示日志发布时间的功能，另外，每个分类导航的首页都会有一段该分类的介绍，这种功能也是通过js代码实现的。

除了上面提及的几个小功能外，评论表情和头像功能也被我加进来了。下一步还有一个有待实现的功能就是当前日志页面“您的留言提醒”功能。具体一点来说，就是如果当前页面中有您的留言的话，提示框中就会有您留言数目以及博主是否已经回复等相关信息，而且在点击提示框中相关链接后，即可快速定位您自己的留言。这个功能的实现方法已经有初步的想法了，相信很快就能公布了（如果我不忙的话……）

还有一件事就是“B公社”。上次已经提到过它了，实现方法主要就是利用留言功能，在填写一些模板发布的相关信息（如模板发布人，发布时间，模板名称，模板截图网址等）后，利用js代码替换这些信息，使它按规定格式显示出来。实现方法其实就是基于评论头像的方法，只不过需要增加一些输入框。

这样一讲，所谓的B公社其实就没什么了，只不过是模板发布的地方了。实际上，我是想加入模板交流这个板块的，也就是说，你可以对发布者发布的模板做出某些评论，但因为这个玩意是完全基于blogbus现有的博客平台的，所以想实现这种功能的话，就会有点困难。至于“B公社”，我倒更想听听大家的看法。所以，如果你有什么好的想法，请留言告诉我

最近涂鸦，Z&S，盘子，guke都放出了几款新模板，所以又不得不再次更新下这个专题了。详情点击标题查看全文

先说下“万恶”在两大搜索引擎中的表现。经过这段时间的努力，“万恶”在百度和Google上的表现终于能够让我满意了。有兴趣的点击截图的网址自己查看吧：
http://mobanxx.blogbus.com/files/12011836863.jpg
http://mobanxx.blogbus.com/files/12011836862.jpg
http://mobanxx.blogbus.com/files/12011836861.jpg
http://mobanxx.blogbus.com/files/12011836860.jpg

注意看下：blogbus模板与blogbus 模板是不同的关键词。

下面再说下“万恶”改版的事。所谓改版，主要还是模板方面，内容方面基本保持现在的风格，这几天我已经着手在写模板代码了，再过几天就能出炉了。另外，在这里顺带提一下“B公社”的事。B公社是受bbs上网友的建议 的启发而尝试去做的一个新项目。这项目的目标，主要就是提供一个模板交流与共享的平台，而且是完全基于blogbus平台。

不过也正是因为“完全基于blogbus平台”，这个项目能够实现的功能也只能是极其简易的了。其它详情，我会在新版上线后继续谈论的……最后，再感谢下那些一直关注“万恶”的朋友们……恩，就这样了。（话说，天气好冷啊！）

1/26更新：新版“万恶”演示： http://mobanxx2.blogbus.com/ 。如果您觉得新版有什么需要修改的地方，请告诉我。不出意外的话，新版将会于28日晚9:0亮相。
P.S：muban与moban的事，您是怎么看的呢？

因为最近an-ya和 Z.S 这阵子连续发布了好几款模板，所以不得不在这里对这个专题作个更新。考虑到各方面的原因，我还是决定单独写一篇更新日志，作为专题 2。好了，看模板吧。提醒：内文才是精华，点击标题查看全文

让大家久等了，今天就更新下留言头像的实现方法。实现方法点击标题后查看全文！

这次的实现方法，其实原理是跟上次的评论表情图标实现方法的原理一样的。因为我把整个实现方法都以js文件的形式内联到页面中了，所以实现方法要比上次的简便一点。同上次一样，这次的实现方法仍然是只公布新模板的实现方法，旧模板的实现方法请参考评论表情图标的说明。

P.S：NND，该死的blogbus日志编辑器，以后有空的话，就来诉说下日志编辑器的“万恶”！

之前我发布过评论表情的增强功能，大家可以到http://addfacedemo.blogbus.com/上查看。今天发布的增强功能是用户头像功能，大家可以去http://avatarDemo.blogbus.com 查看演示...点击标题继续阅读全文

声明：这套模板并非万恶制作，而是 fuqilan(点此查看作者博客)根据iZ的Pennyroyal Tea主题修改的。这个教程的目的是想让大家理解css中background的用法，希望能够有用……下面是教程中要用到3张图片（fuqilan发给我的）的缩略图：
（实际尺寸：960X210）
（实际尺寸：960X9
（实际尺寸：960X135)

先看下教程用模板最终效果。

因为我个人提供的blogbus模板资源非常之少（有的话，也可能是收费服务哦^_^），所以在这里做个专题，搜集网络上blogbus模板的共享资源。如果你觉得还有哪些网站是我所未搜集到的，不妨告诉我，我会在这里发布出来的。详情点击标题后阅读全文

logo是我自己花时间做的，虽然做的不怎么样，但好歹是自己的成果啊……不说别的了，先看下几个尺寸的logo：

90x29：

120x39：

150x49：

180x59：

200x65：

最近发现有好几个网友都把我的博客加为友情链接了，在此先谢谢各位了（鞠躬……）。为了进一步张显“万恶”的“本质”，所以下午就边想边做了这么个简单的logo。本来的logo设计思路是把“恶”字做成人脸的形状（业 －》旁边两点变成尖锐的眼神，心 －》旁边的两点变成胡子，上面的一点变成喉咙），试着做了下，但因为我对美工方面实在是没什么功底，所以做出来的效果不好看，于是就想到做个简单的logo。

既然logo都做好了，那下一步，自然是想让大家帮我多多宣传了啊……如果您也是bus上的乘客，而且乐意在您的博客上为我宣传下，那么您可以按下图的示意去做：

另外，我还要说下，放不放友情链接完全是您自愿的事，我的博客上面一般是不会放置任何友情链接的，所以，如果您在自己博客上放了logo后，我除了在心里说声“谢谢支持”之外，也没有什么其它的办法了。

先看下图吧

大家在留言的时候，请注意看下“您是bus乘客？如是，可发送悄悄话”。虽然不是什么好功能，但我想有些时候可能真的会有点用，所以就试着做出来了。这个功能在ie7及firefox2.0下显示正常，如果你看不到这个功能，烦请及时联系我……

话说，在这个辞旧迎新的日子，我还在做这种事呢。不过，不管怎样，在此祝愿大家在新的一年里快快乐乐，健健康康吧……我自己的话，就让我更加快乐一点吧 哈……哈（仰着头在笑的某人）

为方便从百度过来的朋友们快速找到想要的东西，所以就制作了这样一份列表。注：列表应该从教程1开始看，也就是从下往上看……}}点击标题查看全部内容

这回终于要讲到如何修改头部的blog名称和blog描述了，但如果你没看过前面的教程的话，或者忘记前面遥内容的话，理解起来可能会有点困难。下面开始简单地修改实战环节！点击标题继续阅读全文