时光博客 - WEB开发中的可用性和用户体验
分类: Works

Sablog-X 2.0 mtime皮肤发布

screenshot.jpg

大小: 111.35 K
尺寸: 500 x 274
浏览: 337 次
点击打开新窗口浏览全图

皮肤名称:  mtime

适用版本:Build 20081204 (最新的版本尚未测试,请慎用)

皮肤大小:407K

下载地址:mtime.rar

img文件夹里面提供LOGO的源文件,可以自行修改,改完了存为PNG32位替换LOGO即可。

另外sidebar提供了一个照片轮换,其中的图片地址参数在这个文件里面

mtime\madrid.xml

  1. <track> 
  2. <title>我的机器人女友</title> 
  3. <creator>liupengs</creator> 
  4. <location>http://liupeng.us/templates/mtime/slide/mygirlfriend-mv.jpg</location> 
  5. <info>http://liupeng.us/archives/46/</info> 
  6. </track> 

三个节点,分别位图片上面显示的文字,第2个可以随便填,第三个图片的绝对地址,第四个点击图片的连接地址。
模板里面用了我博客的几个示例图片,如果不喜欢可以自行替换。把图片放在相应的,mtime/slide目录中即可,图片地址位225*303

皮肤使用方法:下载后,解压,将mtime文件夹上传到空间根目录templates中即可,再登录后台,在模板处设置使用mtime即可!

Sablog-X 2.0 iYahoo皮肤发布

皮肤名称:iyahoo

适用版本:Build 20081204 (最新的版本尚未测试,请慎用)

皮肤大小:119K

screenshot.jpg

大小: 56.68 K
尺寸: 309 x 180
浏览: 315 次
点击打开新窗口浏览全图

下载地址:iyahoo.rar

喜欢的自己拿,很早之前做的,一直使用着,采用了YUI设计思想。皮肤经过长时间测试,对SEO比较友好,支持主流浏览器。

代码简洁,布局简单,看惯了花哨的网页的可以尝试下,里面提供了LOGO文件。

做LOGO的时候,可以用FIREWORSK做个LOGO,背景色透明,导出1个32位的平面PNG替换原来的LOGO即可。

有问题可以在我博客留言,支持一切关于博客皮肤问题的回答,技术之外的闲聊也来者不拒!

皮肤里面可能有我自己的GG代码,里面有注释,自己删除即可。

皮肤使用方法:下载后,解压,将iYahoo文件夹上传到空间根目录templates中即可,再登录后台,在模板处设置使用iYahoo即可!

自制手机远程控制系统

此想法源于死龙同学,在学校期间发现了这么一个小创意。创意来源,我们的工作室离自己住的地方有些距离,而带电脑回家比较麻烦,另外一个原因就是工 作室带宽够大,于是晚上总是挂着电脑下些电影之类的。有人可能说迅雷就有类似的功能,但是迅雷的太被动,一定要等到下载完才关机。还有一些其他的定时关机 程序,如鱼鱼左面秀,超级兔子之类的,但是这个也不是很主动,到定时必须关机。缺乏用户主动性。
更重要的一点是:这些软件关机时可能会遇到软件的提示,是否关闭而停留在对话框界面,无法响应关机指令。于是我们一起写了个基于.net的远程手机控制系统。我就简称一下MRCS(mobile remote Control System)。

系统核心功能

通过简单的WAP网络,提交自己拥有的用户名,密码通过MD5存储。来实现关机和重启,并且关机的操作是直接在客户端PC机杀掉系统核心进程。目前支持系统:win2000/winXP/win2003/vista/win2008/win7

JSP课程设计-个人网上银行

大四上学期学习了jsp动态语言,期末的时候老师要求做课程设计。要求使用mvc框架开发,于是选择了基于structs的BitsWork开发,说明一下bitswork不是什么知名的java框架,是我们学习的那本书所在的公司开发的,一个小型的框架。

考虑到是课程设计的形式化,没必要设计得那么好。当时选了课题为个人网上银行,根据要求完成了所有的功能。功能相当简单,页面设计稍稍美化了下,不过对于应付课程设计足足有余了。在这里公开的目的仅仅是为了方面以后的学弟学妹们,没时间做课设的。交这个给老师就可以了。

扒饭网软件下载中心设计

在为m8疯狂的期间,也接到扒饭网管理员小R的邀请,希望能为扒饭网软件中心做形象设计,当时正是在JSP课程设计,因为项目催得急,软件中心也要上线, 于是就快速的完成了一个简单的demo,这次还是跟老伙伴龙神在天同学一起完成的。由于和死龙不是在一起工作,所以这次是真正意义上的代码与页面分离。做 设计的时候,由于自己有些程序基础,所以写注释的时候,都写得很到位,以致完成html和CSS后,传给龙神同学,得到他大力的赞许。看来,我们2个已经 很有默契了。

Fate-Stay-Night 宣传页

index_fate.jpg

大小: 166.1 K
尺寸: 236 x 400
浏览: 447 次
点击打开新窗口浏览全图

燕郊地方举行IT文化节,5所高校组成的,貌似可以看到不少名人,可以看到不少高手!

做得很急,这次采用的方法主要是PNG,发现不少以前没有发现的问题:

  1. IE下加载PNG为背景图时,得定义背景图的大小,否则会出现图片拉伸为块级元素的大小。
  2. clear:both一定要注意使用。否则自动高度的时候会出(FF)会有问题。
  3. 关于IE版本的HACK区别,区别IE的具体细节。
  4. 块级元素属性为浮动的时候,IE DOUBLE MARGIN的问题,display:inline;
  5. 图片的优化工作,导出时候的选择,以及图片的大小。
  6. 关于宽屏的处理(1024×768,1280×800,甚至更大的)。
  7. ID和CLASS的命名规范。
  8. PNG背景图层上的超链接问题,需要对照链接进行相对位置确定(IE)才能识别。

其他的都是些小问题。看来还得研究下图片的导出问题,这个应该好好研究下,怎么样才能做到图片的最小和质量的最大!

fate-Stay-Night 宣传页地址http://liupeng.us/demo/fate/

==友情提示:如果网速不好,请耐心等待加载,因为图片有些大!谢谢!

BBS做的一个小首页

bbs三周年之际做了个小首页

bbs_index.jpg

大小: 707.85 K
尺寸: 500 x 431
浏览: 443 次
点击打开新窗口浏览全图

Total:15123Next ›