周曙光的网络日志

分享我的BLOG程序的样式表 (for LBS Version 2.0.301)

Posted by: Zola on: 六月 9, 2005

SiC真是个天才,我不禁惊叹道。打开LBS2的ASP代码,发现非常精简,精简到我根本看不懂,但是功能却非常完善,也是非常人性化的。并且勤奋的他还要每天帮助他人debug,也要验证别人的debug报告,还要不断的更新这个程序。看上去冷酷的他却做着非常热心的工作,免费为我们提供了这么好的程序,还为广大LBS FANS提供技术支持。这么优秀的青年,我除了佩服他的技术之外,他的乐于助人的精神也是值得我学习的。
  拿到他的新版BLOG程序后,先按提示转换数据库之后,接着就是要更改样式表,改成我自己想要的风格。由于SiC的发布的官方版本是英文的,字体和版式界面都不符合我的习惯,还好他提供了多语言支持,汉化一下也容易。我更改了一下字体大小,改变了一下边栏的位置。总算让这个界面在Internet Explorer和Mozilla Firefox下显示一致了,改界面的时候多次想直接去改源代码算了,但是考虑到可能有朋友想要参考我的这个SKIN,忍了忍,还是没有去改,仅仅改了样式表。
  这个样式表的效果就是我这个BLOG现在的样子,特点是:

  • 字体用百分比约束,所有字体大小使用用户浏览器的设置;
  • 只使用黑白灰橙四个色,对比强烈,便于阅读;
  • 页面宽度使用百分比,没有横向滚动条;
  • 在Internet Explorer下表现正常;
  • 在Mozilla Firefox下表现最佳,推荐使用Mozilla Firefox浏览器;
  • 在800*600分辨率下测试正常,版面整洁;
  • 在1024*768分辨率下测试正常,版面整洁;
  • 界面中没有增加新图片;
  • 边栏sidebar在右边,将来为了插入广告JS代码更改程序中的sidebar输出顺序后不必更改样式表;

=== LBS^2 StyleSheet File ====================================
Style Name: GloomyHope
Version: for for LBS Version 2.0.302
Author: Zola | zuola.com@gmail.com | http://www.zuola.com
Last Update: 2005-06-09
=====================================================
  简短介绍:
  GloomyHope风格颜色为灰的冷色调,采用了部分橙的暧色作为点缀,意为在悲观中的希望;此版式能适应多种分辨率和浏览器环境,有相当好的自适应能力,体现了顽强的生命力;版面布局方面,边角留空,版面整洁有序,尽管内容繁多,但忙而不乱,乱中有序,象征在令人沮丧的的环境中仍然保持清醒,保留希望。
  下载地址:http://www.zuola.com/weblog/styles/default/GloomyHope.css
  LBS2最新元素布局图:http://www.voidland.com/blog/layout/default.htm
  还不知道有没有其它问题,谁若发现有问题或有建议,或者是鄙视我这个SKIN,不防直接告诉我理由,我会认真听取意见的。谢谢。

22条回应 to "分享我的BLOG程序的样式表 (for LBS Version 2.0.301)"

呵,界面很不错,整洁、清爽。钱木的LBSskin站点收录此样式了没?

是啊,我也这样认为.我觉得在液晶屏幕下看比较舒服.
我这就去钱木那里推荐一下.

Version 2.0.290 好像有些问题。。。

你是说我做的CSS样式表在Version 2.0.290 上用有些问题?可能是吧,SiC又在是清理输出结构.如果不是安全问题,我就不跟着他更新了.
他不肯将CSS样式表搞得与wordpress兼容,使人们浪费很大的劲去做SKIN,而现成的许多WordPress风格却用不上.

zuola兄:能提供一下2.0.288吗?很喜欢你的样式 [lol]
我的信箱wch@china.com.cn,非常感谢!

请参照 http://www.voidland.com/blog/layout/default.htm 对新版LBS进行相应的改动.
我的288的版本马上提供下载.

感谢左拉的辛勤劳动! [yes]

相当的漂亮!!右侧栏也比左侧栏好看。

这儿是不是也要更新了?

用的是288的样式表,居然还可以凑和着用,看来SIC对样式表的改动不大.明天再跟着清理一下样式表.

一群玩转编程和英文的牛人啊

好像没约束长度啊!?我好像已经Cut了255个字符啊,怎么还这么长?! [redface]

哦,我还没看正文。。。。。。。

嗯,好一般的CSS。 [no]

引用自 Afly
好像没约束长度啊!?我好像已经Cut了255个字符啊,怎么还这么长?!
[redface]

不错,阿飞是一个喜欢自已动手的好青年.不过编程的事我不懂,你自己再调试吧.

哈哈`~~~BINGO`~他吗的,我居然成功!!!OHYEAH!!! [cry] [heart]

呵呵~ 看来这年头都流行给BLOG整个大脸的啦。我也来……

又更新了啊? 我喜欢~~

知错就改,才是好青年嘛。。。

请教:导航栏能不能放在左边?

不懂技术,请指教,谢谢啦!~

可以放到左也也可以放到右边,更改CSS中的sidebar,将[FLOAT: right;]改为[FLOAT: left;]
还要将[.content]的[FLOAT: left;]属性改为[FLOAT: right;]

把 日志分类 里面的 XML图标放在最前面就比较整洁,不过这得修改Global.asp的代码,跟Css没关系,还是建议你改一下,我的就是这样做的,好看,不会显的不整齐。

非常不错的风格,谢谢提供,
http://www.hhtvs.com/ 怀视-HHTVS.COM

回复

发表评论您必须先登录


  • 陈溪梦: 啊, 多的不说 - 你们了解余杰吗? 请 不要 乱言胡语。
  • shuiziliu: 哈哈,好玩,发现左拉舞的双节棍都是那几个镜头。真够装模作样的。评论板块变的不错,都差点没注意。
  • 渔船阵: 在这种国家,没办法,就算被捕了我们又能或者说又敢做什么呢