老张 发表于 2014-9-1 10:02:36

飞飞侠折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:}



beck 发表于 2014-9-3 16:32:30

不错,不过我把左侧的导航全部修改成自己的了

hjwxpt 发表于 2014-9-1 10:04:20

学习了,什么时候更新啊老大支持飞飞侠~~~

毒苹果/ 发表于 2014-9-3 01:45:21

哈哈    返回顶部做完了

wbh712 发表于 2014-9-1 11:15:14

支持老大

271624876 发表于 2014-9-1 12:54:53

受教了,写的非常好~~~~~

nba 发表于 2014-9-1 19:47:12

我是来打酱油的~~~~~

handsome_boy 发表于 2014-9-1 22:58:55

:lol:lol:lol:lol

还我漂漂拳 发表于 2014-10-10 19:07:55

www.zee800.com

handsome_boy 发表于 2014-10-12 01:01:32

天天特价
购物狂
页: [1] 2
查看完整版本: 飞飞侠折800模板右下角返回顶部和左侧分类导航美化教程