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

2014-2-2   /   阅读数:6692   /   分类: web前端

Change | 变 V0.0.2


QQ截图20140201235434.jpg



首先祝大家马上有一切!

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,其他都兼容。


我发布这个模板,不为挣钱,不为出名,不为流量,就为了给Emlog社区做贡献,如果用着还好,可以给我加个友链,不加也行~



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


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

WRITTEN BY

avatar

评论:

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
很给力、、感谢分享

发表评论:

© 2011-2019 岁寒  |  Powered by Emlog