1、獲得自己喜歡“返回頂部”圖標(biāo),上傳覆蓋Discuz原圖標(biāo)
①獲取自己喜歡的圖標(biāo),網(wǎng)上搜索一大堆,關(guān)鍵詞:返回頂部圖標(biāo)素材
②“返回頂部”圖標(biāo)所在目錄路徑:/static/image/common/scrolltop.png 然后將自己圖標(biāo)上傳覆蓋,完成后進(jìn)行下一步。
2、修改相關(guān)css參數(shù),修改返回頂部圖標(biāo)的尺寸
由于您的圖標(biāo)不一定和原本圖標(biāo)尺寸一致,所以覆蓋后,會(huì)顯示不全,所以要修改相關(guān)css參數(shù),修改返回頂部圖標(biāo)的尺寸。
返回頂部圖標(biāo)css文件目錄路徑:/template/default/common/common.css
打開(kāi)編輯找到代碼:#scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0 0; width: 20px; height: 50px; background: url({IMGDIR}/scrolltop.png) no-repeat 50% 0; line-height: 999px; overflow: hidden; cursor: pointer; }
(打開(kāi)css文件,直接搜索scrolltop,可以快速找到此段代碼)
其中width和height分別對(duì)應(yīng)圖標(biāo)的寬度和高度,例如:若圖標(biāo)尺寸是20X50,那么代碼中的寬度和高度修改成:width: 20px;height: 50px;
修改完畢后,上傳覆蓋,修改返回頂部圖標(biāo)成功!
更多信息請(qǐng)查看IT技術(shù)專欄