discuz フォーラムは「トップに戻る」アイコンを追加および置き換えます

WBOY
リリース: 2016-07-25 09:13:43
オリジナル
1400 人が閲覧しました
フォーラムにトップに戻る機能がない場合は、footer.htm (/template/default/common/) にコードを追加してください
  1. {langscrolltop}
コードをコピー
1. お気に入りの「トップに戻る」アイコンを取得し、元の Discuz アイコンを覆うようにアップロードします
① お気に入りのアイコンを入手し、オンラインでたくさんのアイコン素材を検索します。 キーワード: トップに戻る アイコン素材
②「トップに戻る」アイコンが配置されているディレクトリパス:/static/image/common/scrolltop.png 次に、独自のアイコンをアップロードして上書きし、完了したら次のステップに進みます。

2. 関連する CSS パラメーターを変更し、トップに戻るアイコンのサイズを変更します

アイコンは元のアイコンと同じサイズではない可能性があるため、上書きすると完全に表示されなくなります。そのため、関連する CSS パラメーターを変更し、上部に返されるアイコンのサイズを変更する必要があります。
トップに戻る アイコンCSSファイルディレクトリパス: /template/default/common/common.css
エディタを開いてコード
  1. を見つけます: #scrolltop { 表示: 非表示; 位置: 固定; 表示: ブロック; : 20ピクセル; 高さ: 背景: url({IMGDIR}/スクロールトップ.png ) no-repeat 50% 0; 行の高さ: 999px; オーバーフロー: 非表示; カーソル: ポインター }
(CSS ファイルを開いて、スクロールトップを直接検索してください) このうち、幅と高さはそれぞれアイコンの幅と高さに対応します。たとえば、アイコンのサイズが 20X50 の場合、コード内の幅と高さは次のように変更されます。 変更が完了したら、オーバーレイをアップロードし、「トップに戻る」アイコンを変更します。キャッシュを更新することを忘れないでください。



ディスカス
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート