我的天

这回换新版面，自己也感觉自己阳光了不少。我是喜欢阳光，喜欢北风呼呼，然后哈哈大笑。唱一句“好大的风啊！”。不过自己的半透模版如果用颜色太浅的图片好像不显什么效果，如果是白色为主就根本不用什么半透了。所以也是个问题。

不用浅色，一直用深色把自己也弄郁闷了，虽然挑的都不是阴森恐怖，不过……喜欢深蓝和星星也不能老那个样子啊！于是就用了个晚上去找新的墙纸。然后用Photoshop加工一下换掉了版面。

其实不知看版面的人有没有注意到，版面的中间半透部分和不透的部分又了过渡。哈哈哈，是我的新尝试，以前加上半透层是用方形，然后填充颜色，再调整透明度，这次的这批则是用选择区域的方形，就是说可以用到羽化效果，当然就又了过渡。不过这种效果不是所有的版面这样做都好看，以现在的版面为例，看上去还好，雾气的感觉，有蒙胧感，但对于一些别的图片看上去就有点怪怪的。不过这里就没有例子了。

下面就看看同期出版的新版面的兄弟姊妹一家亲（看看你喜欢哪个？然后我再换掉）：

能不能看出最后2对有什么不同？

聪明的你应该看出来了吧，就是我用的第二层半透不同，一个用了羽化，一个没有。对比来看差别很大。如果在分辨率在1024*768的机子好像没有什么本质的区别，但如果是800*600的机子就回出现明显的“线”的分界了，说不上到底哪个好。哪个都是我的“孩子”，我都喜欢，要不怎么“制造”他们出来呢？

哈哈，这就是我这一期的变身报告！！！

郁闷了N个世纪，终于尝到了成功的味道。

终于在http://www.oioj.net/找到了灵感，于是马上找到了灵感，于是马上在BlogBus帮助那里最后回复文章在主页自动断尾？

xrspook
青铜长老

终于做到了半透明模板，都是因为http://www.oioj.net/blog/showskin.asp?id=276的启发。

http://serving.blogbus.com放弃了用滤镜，我已经用Firefox试过了，结果是没有没有结果，在那个浏览器根本不能正常现实滤镜，而用IE内核的浏览器则出现怪现象，所以决定用图片的半透明代替真正的半透明滤镜。

还有一点瑕疵，因为自己对图片和blog的定位还不是十分熟悉。不过这个模板的诀窍就是在背景运用已经用半透修饰的图片

非常感谢BlogBus工作人员在此过程中给予的支持和帮助，是你们使我成长了，这个中秋，应该就能换上新模板，以后的节日也可以换一换装了：）

这里马上就准备换装了，已经准备好5个模板，其中包括大月亮的中秋节模板：

哈哈哈哈哈哈~~~~~~~~~~~~~~~~~~

经过数小时的尝试，半透明模板终于面世了！！！！

测试页面：http://serving.blogbus.com/index.html

这里运用的背景图片是：

当然，也可以简单地换成其他的，为什么我要选这个图片，其实是因为自己懒，不想该原来CSS模板的各个字体颜色，以为这里的CSS模板我是从http://regalo.blogbus.com/index.html复制过来的，那里本来背景为深色，我也换过浅些的背景图案，于是字体就看不清了，所以用做范例，就先用比较深的颜色。

这次，我学到最多的东西是div class=""这个语句的运用，终于，我终于明白了BlogBus的CSS模板和其他模板的工作方式。为什么以前我明明是从这个模板复制过去的用于行不通？就是因为一套模板的语句要在它的CSS那里定义，比如说你要在Index用到div class="bar"这个格式定义就必须在CSS模板已经有bar这个定义了，所以我以前无中生有，本来自己的CSS模板就没有定义，在其他模板怎么粘这些东西又有什么用呢？还有一点就是CSS的定义随心所欲，这就是为什么不同的作者的模板用语不同，由于这些用语不同，在好长一段时间里搞得我一头冒水，精通一个模板，但另一个就怎么也不明白。如果所有作者都用一套标准的用于，就是说在设置CSS的时候，能尽量定义相同的字段，那么，我这些研究模板的小白白也会好过很多。

不过这次的半透明模板我还是搞不懂一个问题，就是如何内嵌滚动条，虽然知道把背景图案不断repeat很难看，但迫于无奈，没有办法，要把图片fix下来不难，但图片fix下来以后怎么把内嵌的滚动条弄上去就不懂了。难道用内嵌的滚动条就必须涉及到框架结构？我知道用框架能很好处理内嵌的问题，但本人还是不喜欢用框架。

除了这些，我的半透明模板还有一点点问题，就是那些包围的虚线不连续，在日记的时间和题目那里不连续，在题目和正文那里也不连续，不知怎的断开了。

而我昨天已经说过，半透明模板的最大优点是换装容易，只许该CSS设置，所以甚至把blog的形式变成随机也有可能（只要在别的地方放一堆已经设计好的.css文件，然后连到Head模板，用javascript控制随机性），我一下子把问题都似乎说得很简单。理论和实际有距离啊！

半透明的模板，那种有点亦幻亦真的感觉不错，在看文章的时候看到背景的星星，噢，我就喜欢。不单文字的背景，连文章图片的背景也成为半透明了，在看图片的同时也能看到背景，一举两得，我喜欢。

现在那个测试的页面的字体颜色还需要进一步的设计更换，毕竟这样子的配色不行，看死人的，因为用的链接的颜色太浅了，应该换上些深色的链接还要用上当鼠标移上去的时候有不同颜色的背景，那样的话会好看很多，也好用很多，有背景图案的页面的链接大都是运用变换的背景颜色的，因为那样看得更方便，不受背景图案的影响。

总的来说，这次还算成功，不错，速度还可以，比翻译一篇文章还要快，而且没有那么痛苦。看来我是折磨自己折磨惯了，才说出这样的话。

哈哈哈哈哈哈~~~~~~~~~~~~ 再庆祝一下，这是我在这里发表的第600篇日志，哈哈哈哈~~~~~~

其实页面2005-07-15晚上就做好了，连续工作了3个小时就完成了20个页面，有点疯狂，不是吗？为什么可以如此迅速其中一个原因就是——CSS，CSS方便了我很多很多。因为通常是一个页面不同配色的，所以把一个不同的CSS粘过去就大功告成，最多是再修改几个小地方，所以一个基本版面做出来以后很多东西都似乎变得十分简单。最快的版面做出来的时间就是在1分钟之内！终于再次清清楚楚明白CSS的威力了，作为一个网页制作者，作为一个网页维护者，这可真是福音啊！！！！

不过每事都有2头，因为自己急性子，所以要一口气做出来，自然不是慢工出细货，每套网页，用套比较合适，因为分为4个风格，就是4套网页，都有不同程度的问题，在一个网页看上去可以，但在另一个就很别扭，在我自己看来，没有一套是没有问题的，简直就超有问题，原来配色也不可以一次到底，风格统一之余也要适当改变，一成不变只会带来郁闷的感觉。

这次没有截图了，实在太多了，截不了，页面倒是有上传：

绿树风格（原创）：
http://xrspook.spymac.com/ppx/Index12.htm
http://xrspook.spymac.com/ppx/Index22.htm
http://xrspook.spymac.com/ppx/forum2.htm
http://xrspook.spymac.com/ppx/new2.htm
http://xrspook.spymac.com/ppx/reply2.htm

MSN风格：
http://xrspook.spymac.com/ppx/Index13.htm
http://xrspook.spymac.com/ppx/Index23.htm
http://xrspook.spymac.com/ppx/forum3.htm
http://xrspook.spymac.com/ppx/new3.htm
http://xrspook.spymac.com/ppx/reply3.htm

BlogBus风格：
http://xrspook.spymac.com/ppx/Index14.htm
http://xrspook.spymac.com/ppx/Index24.htm
http://xrspook.spymac.com/ppx/forum4.htm
http://xrspook.spymac.com/ppx/new4.htm
http://xrspook.spymac.com/ppx/reply4.htm

微软风格：
http://xrspook.spymac.com/ppx/Index15.htm
http://xrspook.spymac.com/ppx/Index25.htm
http://xrspook.spymac.com/ppx/forum5.htm
http://xrspook.spymac.com/ppx/new5.htm
http://xrspook.spymac.com/ppx/reply5.htm

自己都不满意的东西还要出来献丑，真的好笑，不过blog就是用来记录，记录而已：）

今天早上起来，发现了这样一条评论：
个人认为注册页面的颜色搭配不是合谐。
阳光 () 发表于 2005-07-11 07:10

对朋友的意见我还是很在乎的，于是又对那个注册页面大干了起来。其实也没有什么好好改的，就是不断地去试新颜色，这次我可不笨了，到大网站去攫取他们的风格，结果就是很容易就完事了。

首先是MSN风格：

浏览页面：http://xrspook.spymac.com/ppx/register3.htm
是一边看着自己的MSN邮箱一边借啊借，够经典嘛。不过好像在其它地方出现的频率也很高。是个中中等等的作品。

然后是BlogBus风格：

浏览页面：http://xrspook.spymac.com/ppx/register4.htm
哈哈，完全是借用了BlogBus的经典颜色，好新颖，真的从来没有见过这样的网页的，原来BlogBus的风格是这般模样的，给人很新鲜的感觉。最要命的是它前所未见，搭配起来就是有点新新人类的感觉。做完3个后，发现自己最喜欢的还是它，哦，应该是做完4个后，最喜欢的是它！！！BlogBus风格，我爱死你了！

最后是微软风格：

浏览页面：http://xrspook.spymac.com/ppx/register5.htm
因为微软实在太出名了，所以到处都有抄袭它的风格，它的风格可以说是经典之中的经典。搭配是毋庸置疑的顺眼的了，不过就是太太太平常普遍了。而且这是我搞得最久的，但最后预期效果还是没有达到。就是用onmouseover和onmouseout做不出那种有border的效果，就是当onmouseover的时候除了变颜色和底色还能加框，难道只能是连接才能做出那种效果？天知道。

做完以后，连我自己都几乎分不清MSN和微软的风格了，岂有此理，都是蓝色的，只不过MSN的是深一点，沉着一点，而微软的是浅一点鲜艳一点，活泼一点。但是最特别的还是BlogBus风格，有点顽皮的感觉，毕竟没有人喜欢去用那种如此鲜艳的颜色，够特别。

哈哈，看来我是配色上瘾了：）