新聞中心

Discuz論壇帖子超鏈接藍(lán)色關(guān)聯(lián)下劃線改成藍(lán)色虛線

作者 / 無憂主機(jī) 時間 2013-07-06 15:33:28

在Discuz中，我們看到的鏈接基本上都是藍(lán)色實心下劃線。在文章的鏈接比較多，或者比較密集的時候，在點(diǎn)擊鏈接時，很容易就點(diǎn)到其他鏈接?；蛘哂行┱鹃L就不想看到鏈接的下劃線。基于這樣的情況，無憂主機(jī)小編給站長們提供一種特效，使得帶鏈接的文章更加豐富。特效的效果是：鏈接下劃線變成虛線，鼠標(biāo)經(jīng)過時，鏈接的字體會變成橘黃色。下面小編就給大家介紹一下。 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/目錄。修改到這里就完成了。下面是效果演示。