飞飞侠折800模板右下角返回顶部和左侧分类导航美化教程
演示 效果:http://zhe800.tejiashare.com如果你认为没有必要进行美化,请关闭本页面,别来咨询我,,,烦,,,,,,,,,, 注意:该美化在飞飞侠zhe800模板上优化的
建议打开文件使用 代码编辑器点击下载
==============================
一:右下角美化步骤
1.打开static/zhe800/css/jupub2.7.2.css 文件
如果你曾经做过这个教程(添加小火箭)
可以看到如下一段css代码
如果你没有做过(添加小火箭)也没关系。
把下面的代码下载到本地,打开复制全部,替换上面的代码(没有上面这窜代码的直接添加到文件的末尾处)
2.打开app/tpl/index/zhe800/public/footer.tpl文件
找到如下一句html代码:
同样,如果你没有做过(添加小火箭) 教程,也没关系
下载下面的代码 复制全部(复制前可以先修改下里面的QQ群,链接等),替换上面的代码(没有上面代码的,放到该位置就行。)
同样在footer.tpl文件中,向下翻有一串js代码,如图:
删除红线圈着的代码,注意别删除多了,也别删除少了。
3.打开 static/zhe800/js/report.js
找到下面一串代码,如图:
同样,如果你没有做过(添加小火箭) 教程,也没关系
下载下面的代码 ,打开复制全部,替换上面的代码,如果没有找到代码则放到report.js最下面。
4.下载下面的图片文件,上传到static/zhe800/images 下面
以上做完。右侧返回顶部就做完了。
========================割=========================
二:左侧分类导航优化,
1.下载 下面的js文件替换掉之前的jupub2.6.min.js 位置static/zhe800/js
2.下载下面的sider.tpl文件,上传到app/tpl/index/zhe800/public下面(上传前可以先修改下里面的链接和logo地址)
3.打开static/zhe800/css/jupub2.7.2.css 文件
找到如下代码:
下载下面的文件打开 复制全部替换红线圈着的代码。
4.打开static/zhe800/css/style.css 文件
找到如图一串代码删除掉:
还是在style.css文件中,找到下面语句代码 删除掉。
5.下载下面的图片文件上传到static/zhe800/images下面
6.打开app/tpl/index/zhe800/public/footer.tpl加入下面一句话,位置如图。
<include file='public:sider'/>
以上全部做完之后清理缓存(程序和浏览器)。
{:soso_e113:}{:soso_e113:}{:soso_e113:}回帖可增加论坛气氛{:soso_e113:}{:soso_e113:}{:soso_e113:}
不错,不过我把左侧的导航全部修改成自己的了 学习了,什么时候更新啊老大支持飞飞侠~~~ 哈哈 返回顶部做完了 支持老大 受教了,写的非常好~~~~~ 我是来打酱油的~~~~~ :lol:lol:lol:lol www.zee800.com 天天特价
购物狂
页:
[1]
2