岁寒

响应式主题“Change | 变”发布 2014.02.04更新

Change | 变 V0.0.2

首先祝大家马上有一切！

V0.0.2 版本已经更新！在底部加入友情链接。

从昨天下午(大年初一)开始做，到今天晚上(大年初二)，算是正式完成啦！

这是一款响应式的主题，基于著名的Twitter bootstrap构建。

这是一款移动兼容的主题，可以适应从480px宽的低端手机屏幕到1920px宽的全高清显示器。缓慢拉窄你的浏览器窗口，查看效果！

这是一款支持二级菜单的主题。(分类太多放不下怎么办？)，Change不仅支持emlog原生的二级菜单，还支持自定义：在名为“更多”的菜单(导航)之后，所有菜单将变成“更多”的子菜单！而这一切均通过前端js完成，不需要给emlog安装任何插件。

其他优势：

    1. jQuery和Bootstrap采用百度CDN库，超快！给VPS省带宽，给虚拟主机省流量。

    2. 背景大图放在SAE。自己定制也很简单，修改main.css第34行，url()的值即可。

    3. 简洁清新风格，没有那么多幺蛾子。绝对绝对没有字体阴影，绝无廉价感，请放心使用！

    4. 没有任何加密，也没有任何到我网站的链接(theme by啥的)。可以随意修改定制。

    5. 担心页面顶部间距太大？不要担心：除首页外，其他页面在载入完成以后，均会自动向上滚动一段距离，以显示出正文，很有感觉哦~

兼容IE7，不管IE6，其他都兼容。

主题下载请到 http://www.emlog.net/template/404  艾玛，这编号真吉利！

如有任何问题，可以在本文下面讨论 :)

WRITTEN BY

JohnLui

程序员，Swift Contributor

评论：

asd
2017-08-27 20:41

很好看～

回复

李金波
2014-06-20 15:49

自己一时心血来潮买了空间和域名，下载emlog博客程序后找到了这个用起来很舒服的模版。但对于修改模版什么也不会，就想问问  怎么换背景图片？？谢谢站长

回复

John·Lui
2014-06-20 15:58

@李金波：我在文中说了。。。。。“自己定制也很简单，修改main.css第34行，url()的值即可。” css引用图片你随便搜索一下就会了。

回复

momo
2014-05-11 17:11

如果要在info box    
显示日期的这个地方添加显示  标签(tag)以及分类的话应该怎么修改啊?
是修改loglist这个文件对吗?

回复

John·Lui
2014-05-11 17:26

@momo：对，具体的代码可以参考echo_log。

回复

momo
2014-05-11 18:39

@John·Lui：添加了tag 可是CSS怎么写??有个黑色的放大镜啊
http://imomo.com.ar/em/  地址

回复

John·Lui
2014-05-13 12:22

@momo：那你自己解决吧。。。

回复

echo
2014-04-03 15:17

博主，我下了这个模板但不知道为什么每次用浏览器打开都会显示error。

回复

John·Lui
2014-04-03 20:52

@echo：可能是目录不支持写入？用ftp传一个试试。

回复

echo
2014-04-04 16:24

@John·Lui：哇哦~~搞好了~~谢谢博主~~

回复

di_csir
2014-03-30 09:13

主题很不错的赶脚

回复

大笨笨
2014-03-21 14:55

博主能给背景图制作成轮播的吗？
感觉一个图有点单调了，求轮播背景图片的方法！

回复

John·Lui
2014-03-21 15:02

@大笨笨：unslider http://www.bootcss.com/p/unslider/

回复

wnh1217
2014-03-15 09:07

博主，我为什么不能安装，

回复

wnh1217
2014-03-15 09:06

博主，我为什么不能安装，提示“模板安装失败，可能是应用目录不可写”，返回应用中心

回复

John·Lui
2014-03-15 12:40

@wnh1217：把你的/content/tamplates 目录加上everyone可写(windows)或者777(linux)属性。

回复

xhyzdz
2014-02-05 14:11

问下博主怎么改默认的宽度，感觉这个默认的宽在载入图片时放不下。。

回复

John·Lui
2014-02-05 19:44

@xhyzdz：改不了。
别感觉，图片宽度是有css约束的，没问题。

回复

xhyzdz
2014-02-06 12:43

@John·Lui：麻烦看下这个。。http://xhyzdz.com/?post=7
就是想改下默认的宽度比例，我感觉把正文的宽度增加到和导航栏的宽度一样宽的话会比较好，现在有点窄一点点，而且那个图片你看确实放不下。。。

回复

John·Lui
2014-02-06 17:38

@xhyzdz：将main.css第168行的max-width的值改成500。
另外这是你复制的别人的正文所致，图片自己带的有max-width，这就意味着主题的任何代码都无能为力，而且这个图片也在别人服务器上。
建议你把所有图片下载到本地，再上传上去。

回复

xhyzdz
2014-02-08 00:31

@John·Lui：谢谢了

黎健雄
2014-02-03 18:43

继续努力。

回复

格析。
2014-02-03 14:58

谢谢博主～板子不错

用安卓原生和uc9.5看的话似乎没有预览图的效果，就是说blogger模块和日志页面模块不管屏幕缩放到多大，两个模块都左对齐上下排列。


另外想问下博主，能解释下响应式主题的意思吗。。。

回复

John·Lui
2014-02-04 00:22

@格析。：那是因为手机屏幕还不够宽，我刚刚实测在960左右会变成桌面版，在750以下会上下排列。
响应式就是移动端变成上下排列。
很多人把自适应布局的定义弄错了，以为是响应式。自适应布局一般是指内容宽度随屏幕的宽度改变，各元素按一定的百分比横向排列。但流式布局也属于自适应布局的一种，后期出现的。
后来在流式布局的基础上有人发明出了响应式这个词，听起来高大上其实还没有流式布局好理解。就是屏幕不断缩小元素先是不同比例缩减（比如我这个站左边一栏宽度始终是不变的，写死的，右边会缩减），在影响阅读以后变成流式布局上下排列。
其实响应式设计没有严格的定义，任何有利于用户并关爱开发者的不同屏幕、媒介（如谷歌眼镜）的网页用户体验解决方案应该都属于它，因为他听起来实在是很高大上的样子，可以用于忽悠客户。

回复

李明
2014-02-02 18:43

用iphone 浏览，效果很好，新年快乐。

回复

维尚SEO博客
2014-02-02 02:08

很给力、、感谢分享

回复