DUX主题全站底部推广区修改

一个针对dux主题的美化修改教程,使用dux主题功能很强大,用的人也多,不过要想修改可就麻烦了,因为这套主题的代码编写,想要修改的话,是功能的差,因为开始设计的时候就没有考虑让用户随意修改的意图, 表示很多教程对于别的主题能用,但是到了dux主题就失效了,好啦,LonHowe Blog说说如何修改dux主题的底部样式, 就是我们全站底部推广区,这里给出修改后的美化效果。

修改前:

图片[1]-DUX主题全站底部推广区修改-LonHowe Blog

修改后:

图片[2]-DUX主题全站底部推广区修改-LonHowe Blog

修改代码:

带后台功能的修改方法:(最重要的是先把两个图片放到你的img文件夹里,图片自行设计,暂不提供,图片名称可看CSS) 1、先添加样式,在你的主题样式表中main.css找到合适的位置放入以下代码即可。

找到主题根目录下option.php打开编辑。 找到全站推广区代码,在推广标题下载添加一个推广标题,定义ID为footer_brand_title-1,代码如下

找到主题根目录下文件夹modules,编辑mo_footer_brand.php文件,将以下代码全部替换上去。

添加背景图片

根据个人喜好为自己的网站设计两张图片,一张命名为backgroundwall 图片格式为jpg;另一张命名为blue_bg 图片格式为png,并上传至主题目录下/img/文件夹下。具体图片文件推荐大小如下:

backgroundwall:1920x320px与blue_bg:880x120px

当然你也可以设置文件名及图片大小、格式为其他值,不过这需要你对main.css文件中相应的参数进行调整。



微信扫描下方的二维码阅读本文

© 版权声明
THE END
喜欢就支持一下吧~
点赞0分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容