foru17
V2EX  ›  设计

给自己的博客做了一个小清新主题

  •  
  •   foru17 · Oct 18, 2012 · 5767 views
    This topic created in 4956 days ago, the information mentioned may be changed or developed.

    以一个wordpress blank theme为框架,自己重新架构了div结构。
    传送门
    http://luolei.org

    1.轻博客风,单栏,sidebar默认隐藏,通过JS调用(还没想好弄什么功能,暂时就没整)
    现在越来越觉得,博客重要的是内容+何时的引导(所以我把其他乱七八糟的导航都删掉了)
    2.模糊大图背景 用了一个叫backstretch的Jq插件
    https://github.com/srobbin/jquery-backstretch
    3.多说评论+自定义CSS
    4.page导航用了一个叫WP page number的插件(也能自定义CSS的)。

    bug:
    前天windows的笔记本话了,mac无装虚拟机,无法模拟IE,所以IE有点问题。
    19 replies    1970-01-01 08:00:00 +08:00
    Air_Mu
        1
    Air_Mu  
       Oct 18, 2012
    这什么玩意?


    CHROME22
    foru17
        2
    foru17  
    OP
       Oct 18, 2012
    @Air_Mu 我这边chrome firefox 360 表示都没有遇到这个问题...= =
    各种bug啊。
    AlloVince
        3
    AlloVince  
       Oct 18, 2012
    kindle fire下惨不忍睹
    ichigo
        4
    ichigo  
       Oct 18, 2012
    挺好的,赞一个~
    foru17
        5
    foru17  
    OP
       Oct 18, 2012
    @AlloVince 我postion和float貌似用乱了,另外木针对移动浏览器设置呢。
    qq286735628
        6
    qq286735628  
       Oct 18, 2012
    几点建议:

    1、文章标题醒目点,与正文好区分

    2、.article > .entry { padding: 10px+; }让边上留白多一点,同时这个不需要设置width的,直接用padding和margin控制会灵活些

    3、找款小清新的字体替换掉宋体

    PS:记得你原来那款主题挺好看的呀
    foru17
        7
    foru17  
    OP
       Oct 18, 2012
    @qq286735628 多谢,原来那款是@turing 给我整的,我这次用的一些wp php代码直接也是原来的那个。
    浮动属性那些,我还得重新调整,细节还得完善。刚做完,不少bug和css错误呢。
    yunwoo
        8
    yunwoo  
       Oct 18, 2012
    你们不觉得白底黑字很不舒服吗。。。。
    hit9
        9
    hit9  
       Oct 18, 2012
    nice
    MayLava
        10
    MayLava  
       Oct 18, 2012
    楼主的收藏夹有个“和谐”文件夹www
    主题挺不错,不过我更喜欢纯色背景。
    foru17
        11
    foru17  
    OP
       Oct 18, 2012
    @yunwoo 是纯白和纯黑的配色不何时,更换成不纯的白色和黑色了。
    @qq286735628 字体用了
    font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3",Tahoma,宋体
    Air_Mu
        12
    Air_Mu  
       Oct 18, 2012
    既然要小清新不如试试这样:background: rgba(254, 254, 255, 0.98);
    foru17
        13
    foru17  
    OP
       Oct 18, 2012
    @Air_Mu rgba IE内核的不支持这个属性。效果不是很好。
    rove
        14
    rove  
       Nov 7, 2012
    非常nice!
    最近一直在寻找中意的wp主题,苦不得。苦于自己技术乏力,不厚道的问下楼主,这个主题是「独享」的还是「开源」的?
    ipconfiger
        15
    ipconfiger  
       Nov 7, 2012
    求小清新主题
    passluo
        16
    passluo  
       Nov 7, 2012
    @ipconfiger 撞头像的,你好。(>^ω^<)
    ipconfiger
        17
    ipconfiger  
       Nov 7, 2012
    我了个擦
    26z
        18
    26z  
       Nov 7, 2012
    什么是小清新?轻博客、大背景图?我觉得这都不算吧
    “秉承淡雅、自然、朴实、超脱、静谧” via: http://baike.baidu.com/view/3224091.htm
    附一个hao123的小清新链接:http://www.hao123.com/xiaoqingxin

    作为一个过气的设计师,其实我现在也不知道什么叫小清新了,吐槽而已,勿怪。
    jeequ
        19
    jeequ  
       Nov 21, 2012
    我也做了一个清新,简洁的主题 http://jeequ.com
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3758 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 51ms · UTC 04:51 · PVG 12:51 · LAX 21:51 · JFK 00:51
    ♥ Do have faith in what you're doing.