网站建设

响应式+扁平化FrontOpen2主题的圆角样式分享

Jager · 8月25日 · 2014年 · 652次已读

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

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

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

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

先上图,有图有真相:

响应式+扁平化FrontOpen2主题的圆角样式分享响应式+扁平化FrontOpen2主题的圆角样式分享

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

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

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

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

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

23 条回应
  1. 小强原创文章 2014-8-25 · 18:20

    支持一个

    • avatar
      Jager 2014-8-25 · 18:25

      感谢捧场~

      • 中国历史 2014-10-26 · 22:03

        手机评论,出现红叉,原因不明

  2. MOREOPEN 2014-8-25 · 23:39

    你早点搞出来就好了,我当时也没这个想法换圆角,效果还真不错啊

  3. 香港云主机 2014-8-26 · 11:07

    圆角的效果确实要更加和谐的感觉。

  4. 动漫资讯 2014-8-26 · 12:04

    这个主题不错,支持

  5. 360社团 2014-8-26 · 17:23

    不错啊,爱折腾。。

  6. 灰常记忆 2014-8-27 · 7:46

    看着还不错~

  7. APP雄起 2014-8-28 · 0:35

    非常感激张哥

  8. 我是来学习的 2014-9-1 · 2:19

    你现在用的主题叫什么?我想拿来改扁平化,矩角化

    • avatar
      Jager 2014-9-1 · 7:49

      改成方角?还真是萝卜白菜,各有所爱。博客下方就有主题链接。自己去下载吧。

  9. 红色鉐頭 2014-9-10 · 18:55

    正在用着呢

  10. Mohamed 2015-1-11 · 20:47

    非常喜欢这款frontopen2圆角主题,下载 地址已经无效了 麻烦给位能不能给这个邮箱发一下完整版,或更新一下下载地址 谢谢!

    • Mohamed 2015-1-11 · 20:49

      呵呵,激动的把邮箱地址都忘了,mohamedyasindolet@outlook.com 谢谢

      • avatar
        Jager 2015-1-11 · 22:29

        文章中有下载按钮,点击即可。

  11. 日光初起 2015-4-17 · 11:38

    主题更新了 失效啦~
    求更新~

    • avatar
      Jager 2015-4-17 · 12:48

      没时间更新,主题更新不至于把css都重构了吧?把我提供的主题里面的style.css以及其他所有CSS替换到新的主题中应该就可以了

  12. 一城博客 2015-5-11 · 1:29

    已经对css样式表修改过了,不能直接用这个样式表了,不过看到这个圆角样式,强迫症又犯了,自己修改了!

    • Neverer 2015-10-8 · 16:22

      你好,请问您能说一下应该如何进行修改吗?谢谢

  13. Neverer 2015-10-8 · 16:17

    张哥,我也有一个主题想做成圆角的样式,不知是否可以帮一下忙喔。。。如果你实在忙不过来的话,可否授之以渔,写一篇如何修改css来实现圆角样式的文章呢?谢谢啦 :oops:

  14. 昆特斯 2017-1-3 · 15:55

    刚换了frontopen2主题玩玩,很喜欢。博主的单机图片后放大浏览更靓啊,插件实现的还是主题自带的?

  15. kiopc 2020-5-13 · 23:42

    你好,请问贵站目前用的主题能分享下吗