Discuz ナビゲーション バーの変更に関するよくある質問トップ 10

Discuz は、ナビゲーション バーを変更することでフォーラムをよりパーソナライズできる人気のフォーラム プログラムです。ただし、多くの Web マスターは、Discuz ナビゲーション バーを変更するときにいくつかの一般的な問題に遭遇するでしょう。この記事では、10 個の一般的な問題を紹介し、具体的なコード サンプルの解決策を示します。

1. ナビゲーション バーのリンクが表示できません: まず、バックグラウンド管理でナビゲーション バーのリンクが正しく設定されていることを確認してください。次に、フォーラム テンプレートの header.htm に次のコードを追加します。

   <!--{eval $mnid=0;}-->
   <ul class="p_pop h_pop" id="mn_userapp_menu" style="display: none;">
    <!--{loop $_G['setting']['my_app'] $nav}-->
        <!--{if $nav['show']}-->
            <!--{if $nav['type'] == 'userapp'}-->
                <!--{if $nav['menutype']}-->
                    <li><a href="userapp.php?mod={$nav[module]}" id="mn_userapp_{$nav[module]}" hidefocus="true" onfocus="showMenu({'ctrlid':'mn_userapp_{$nav[module]}'})"><img src="{$nav[icon]}" alt="" />{$nav[appname]}</a></li>
                <!--{else}-->
                    <li><a href="userapp.php?mod={$nav[module]}" hidefocus="true" onfocus="showMenu({'ctrlid':'mn_userapp_{$nav[module]}'})">{$nav[appname]}</a></li>
                <!--{/if}-->
            <!--{else}-->
                <li><a href="{$nav[url]}" hidefocus="true">{$nav[text]}</a></li>
            <!--{/if}-->
            <!--{eval $mnid++;}-->
        <!--{/if}-->
    <!--{/loop}-->
   </ul>

2. ナビゲーション バーのテキストの色の変更: 変更する CSS ファイルに次のコードを追加します。ナビゲーション バーのテキストの色:

   #hd ul li a { color: #FF0000; }

3. ナビゲーション バーに新しいリンクを追加します: 次のコードを header.htm に追加して、新しいリンクを追加します:

   <a href="http://www.example.com" target="_blank">新链接</a>

4. ナビゲーション バーのサブメニューが正しく表示されません: CSS ファイルに次のコードを追加して、ナビゲーション バーのサブメニュー スタイルを調整します:

   #mn_userapp_menu { position: absolute; top: 30px; left: 0px; z-index: 99; }

5. ナビゲーション バー アイコンの置換 : 対応するアイコン ファイルを置換し、header.htm 内の対応するコードを変更します:

   <li><a href="example.html"><img src="newicon.png" alt="">链接文字</a></li>

6. ナビゲーション バーの背景色の変更: CSS ファイル内 次のコードを追加して、ナビゲーション バーの背景色を変更します。

   #hd { background-color: #FFFF00; }

7. ナビゲーション バーの水平配置を垂直配置に変更します。配置 : header.htm のレイアウト コードを垂直配置に変更します:

   <ul class="p_pop h_pop" id="mn_userapp_menu" style="display: none; float: none;">
    ...
   </ul>

8. ナビゲーション バーのデフォルトの選択状態設定 : ヘッダーに次のコードを追加します。 htm を使用して、デフォルトの選択状態を設定します:

   <a href="example.html" class="current">默认选中链接</a>

9. ナビゲーション バーのフォント サイズの変更: 次のコードを CSS ファイルに追加して、ナビゲーション バーのフォント サイズを変更します。 ##

   #hd ul li a { font-size: 16px; }

10. #ナビゲーション バーのモバイル表示適応

    : 次のコードを追加して、ナビゲーション バーがモバイル端末に正常に表示されるようにします:

    @media screen and (max-width: 768px) {
     #hd { display: none; }
    }

上記の具体的なコード例を通じて、Web マスターは、Discuz ナビゲーション バーを変更する過程でよくある問題を簡単に解決できます。フォーラムをニーズやスタイルにより適したものにするための質問です。この記事がウェブマスターのお役に立てば幸いです。

以上がDiscuz ナビゲーション バーの変更に関するよくある質問トップ 10の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。