dux修改index.php,DUX全站底部推广区修改
DUX主题默认的全站底部推广区是深灰色的,而且上面除了一行推广文字及两个可选择是否启用的按钮外就没有什么特别的装饰了,一直觉的这默认的推广区丑丑的不适合自己网站风格,最近从网上查找了不少资料终于将它给提换了,又想要修改DUX主题底部推广区的同学可以看一下,当然如果你有什么更好的修改方法也可以底部留言告诉我,咱们一块儿折腾。下图是修改完成后的推广区样式,大家可以先看下喜不喜欢。
更改前DUX底部推广区
更改后DUX底部推广区
这次对于主题文件的修改主要集中在三个部分:main.css、options.php、mo_footer_brand.php,大家在文件修改前先做好文件的备份与保存。
main.css文件修改
首先是对main.css文件的修改,在dux/css/目录下找到main.css文件使用FTP工具下载下来,然后使用Notepad++进行编辑,在文件的最后添加如下样式:
/*全站底部推广区修改*/
.main-info {
width: 100%;
height: 320px;
padding-top: 100px;
background: url(../img/backgroundwall.jpg) repeat-x;
}
.main-info dl {
width: 880px;
margin: 0 auto;
height: 120px;
background: url(../img/blue_bg.png) repeat;
}
.main-info dl dt {
width: 100%;
padding: 12px 6px 8px 6px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 36px;
color: #fff;
text-align: center;
font-family: "微软雅黑";
}
.main-info dl dd {
width: 100%;
text-align: center;
color: #fff;
font-size: 20px;
font-family: Verdana, Geneva, sans-serif;
font-family: "微软雅黑";
}
.main-info dl dd a {
display: inline-block;
height: 24px;
line-height: 12px;
margin-left: 9px;
padding: 5px 9px;
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
color: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #E87E16;
}
.main-info dl dd a:hover {
background: #FF7E00;
}
@media screen and (max-width: 650px){
.main-info {
display: none;
}
}
options.php文件修改
在dux文件夹下找到options.php文件,这个文件主要是提供后台控制选项的,我们需要在该文件下为推广区添加一个推广副标题,找到“全站底部推广区”代码段,然后在“推广标题”代码下方再添加一个“推广副标题”代码,具体代码如下:
// 全站底部推广区修改
$options[] = array(
'name' => __('推广副标题', 'haoui'),
'id' => 'footer_brand_title-1',
'desc' => '建议20字内',
'std' => '蝈蝈要安静——一个不学无术的伪程序员!',
'type' => 'text');
mo_footer_brand.php文件修改
在主题的modules文件夹下找到mo_footer_brand.php,并将该文件中所有代码替换为如下代码:
- <?php echo _hui('footer_brand_title') ?>
-
<?php echo _hui('footer_brand_title-1') ?>
for ($i=1; $i <= 2; $i++) {
if( _hui('footer_brand_btn_text_'.$i) && _hui('footer_brand_btn_href_'.$i) ){
echo ''._hui('footer_brand_btn_text_'.$i).'';
}
}
?>
添加背景图片
根据个人喜好为自己的网站设计两张图片,一张命名为backgroundwall 图片格式为jpg;另一张命名为blue_bg 图片格式为png,并上传至dux/img/文件夹下。具体图片文件推荐大小如下:
backgroundwall:1920x320px
blue_bg:880x120px
当然你也可以设置文件名及图片大小、格式为其他值,不过这需要你对main.css文件中相应的参数进行调整。
资源下载此资源仅限注册用户下载,请先登录
注意:本站资源多为网络收集,如涉及版权问题请及时与站长联系,我们会在第一时间内与您协商解决。如非特殊说明,本站所有资源解压密码均为:blog.quietguoguo.com。
dux修改index.php,DUX全站底部推广区修改相关推荐
- dux修改index.php,DUX主题全站底部推广区修改(wordpress教程)
点击购买一个针对dux主题的美化修改教程,使用dux主题功能很强大,用的人也多,不过要想修改可就麻烦了,因为这套主题的代码编写,想要修改的话,是功能的差,因为开始设计的时候就没有考虑让用户随意修改的意 ...
- dux修改index.php,DUX主题首页显示置顶文章
之前有网友跟我要这个功能,实在是忙于生计一直没有时间写这方面的文章,最近这两天闲暇下来总算是有些时间了,其实这个功能说简单也简单,基本思路就是通过 get_option('sticky_posts') ...
- phpcms底部版权信息修改教程——修改“开发团队”信息
phpcms后台主界面,修改版权.开发团队.等等信息 注意: 需要修改两个文件,即分别修改下图中对应的key和value: 文件路径参考:如截图中所示. 具体文件修改,请参考下图所示路径. 文件路径截 ...
- Android 11.0 SystemUI导航栏固定在底部显示的修改
目录 1.概述 2.SystemUI导航栏固定在底部显示的修改的相关代码
- iwebshop index.php,安全登录iwebshop管理员后台修改管理员后台登录路径
这款开源使用方便简洁,让初学者能快速建立一个电子商务系统建站.昨天小编我安装了一个Iwebshop程序准备研究,安装的时候一切顺利,访问前台的时候也是很好的,但是访问后台时,怎么输入后台都不行,&qu ...
- zblog首页模板修改php,【zblog】zblogphp主题模板修改教程 zblogphp模板怎么修改?
zblogphp主题模板修改教程 zblogphp模板怎么修改? 这一篇主要是介绍"zblogphp"的模板修改教程,zblogasp的模板修改教程请看本站之前发的一篇教程&quo ...
- form 多条数据 只保存修改的行_MVC中的新增、修改、删除
新增.修改.删除 开发工具与关键技术:MVC作者:盘洪源撰写时间:2019年3月30日星期六 新增.删除.修改.查询这都是MVC中最基础的,所以说想要学好MVC必须先把基础打好,查询是比较复杂点,这里 ...
- 修改个人信息 python_python函数练习——个人信息修改
阅读目录 回到顶部 修改个人信息程序 在一个文件里存多个人的个人信息,如以下 1.输入用户名密码,正确后登录系统 ,打印 1. 修改个人信息 2. 打印个人信息 3. 修改密码 2.每个选项写一个方法 ...
- oracle批量修改多张表的数据,Oracle批量修改用户表table的表空间
一.修改用户表table的表空间 1.修改用户表table的表空间:alter table 表名 move tablespace 新表空间名; 2.查询所有用户表:select * from user ...
最新文章
- C++_STL——unordered_map、unordered_multimap、unordered_set、unordered_multiset
- 重拾CCNA,学习笔记持续更新ing......(4)
- 第十二届蓝桥杯省赛第二场C++B组真题 【未完结】
- Fluid 进入 CNCF Sandbox,加速大数据和 AI 应用拥抱云原生
- 封装jquery的ajax,便于加载等待提示框
- es6 string includes_蔚来初体验,蔚来ES6用车日记!开着挺轻松的
- 为何大佬都愿意为“996”站台?中国的程序员活该加班?
- vue-count-to插件使用方法
- 软件工程的极端所有权
- 信赖铃音的PS2游戏目录2017.6
- 金山词霸2003/2005/2006词典丢失的解决方法
- php 云片网对接,云片网络短信发送 PHP SDK 奉上
- C++设计模式 - 单例模式(Singleton)
- error LNK2019 ,error LNK2001:无法解析的外部符号,LINK : fatal error LNK1104: 无法打开文件
- 如何通过cdm连接mysql_CDM云数据迁移服务入门教程
- idea出现java___jb_old___
- 柳岩清晨晒素颜照称拿去辟邪 网友称吓人没认出来
- 云解析 PrivateZone 1 -----产品简介
- 华为al00的计算机在哪,华为trt-al00是什么型号
- 浅谈概率图模型(二):无向图模型