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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 4210 天前的主题，其中的信息可能已经有所发展或是发生改变。

以一个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

2012-10-18 00:24:34 +08:00

这什么玩意？

CHROME22

foru17

2012-10-18 00:25:47 +08:00

@Air_Mu 我这边chrome firefox 360 表示都没有遇到这个问题...= =
各种bug啊。

AlloVince

2012-10-18 00:28:43 +08:00

kindle fire下惨不忍睹

ichigo

2012-10-18 00:30:43 +08:00

挺好的，赞一个～

foru17

2012-10-18 00:31:56 +08:00

@AlloVince 我postion和float貌似用乱了，另外木针对移动浏览器设置呢。

qq286735628

2012-10-18 00:42:23 +08:00

几点建议：

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

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

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

PS：记得你原来那款主题挺好看的呀

foru17

2012-10-18 00:47:38 +08:00

@qq286735628 多谢，原来那款是@turing 给我整的，我这次用的一些wp php代码直接也是原来的那个。
浮动属性那些，我还得重新调整，细节还得完善。刚做完，不少bug和css错误呢。

yunwoo

2012-10-18 01:37:23 +08:00

你们不觉得白底黑字很不舒服吗。。。。

hit9

2012-10-18 10:51:11 +08:00

nice

MayLava

2012-10-18 10:55:11 +08:00

楼主的收藏夹有个“和谐”文件夹www
主题挺不错，不过我更喜欢纯色背景。

foru17

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

2012-10-18 13:30:28 +08:00

既然要小清新不如试试这样：background: rgba(254, 254, 255, 0.98);

foru17

2012-10-18 14:01:27 +08:00

@Air_Mu rgba IE内核的不支持这个属性。效果不是很好。

rove

2012-11-07 21:37:51 +08:00

非常nice！
最近一直在寻找中意的wp主题，苦不得。苦于自己技术乏力，不厚道的问下楼主，这个主题是「独享」的还是「开源」的？

ipconfiger

2012-11-07 22:00:48 +08:00

求小清新主题

passluo

2012-11-07 22:05:15 +08:00

@ipconfiger 撞头像的，你好。(>^ω^<)

ipconfiger

2012-11-07 22:09:47 +08:00

我了个擦

26z

2012-11-07 22:51:19 +08:00

什么是小清新？轻博客、大背景图？我觉得这都不算吧
“秉承淡雅、自然、朴实、超脱、静谧” via: http://baike.baidu.com/view/3224091.htm
附一个hao123的小清新链接：http://www.hao123.com/xiaoqingxin

作为一个过气的设计师，其实我现在也不知道什么叫小清新了，吐槽而已，勿怪。

jeequ

2012-11-21 16:06:13 +08:00

我也做了一个清新，简洁的主题 http://jeequ.com