Discuz ナビゲーションバーの変更に関するよくある質問トップ 10-PHPチュートリアル-php.cn

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

WBOY

リリース： 2024-03-02 16:52:01

オリジナル

920 人が閲覧しました

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

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

ナビゲーションバーのリンクが表示できません: まず、バックグラウンド管理でナビゲーションバーのリンクが正しく設定されていることを確認してください。次に、フォーラムテンプレートの 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>

ログイン後にコピー

ナビゲーションバーのテキストの色の変更: 変更する CSS ファイルに次のコードを追加します。ナビゲーションバーのテキストの色:
```
#hd ul li a { color: #FF0000; }
```
ログイン後にコピー
ナビゲーションバーに新しいリンクを追加します: 次のコードを header.htm に追加して、新しいリンクを追加します:
```
<a href="http://www.example.com" target="_blank">新链接</a>
```
ログイン後にコピー
ナビゲーションバーのサブメニューが正しく表示されません: CSS ファイルに次のコードを追加して、ナビゲーションバーのサブメニュースタイルを調整します:
```
#mn_userapp_menu { position: absolute; top: 30px; left: 0px; z-index: 99; }
```
ログイン後にコピー
ナビゲーションバーアイコンの置換 : 対応するアイコンファイルを置換し、header.htm 内の対応するコードを変更します:
```
<li><a href="example.html"><img src="newicon.png" alt="">链接文字</a></li>
```
ログイン後にコピー
ナビゲーションバーの背景色の変更: CSS ファイル内次のコードを追加して、ナビゲーションバーの背景色を変更します。
```
#hd { background-color: #FFFF00; }
```
ログイン後にコピー
ナビゲーションバーの水平配置を垂直配置に変更します。配置 : header.htm のレイアウトコードを垂直配置に変更します:
```
<ul class="p_pop h_pop" id="mn_userapp_menu"   style="max-width:90%">
 ...
</ul>
```
ログイン後にコピー
ナビゲーションバーのデフォルトの選択状態設定 : ヘッダーに次のコードを追加します。 htm を使用して、デフォルトの選択状態を設定します:
```
<a href="example.html" class="current">默认选中链接</a>
```
ログイン後にコピー
ナビゲーションバーのフォントサイズの変更: 次のコードを CSS ファイルに追加して、ナビゲーションバーのフォントサイズを変更します。 ##
```
#hd ul li a { font-size: 16px; }
```
ログイン後にコピー
#ナビゲーションバーのモバイル表示適応
: 次のコードを追加して、ナビゲーションバーがモバイル端末に正常に表示されるようにします:
```
@media screen and (max-width: 768px) {
 #hd { display: none; }
}
```
ログイン後にコピー