7

Opera 支持CSS 圆角

修改Aerodrome 这个皮肤的时候,看到CSS 中有类似“-webkit-border-top-left-radius:5px” 这样的属性设置,查了下,发现这个属性是用来显示圆角矩形的,但是只在webkit 核心的浏览器中支持,因为CSS 中尚未有对圆角矩形的定义(误:最新的 CSS3 中有)。

Opera 是我最喜欢的浏览器,一直在用,因此我想,Opera 中应该也有类似的支持吧,搜了一下,发现还真有,而且Opera 没有使用私有的属性,而是直接支持标准的border-radius 属性!用法举例:

div{
  border-top-left-radius:5px;
  border-top-right-radius:0px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:0px;
}

效果请参考用Opera 浏览本blog。加了圆角看起来确实是漂亮很多啊XD

Opera 威武!

(谁让Opera 的CTO 就是CSS之父呢)

trickster 发表于 技术相关 | 浏览:739 | 评论: 7  | 标签:Operaaerodromeskin


8

移植了一款3栏wordpress 皮肤aerodrome

上周找apple 的HIG 相关资料的时候发现了一款不错的wordpress 皮肤,于是周末看完电视剧便花了点时间移植到了Bitrac 上来。

该皮肤主要使用了固定背景图片和半透明效果,黑白为主色调,各种风格的背景图都能比较好地适应。如果使用webkit 核心的浏览器访问,还能看到圆角效果。

Preview

由于本人对web 设计、css 等不甚熟悉,很多地方移植得不够完善,甚至粗糙。一些比较复杂的样式和JS 等,为了方便,直接从Bitrac 自带的样式中复制过来了,在此再次对loveYuki 表示感谢。

皮肤文件打包猛击 这里 下载,解压到Bitrac 的Themes\aerodrome 目录下,在管理后台里设置使用即可。背景图片为文件夹下面的“wp.png” ,要更换背景图直接替换该文件即可。

需要注意:

  • 日期输出必须格式化成“yyyy-MM-dd HH:mm:ss”。
  • 请打开Footer.htm 文件修改为你的blog 版权声明,添加统计代码等。

原作中提供了更多张背景图,我这里就不包含了,大家需要的可以访问原作网站下载。

如果发现有bug 或者有好的建议,欢迎告诉我。

所有图片文件版权归原作者所有。

拜访原作请猛击 这里 

Admin 发表于 技术相关 | 浏览:837 | 评论: 8  | 标签:BitracSkin皮肤aerodrome

Powered by Bitrac | Designed by Loveyuki | Icon by Led Icon Set | CopyRight © 2004-2010 Catforest. All Rights Reserved. | 粤ICP备08006352号 |