Web效果演示之“自定义滚动条”
闲着无聊,在考虑怎么做一个有点新意Z-Blog主题,突然想到了滚动条的创新。记得以前曾设计过一个相关的页面,就是利用了滚动条的位置、样式的变化来取得新意的。我想,ZB主题中应该也可以加进去这样的元素吧。不过具体如何操作,怎样揉合,还需进一步的调试……

闲着无聊,在考虑怎么做一个有点新意Z-Blog主题,突然想到了滚动条的创新。记得以前曾设计过一个相关的页面,就是利用了滚动条的位置、样式的变化来取得新意的。我想,ZB主题中应该也可以加进去这样的元素吧。不过具体如何操作,怎样揉合,还需进一步的调试……

本系列上一篇日志《设计开发常用参考手册、速查表(一)》,介绍了PS的一些参考手册和速查表。接下来为您介绍的是CSS参考手册、速查表(共11款)。
1.Blueprint CSS速查表(PDF)
下载页面:http://www.christianmontoya.com/2007/11/12/blueprint-css-cheat-sheet/

一些设计师和开发者,可能脑袋瓜里都有一堆代码如同黑客帝国特效似的,在横冲乱撞。但实际上,你并不需要塞一大堆垂手可得的垃圾在大脑里。当然,如果是那些常常会用到,熟记后可加快工作效率的东西,记一记倒也无妨。而一部分偶尔才使用的,你硬是记不住的,也没必要逼着自己去死记硬背。这个时候,你需要一些参考手册、速查表。它们直观方便,用到的时候查一下就可以了。
因此,在这里,我将向大家介绍50几款设计开发中可能会使用到的参考手册、速查表,其中有PDF格式的,HTML格式的,PNG图片格式的,等等。这些资源,按类细分可分为Photoshop,CSS,HTML/XHTML,JavaScript,Illustrator,Dreamweaver,颜色、单位、尺寸、Typography/字型排版,浏览器兼容,其他等组。为方便大家检索,我将把每一组的资源都独立成篇介绍,使之形成一个系列。希望大家喜欢……
在Z-Blog官方论坛上搜索了一下,发现在Z-Blog中插入“添加到网摘”的实现方法有好多,但基本都运用了JS,并且使用了图标。我觉得这样做虽然效果还可以,但肯定影响到了日志的打开速度,特别是当使用的图标数量很多的时候。那么,怎样实现最优化的状态呢?很简单,将之简化,简化,再简化……以达到最佳效果。
不要以为这个优化过程很复杂,其实操作起来只须一个小步骤就行了,下面分享一下我的方法。
打开你当前使用模板文件中的 /TEMPLATE/b_article-single.html 页面,找到该页面中那个引用地址的标签< #article/pretrackback_url# >,在该标签上或下位置,或者是你认为合适的位置……
今天,修正了Z-Blog的两个小问题,一是站内搜索摘要部分会有原始的html代码的问题,一是相关文章只显示ID前的日志的问题。两个问题都比较隐蔽,粗心的用户可能不易发现。但解决办法很简单,只要微调下wwwroot/FUNCTION/c_system_lib.asp这个文件的相关函数即可。
1.站内搜索优化问题
打开文件c_system_lib.asp,在581行附近找出如下代码:
aryTemplateTagsValue(4)=Search(TransferHTML(Intro & Content,"[html-format]"),Request.QueryString("q"))
将之修改为……
ZBlog里有两个UBB代码可插入mp3、wma。
一个是:
[MEDIA=AUTO,400,300][/MEDIA];长宽可自设,默认隐藏,只显示“隐藏/播放 媒体”。
另一个是:
[WMA=True][/WMA];直接显示播放器,默认自动播放。
这两个都是直接引用Windows Media Player,界面相当的不养眼。