怎么样在我们博客的顶部可编辑区域制作一个下拉式菜单，还真不是个容易的工作。以前制作下拉菜单的必要性还不是很大，因为结构简单，所以水平导航也就够了。但是自从系统升级到ver0.6之后，频道和栏目组成一个matrix，这样一来下拉菜单就变得非常必要，可以使得导航变得直观、简单。
传统上下拉菜单有js实现的，有js＋css实现的，也有纯粹css实现的。其中我们关注的当然是纯粹由css完成的下拉菜单，不过IE对css支持不好，使得css下拉菜单往往在IE里面需要打补丁才能实现。
这些补丁花样繁多，有的是修改head部分声明，有的是body部分设定条件选择项，其中最为简单的一个模式，也需要把!DOCTYPE定义为strict模式才行……。结果是，我忙了半天也没找到可以在我们系统上在IE下面实现下拉菜单的css写法。换句话说，能不能在DTD HTML 4.01 Transitional条件下不用js就完成IE下面的下拉菜单呢？我没有找到答案。
目前看来，倒是用flash兼容性好些，不过flash修改起来不方便呀。

hofman给青草地博客的公民每人分发了十兆空间，空间虽然不大，但是速度快，存取方便。就像是房间里面设计了一个壁橱，里面可以放乱七八糟的东西，也可以储存平常会用得着的东西。

最近我发现，用这个空间存储页面调用的图片非常方便。

首先，速度快多了，不用从数据库中提取，直接读静态文件。
其次，不用担心图片变形，如果愿意，可以调用百k以上的图片（人人用光纤？）
再者，方便修改，这是最大的美德。如果图片有问题，直接删除，然后把修改的图片用相同的名字存储一下，页面根本不用改动就可以看见新效果。

学flash俺恐怕没有时间啦（其实是学不会），不过没有关系，反证有很多源码可以剽窃嘛。而且如今有了自己的存储空间，可以把剽窃的flash放在自己的地盘。估计以后我们博客的banner和nav都可以用flash菜单和动画，只要把其中的文字部分改动一下就可以啦。我老人家奋发图强，学了两天flash，终于搞明白了怎么改flash源码中的文字，哈哈。

 

本来想用blog5模式直接剽窃别人的页面，数次尝试之后都惨遭可耻的失败。失败的原因并不复杂。首先在于，我们的blog5代码是加在wrap里面的，跟别人直接在body下面的代码调用的css还不太一样。其次，别人页面很多图案（尤其是背景）都采用了相对路径而不是绝对路径。也就是说，直接剽窃还是有一定难度的，尤其是css复杂一些就更晕了。

没办法只好自力更生，手工剽窃了一个页面，算是我运用blog5制作的第一个页面吧。看看效果：


blog5自带的banner、nav、menu都没有去掉，只有右下的白背景部分是包含在wrap里面。这样做有个好处，就是主页面和分类页面以及文章页面比较协调，因为它们调用的是同样的banner、nav和menu。只是把sideNav给去掉了，因为它有点妨碍menu靠近nav。

首页的主导航和侧导航内容都是一个个加上的，所以要知道各个栏目的链接地址。如果不清楚，就切换到普通模式去查清楚，记下来再转化为blog5模式，这样并不会带来任何损失，如果你没有忘记保存自己编辑的页面和css的话。

网络展厅运用的是刚刚学会的滑动相册，是不是比较酷？相册象是flash制作的，其实只是非常简单的css，而且可以随时添加和撤换其中的图片，更新比flash容易些。

blog5是表现技术的一次革新，从来就没有哪个系统曾经实现过这种功能，所以使用者感到不便是正常的。可以说，我们博客系统的设计能力已经超过了使用者的运用能力。
经过一段时间摸索，我大致了解的blog5基本运用情况如下：
1、blog5的主要功用是设定首页（我估计接下来可以设定二级页面）。首页之重要，相当于人的相貌对第一印象的重要性。
2、blog5页面主要由四个部分组成：banner、nav、menu和wrap(wrap是围绕、包裹的意思，跟rap没关系：）。
3、banner部分就不用多说了，从最初的博客到现在，大家已经运用的很熟练。
4、nav就是后台里面的“导航列表”，这个导航会出现在blog5模式下的每个页面，可以说是主导航。我们可以很方便的通过“增加首页导航”来设置其中的内容，我觉得里面至少应该包括首页、相册、留言、管理等部分。
5、menu部分的管理也是半自动的，通过后台的“增加menu”来添加内容，我通常是把各个栏目的链接给加进去了。因为有时候栏目比较多，放在nav里面一行放不下。menu部分目前只是出现在首页，在分类页面和文章页面就不见了。
6、wrap部分的自由度是最大的，所以做起来也最难。不过好在可以通过“发布首页”、“首页管理”的可视编辑器进行copy。换种说法，我们通过“发布首页”、“首页管理”所设定的内容，其实只是wrap的内容而不是整个首页的内容。不过如果必要，我们可以通过把banner、nav、menu在css中设置为不显示就可以了。
wrap自由定制加上文章显示模式中的自由模式，我们博客表现层面上的自由度可以说是非常高了。

以上解释如果有不对的地方，还请总设计师hofman指点。

                            今天下午用blog5作了一个页面，才发现自己这么笨！经常犯最基本的错误。hofman设计的blog5系统的确非常方便，但是我用的还是不熟练。不知道为什么在切换html编辑和richtext编辑的时候，经常会出现一些费代码。看来还是用dreamweaver编辑完成再移植好一些。

为了表现blog5的灵活性，特地作了一个横版的页面，这是其他博客很难做出来的。各个栏目高低不齐，要是把废话换成文章列表会好一些，但是我实在懒的做了。还有管理菜单和相册也没加进取。

效果局部：


另外还请兄弟们帮忙：我的页面上面怎么出现了一个桔黄的横贯条纹？

      
            
      
      

blog5是个非常有意思的模式，好比武林中人见人怕的“吸星大法”：可以瞬间把别人的设计功力吸收为自己所有。
刚才试用了blog5的部分功能：效果参见庙堂维修站，是不是很丰富的样子？不好意思，是一分钟之内抄的。


抄袭程序如下：
1、进入后台，在“blog类型设定”里面把博客设定为blog5模式。
2、进入“发布首页”之后，把喜欢的页面copy到可视编辑器（源码也可以）。
3、顺便把css也改成原页面所配合的css。

博客新增加了“增加menu”的功能，加上原有的“nav”模块，稍微调整一下新页面就可以出炉了，哈哈，偷懒的人有福啦！

晚上的网速好快啊，抓紧时间把新css模板给收拾得大致像样了。还有很多细节可以调整，但是我暂时不知道怎么办才好，所以就到此为止。好像hofman设立了一个方便的后台功能，可以方便的调用青草地活跃用户的css，大家可以试试。这个css模板仍就是为blog4类型量身定做的，上中下三部分的背景都挺有意思，创意参考了www.stephenjoneslaw.com 。好歹css还算清爽，阿门！

截图如下：


效果请参考：狗眼看人低

我觉得如今对于导航条的运用有点定位不清楚。要是作为文章分类呢，可以，但是已经有了分类文章。要是作为常用的链接也可以，但是不也早就有了我的链接吗？那么nav部分的链接到底干什么用才合适呢？请教青草地诸位有没有什么创意？

hofman，今天看到macromedia公司的首页并列四栏，作为首页算是一个流派。能不能搞个四栏的布局？
参考图案：