主机、服务器测评
服务器促销信息及建站资源分享

DUX3.0主题美化友情链接模块 修改首页友情链接显示位置

目前主机玖玖使用的是DUX主题3.0版本,由于使用时间比较长,而且添加了大量自己需要的功能,也难得去换了。但是主题首页一直有个小瑕疵不是很喜欢,就是当首页底部友情链接显示两行时,“友情链接”四个字和添加的友链站点名称离得太近。如下图,看起来很不美观。

DUX3.0主题美化友情链接模块 修改首页友情链接显示位置插图

今天碰到了来自同城的@小兽同学,短短几句比较投机,加之小兽同学是从事WordPress主题研发的,自然比较了解。于是很快就发给我两段代码,只需简单修改就能实现如下效果,修改后是不是美观多了。

DUX3.0主题美化友情链接模块 修改首页友情链接显示位置插图1

修改方法

1、这里发篇文章记录下修改方法。在主题文件当中找到main.css文件,然后搜“.flink ul”,找到到如下图位置:

DUX3.0主题美化友情链接模块 修改首页友情链接显示位置插图2

2、然后把上图红框位置的两段代码改成下面代码。改完后刷新网站缓存、清理本地缓存,就完成了。

.flinks strong {
margin-right: 5px;
position: absolute;
}
.flinks ul {
display: inline-block;
margin: 0;
padding: 0;
margin-left: 50px;
}

DUX无限制版下载方法

主机玖玖博客DUX无限制版本下载方案,使用微信扫描下面二维码关注主机玖玖微信公众号。注意是关注微信公众号, 微信公众号每天晚上推送当日热门促销活动。然后在微信公众号回复“DUX主题”即可获取下载链接。

DUX3.0主题美化友情链接模块 修改首页友情链接显示位置插图3

赞(0)
聲明:
1、本博客不從事任何主機及服務器租賃業務,不參與任何交易,也絕非中介。博客內容僅記錄博主個人感興趣的服務器測評結果及一些服務器相關的優惠活動,信息均摘自網絡或來自服務商主動提供;所以對本博客提及的內容不作直接、間接、法定、約定的保證,博客內容也不具備任何參考價值及引導作用,訪問者需自行甄別。

2、訪問本博客請務必遵守有關互聯網的相關法律、規定與規則;不能利用本博客所提及的內容從事任何違法、違規操作;否則造成的一切後果由訪問者自行承擔。

3、未成年人及不能獨立承擔法律責任的個人及群體請勿訪問本博客。

4、一旦您訪問本博客,即表示您已經知曉並接受了以上聲明通告。

文章名稱:《DUX3.0主题美化友情链接模块 修改首页友情链接显示位置》
文章鏈接:https://www.zhuji999.com/19965.html