新闻中心

Discuz论坛帖子超链接蓝色关联下划线改成蓝色虚线

作者 / 无忧主机时间 2013-07-06 15:33:28

在Discuz中，我们看到的链接基本上都是蓝色实心下划线。在文章的链接比较多，或者比较密集的时候，在点击链接时，很容易就点到其他链接。或者有些站长就不想看到链接的下划线。基于这样的情况，无忧主机小编给站长们提供一种特效，使得带链接的文章更加丰富。特效的效果是：链接下划线变成虚线，鼠标经过时，链接的字体会变成橘黄色。下面小编就给大家介绍一下。 1.用ftp工具连接您的空间，找到template/default/common/module.css文件，下载到本地； 2.用文本编辑器打开，找到以下代码：

.relatedlink, .relatedlink:hover { text-decoration: none !important; color: {TABLETEXT} !important; border-bottom: 1px solid blue; }

将以上代码替换成：

.relatedlink { text-decoration: none !important; color: {TABLETEXT} !important; border-bottom: 1px dotted blue; }
.relatedlink:hover { text-decoration: none !important; color: #FF6600 !important; border-bottom: 1px dotted blue; }

如果需要去掉下划线，那么把border-bottom: 1px dotted blue;这一句去掉就可以了。 3.保存。将空间原文件重命名，再将修改后的文件上传到template/default/common/目录。修改到这里就完成了。下面是效果演示。