浏览:5092008-04-17 01:54   来自棕熊      :

http://ruxpinsp1.cnblogs.com/ 

基于facebook的皮写的。因为刚加入不久,很多功能都还没用上,所以这个skin还在不断改进中。

之所以用这个皮主要还是因为几乎所有的标签上都有class, 比较好定制。但是为了某些特殊效果,用到了大量的png with alpha channel和一些CSS 2的选择器,所以暂时不支持IE6

接下来的改进是将side bar panel的左边距改成随机的

欢迎大家多提宝贵意见

楼主
  2个月前   looping      :
沙发,搞的不错,又一个牛人
回复  1楼 回到顶楼 
  2个月前   dudu      :
不错!
是否可以放到博客园的模板库让大家使用?
回复  2楼 回到顶楼 
  2个月前   杨正祎(阿一)      :
你下次可以试着用custom这个模板,这个是最新的,比facebook还好一些。
回复  3楼 回到顶楼 
  2个月前   杨正祎(阿一)      :
太帅了。小弟自叹不如呀。没有这个的设计能力。赞一个,以后请多多指教。
回复  4楼 回到顶楼 
  2个月前   杨正祎(阿一)      :
能把这个皮肤共享出来,让大家使用吗?
回复  5楼 回到顶楼 
  2个月前   文浩的随笔      :
firefox下有些小问题 不过已经很不错了
回复  6楼 回到顶楼 
  2个月前   棕熊      :
@dudu
可以阿,但是标题上面那个大图可能不行,因为那个图有版权……
共享出来的话可能要换个图才行

@杨正祎(阿一)
这个……ms在模板里都没找到@@||||
偶去确认下@@

@文浩的随笔
什么样的bug? 偶去fix下
回复  7楼 回到顶楼 
  2个月前   杨正祎(阿一)      :
@棕熊
custom 在后台选项中有。在模板列表中没有。

回复  8楼 回到顶楼 
  2个月前   棕熊      :
原来如此@@
偶看看移植过去是不是很麻烦……
回复  9楼 回到顶楼 
  2个月前   任力      :
真的不错!很强悍!
回复  10楼 回到顶楼 
  2个月前   Windie Chai      :
虽然不适我喜欢的风格,不过,很强大。
回复  11楼 回到顶楼 
  2个月前   棕熊      :
今天把side bar panel 的左边距都弄成随机的了
修正了一下更多连接的东东,另外增加了几个.PostListTitle相关的样式
明天看看还有什么改进的地方吧。很有可能想个办法把一部分side bar panel弄到右面去。现在side bar的东东越来越多,main的min-height已经撑到2400px了………………
回复  12楼 回到顶楼 
  2个月前   墙头草      :
IE6下显示有问题....
回复  13楼 回到顶楼 
  2个月前   棕熊      :
@墙头草
以及说过暂时不会支持ie6了, 所以现在ie6上看到的是个没有图片的完全阉割版
看看移植到custom以后能不能不用css2, 如果可以的话, 会在ie6上做除了透明png外的完全支持
回复  14楼 回到顶楼 
  2个月前   专研.NET      :
回复  15楼 回到顶楼 
  2个月前   杨正祎(阿一)      :
不错,继续关注。
回复  16楼 回到顶楼 
  2个月前   墙头草      :
那什么时候能共享下.....期待~~
回复  17楼 回到顶楼 
  2个月前   棕熊      :
取消了 .ing_body 的 word-break: break-all 规则
并且建议博客园把这条从现有的样式表里去处,用
* html .ing_body { word-break: break-all }
代替
回复  18楼 回到顶楼 
  2个月前   threem0126      :
很不错,喜欢菜单的效果 ^^

PS:两个排行榜的切图没弄好?
回复  19楼 回到顶楼 
  2个月前   棕熊      :
@threem0126
具体是在什么浏览器下会有bug?
回复  20楼 回到顶楼 
  2个月前   生鱼片      :
1.遨游下左边和正文错位。
2.博客园 社区 首页的导航鼠标放上去后向你移动到只有一半的字。
3.加载速度比较慢
回复  21楼 回到顶楼 
  2个月前   棕熊      :
@生鱼片
你的遨游是不是用的IE6的核?
IE6暂时不会支持了……
回复  22楼 回到顶楼 
  2个月前   wsky      :
很强大
回复  23楼 回到顶楼 
  2个月前   杨正祎(阿一)      :
@棕熊
取消了 .ing_body 的 word-break: break-all 规则
并且建议博客园把这条从现有的样式表里去处,用
* html .ing_body { word-break: break-all }
—— 可以告诉我为什么要这样做吗?
回复  24楼 回到顶楼 
  2个月前   棕熊      :
@杨正祎(阿一)
其实我并不是很支持 word-break: break-all 这样的规则,因为西文从中间断开很容易造成歧义。所以,从某种意义上说,这是在改变网页的内容,和样式标的本质背道而驰了。
由这条规则我估计就是因为如果有人输入类似于
!!!!!!!!!!!!!!!!!!!!!
这样的内容就会引起布局混乱,这其实没什么大碍啦,除了ie6, 其他浏览器都会自动将这些文字溢出,而不会影响布局。只有ie6需要这么fix一下啦
回复  25楼 回到顶楼 
  2个月前   杨正祎(阿一)      :
怎么说呢?因为很多情况下别人的博客,我们是不可控的。一些恶意评语(例如aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa)或者很长的url。如果,不这样做的话,会导致页面布局非常混乱。
如果,之考虑自己的博客,就会简单,很多。但是考虑到还有别人的博客文章不可控,所以,加上了这个。
回复  26楼 回到顶楼 
  2个月前   棕熊      :
@杨正祎(阿一)
其实会引起布局混乱的只有IE6而已,因此,我觉得只要把这条规则应用到IE6就行了。其他浏览器都会自动溢出过长的内容,不会影响布局,所以为了确保内容的完整性我还是不建议使用break-all
回复  27楼 回到顶楼 
  2个月前   生鱼片      :
我xp的ie6懒得升。
回复  28楼 回到顶楼 
  2个月前   棕熊      :
@生鱼片
还是建议升一下, 可以使用ie7里的不少新功能.
或者下载firefox, opera, safari之类也行
回复  29楼 回到顶楼 
  2个月前   任力      :
@棕熊
现在使用IE6的比例还是蛮高的,还是占一半以上,IE6对于前台设计人员是一个非常糟糕的浏览器,但是有这么多的用户存在,我们却是不可忽视的呀
回复  30楼 回到顶楼 
  2个月前   棕熊      :
@任力
我这里实际的统计数据是IE基本在55%, IE6在IE里基本上占50%
所以总体只有25%左右,并没有人们想象的这么高
而且, IE6对于前台设计还好,但是和其他浏览器比起来,对用户来说更加糟糕才对。总是要有什么东西来force IE6退出市场的。微软不是已经也开始自己强制升级IE6了么
何况,偶也没有忽视IE6的用户,只不过用IE6不能看到背景图片而已,只有背景色块,数据的完整性是可以保证的
回复  31楼 回到顶楼 
  2个月前   任力      :
你的数据与我的不太一样,我这里的统计数据要比你的稍高一些,呵呵。。。
不过,IE6的比例在逐渐下滑倒是真的。真希望早一点退出市场!

但有时候习惯是很可怕的,还是有一部分的用户很喜欢IE6的!
回复  32楼 回到顶楼 
  2个月前   棕熊      :
@任力
话说偶这里的数据,上个月还有6个IE5的,所以习惯的确是个问题。不过时代总是要前进的啦,何况数据完整性还是可以保证的,所以基本使用不会有大问题
回复  33楼 回到顶楼 
  2个月前   杨正祎(阿一)      :
@棕熊
你能不能把这个模板修改一下,做一个这样的模板,以便我们把这个华丽的模板共享给跟多的朋友——
1:把有版权的图片,换一个free的
2:把那个调用远程web service显示不同话语的地方去掉,因为如果是模板的话,需要具有通用性。
3:做一些细微的调整,让这个模板尽可能的在多种浏览器下适应的比较好。
4:一些,你认为可以修正的地方 ^_^

然后把里面用到的图片和css文件打包发给我(dushizhuma@163.com)。然后我和dudu联系,把这个模板发布出来。这样更多的朋友就可以共享你的成功了~

如果你能够答应的话,那真是太感谢了。
回复  34楼 回到顶楼 
  2个月前   棕熊      :
@杨正祎(阿一)
呵呵,好啊
回复  35楼 回到顶楼 

你还不是小组成员,加入小组以后才能发布新主题!
1 32056