浏览：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