discuz論壇添加、更換返回頂部表徵圖

來源:互聯網
上載者:User
論壇沒有返回頂部功能的的在你的footer.htm(/template/default/common/)裡面添加代碼
  1. {lang scrolltop}
複製代碼1、獲得自己喜歡“返回頂部”表徵圖,上傳覆蓋Discuz原表徵圖
  ①擷取自己喜歡的表徵圖,網上搜尋一大堆,關鍵詞:返回頂部表徵圖素材
  ②“返回頂部”表徵圖所在目錄路徑:/static/image/common/scrolltop.png 然後將自己表徵圖上傳覆蓋,完成後進行下一步。

  2、修改相關css參數,修改返回頂部表徵圖的尺寸

  由於您的表徵圖不一定和原本表徵圖尺寸一致,所以覆蓋後,會顯示不全,所以要修改相關css參數,修改返回頂部表徵圖的尺寸。
  返回頂部表徵圖css檔案目錄路徑:/template/default/common/common.css
  開啟編輯找到代碼
  1. :#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;
  修改完畢後,上傳覆蓋,修改返回頂部表徵圖成功!別忘了更新緩衝哦!
discuz
  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.