Discuz Forum Add, replace return top icon

Forum does not return top features add code inside your footer.htm (/template/default/common/) {lang scrolltop} Copy Code1. Get your favorite "back to Top" icon, upload overlay discuz original icon ① get their favorite icons, search a lot of online, keywords: return top icon footage ② the directory path where the top icon is located:/static/image/common/scrolltop.png then overwrites the icon upload itself and completes the next step. 2, modify the relevant CSS parameters, modify the return to the top icon size Since your icon is not necessarily the same size as the original icon, the overlay will not be complete, so modify the relevant CSS parameters and change the size of the top icon. Return top icon CSS file directory path:/template/default/common/common.css Open Edit Find Code : #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; } Copy Code(Open CSS file, direct search scrolltop, can quickly find this code) where width and height correspond to the widths and heights of the icons, for example: If the icon size is 20x50, then the width and height of the code are modified to: width:20px;height:50px; After modifying, upload overwrite, modify return top icon success! Don't forget to update the cache Oh!

Discuz

