V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
foru17
V2EX  ›  设计

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

  •  
  •   foru17 · 2012-10-18 00:12:43 +08:00 · 4911 次点击
    这是一个创建于 4421 天前的主题,其中的信息可能已经有所发展或是发生改变。

    以一个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 条回复    1970-01-01 08:00:00 +08:00
    Air_Mu
        1
    Air_Mu  
       2012-10-18 00:24:34 +08:00
    这什么玩意?


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

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

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

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

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

    作为一个过气的设计师,其实我现在也不知道什么叫小清新了,吐槽而已,勿怪。
    jeequ
        19
    jeequ  
       2012-11-21 16:06:13 +08:00
    我也做了一个清新,简洁的主题 http://jeequ.com
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4057 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 10:20 · PVG 18:20 · LAX 02:20 · JFK 05:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.