卢松松博客模板已改为自适应(响应式),卢松松Z

2017-10-03 18:20

博主关注一直在关注卢松松博客,大家都知道卢松松博客早已经改为自适应网页主题,并且也发布了修改的教程。以前也使用过卢松松的博客模板但不是自适应的主题。

博主也一直很喜欢卢松松博客,一直想把博客做成自适应主题。在网上搜索时发现有人发布卢松松自适应主题的模板。所以就决定试试。果然是自适应的,但对于一些细节没有修改,不过经过几天的努力修改。现在的博客博客模板基本上已经实现与卢松松模板一样了。

先通过以下图片查看更改效果:

卢松松博客模板已改为自适应(响应式),卢松松Z

卢松松博客模板已改为自适应(响应式),卢松松Z

卢松松博客模板已改为自适应(响应式),卢松松Z

1、这个已经有侧栏跟随了的,具体请看:

2、使用说明:下载好后打开你网站后台-主题管理-上传主题zba文件,刷新后就能看到,然后启用即可。

3、除了BUG,其他东西自行百度寻找答案~

博客模板下载链接:(提取密码:hb76)

载的压缩包,解压之后上传到 你的域名/zb_users/theme/ 这里,然后去网站后台-主题管理即可看到模版。

4、启用模版后,右上角主题配置里面有6项内容,请自主修改或者更新。

5、关于电脑导航栏,模版管理-导航栏-点击编辑,先把自己本来有的导航栏地址给记下来,然后按照下面的格式进行更改:

导航栏左边:

<div class="left"><ul id="menu" class="menu">
<li><a href="你的域名链接" title="首页"><span id="menuON">首页</span></a></li>
<li><a href="你的分类链接" title="分类title">分类名称</a></li></ul></div>

导航栏右边:

<div class="right"><ul id="menus" class="menu">
<li class="page_right"><a href=http://luopaichao.com/idc/"链接" title="请自定义" target="_blank">显示名称</a></li>
<li class="page_right"><a href=http://luopaichao.com/idc/"链接" title="请自定义" target="_blank">显示名称</a></li></ul></div>

上面的为例子,请修改为自己的,然后把导航栏左边和导航栏右边的这两段代码合并起来,就放在模版管理-导航栏-编辑-内容里面(把原本的替换掉)

如果想像松哥那样分类上面有个“hot”或者“new”的小图标,可以这样参考上面的首页,把menuON修改为hot或者gnew即可,请自行增加。

6、上面是电脑版的导航栏设置,下面来手机版下的导航栏设置:

<ul id="navs" class="menu">

<li><a href=http://luopaichao.com/idc/"链接" title="请自定义">显示名称</a></li>

<li><a href=http://luopaichao.com/idc/"链接" title="请自定义">显示名称</a></li></ul>

请根据自己的需要,自行添加。这里代码根据自己的写好之后,模版管理-新建模版:

卢松松博客模板已改为自适应(响应式),卢松松Z

注:以上图片及说明我作了相关修改,具体介绍原文章:自适应部分由goodluck原创,我是在goodluck自适应的基础上参考卢松松博客进行了修改。

本人亲自经历了zblog修改的过程,如果对卢松松zblog自适应模板方面有什么问题,欢迎留言或则与我联系,我会尽量帮助大家。

来源:罗排超IDC博客,欢迎分享本文,转载请保留出处!

广告位  

 

相关文章阅读更多:

评论:(0)

赞助本站

广告位  

广告位  

    上一篇:网友问的两个问题,卢松松是这样回答的 下一篇:宣恩优质seo排名服务
    分享到:
    收藏
    相关阅读