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

2012-10-18 00:12:43 +08:00
 foru17

以一个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有点问题。
4904 次点击
所在节点    设计
19 条回复
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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/50251

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX