您好,欢迎来到中国博客联盟!这里只收录优秀独立博客,纯手工审核机制!
点此可加入QQ群交流建站心得!中国博客联盟QQ交流群快速加群按钮  中国博客联盟QQ交流群快速加群按钮 / 登录 / 注册 / 找回密码
当前位置:中国博客联盟 » 站长资讯 » 建站技巧 » 文章详细

响应式扁平主题分享:FrontOpen2_DIY圆角样式

来源:张戈博客 浏览:3614次 时间:2014-08-28

在扁平化大行其道的时代,似乎很多人潜意识的认为扁平化就必须为方角,而拟物化才应该是圆角。其实大错特错,证明的方法很简单,去借一部跑着IOS7系统的苹果就知道了。以扁平化著称的IOS7也用了圆角样式!

好了,对于扁平化还是拟物化,一直众说纷纭,谁也说不出一个绝对优势来,因为这个世界本来就是萝卜白菜,各有所爱!就像有人喜欢骨感美女的,而有人喜欢肉感美女。一句话,不喜欢圆角样式的朋友,请移步看其他文章。

继续今天的主题,以中国风著称的响应式主题FrontOpen确实非常符合扁平迷的审美观,包括张戈也多次有更换主题的冲动。但是作为一名强迫症患者,我一直认为整个主题所有元素都是方角,非常尖锐,给人一种冷冰冰、很刺眼的感觉。

所以,我决定要把全局换成圆角,看能否给我带来一丝和谐的感觉呢?

先上图,有图有真相:

frontopen1      frontopen2

相信和我一样喜欢小圆角样式的朋友会有眼前一亮的赶脚,这才是我一直想要的frontopen啊!可惜,在咨询了老婆意见之后,老婆说看惯了我先用的以臻完美的知更鸟主题了,只好作罢!

不是很甘心,于是找到中国博客联盟使用这款主题多时的APP小熊,要她把CSS替换了,所以本文分享的FrontOpen2圆角样式的实时预览地址为:http://www.appxiong.com,感兴趣的童鞋可以前往查看。

没什么好说的,直接附上下载地址:


style.css单文件版:http://pan.baidu.com/s/1pJqe8zT

frontopen2完整版:http://pan.baidu.com/s/1gdgl9OB


①、已经在用frontopen2的朋友,只要下载style.css单文件,解压请上传到主题目录替换style.css文件即可,替换前记得先备份!

②、全新安装这个主题,请下载完整版本,上传安装即可,仅替换style.css,其他未做任何修改!尤其需要说明的是,该文件纯属张戈个人爱好DIY分享,版权依然归原作者所有!



推荐博客

×
图标按钮