新闻中心

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/目录。 修改到这里就完成了。下面是效果演示。 站长们如果有需要,可以用这个方法设置链接特效。  

本文地址:https://www.51php.com/discuz/11366.html

1
1
1
1
1
1
1