香港独立IP空间
香港php空间
美国php空间
域名注册

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/目录。
修改到这里就完成了。下面是效果演示。
image001 150x81 Discuz论坛帖子超链接蓝色关联下划线改成蓝色虚线

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

站长们如果有需要,可以用这个方法设置链接特效。

 

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

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读:


搜索技术文档