Discuz 修改 「返回頂部」 圖示教程

1 、獲得自己喜歡 「返回頂部」 圖示，上傳覆蓋 discuz 原圖示

①獲取自己喜歡的圖示，網上搜尋一大堆，關鍵詞：返回頂部圖示素材

②「返回頂部」 圖示所在目錄路徑：/static/image/common/scrolltop.png 然後將自己圖示上傳覆蓋，完成後進行下一步。

2 、修改相關 css 引數，修改返回頂部圖示的尺寸

由於您的圖示不一定和原本圖示尺寸一致，所以覆蓋後，會顯示不全，所以要修改相關 css 引數，修改返回頂部圖示的尺寸。

返回頂部圖示 css 檔案目錄路徑：/template/default/common/common.css

開啟編輯找到程式碼：#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; }

(開啟 css 檔案，直接搜尋 scrolltop，可以快速找到此段程式碼)

其中 width 和 height 分別對應圖示的寬度和高度，例如：若圖示尺寸是 20X50，那麼程式碼中的寬度和高度修改成：width: 20px;height: 50px;

修改完畢後，上傳覆蓋，修改返回頂部圖示成功!