恋雾迷尘论坛 » ≮ Discuz! 6.0.0/6.1.0 插件 ≯ » ≮ Discuz! 4.0.0 ≯ » 仿 Discuz 3.0 論壇最頂全用 下拉選單

爱雨冷雪 发表于 2006-1-15 10:52

仿 Discuz 3.0 論壇最頂全用 下拉選單

作者： [url=http://www.discuz.net/viewpro.php?uid=143420]別問我是誰[/url]

[color=#ff0000]適用版本　Discuz! 4.0.0

完全妨 Discuz 3.0 論壇最頂全用 下拉選單 (非常精美)

[/color][color=green]還包括：風格選擇　插件項目　( 下拉選單自動數出 )[/color]

[color=blue]修改後包括有　有新訊息　最頂閃動提示

閃動方式　看　第 4 帖　有圖例[/color]

[color=red]======================================================[/color]

新增檔案

dzmenu.js
header_meun.htm

以上檔案上傳位置如下

include/dzmenu.js
templates/default/header_meun.htm

[color=red]======================================================[/color]

更換檔案　下載後將這份替換　common.js

include/common.js

[color=red]======================================================[/color]

修改模板 ( 其它風格有以下模板也要修改 )

templates/default/css.htm
templates/default/footer.htm
templates/default/header.htm
templates/default/templates.lang.php

[color=red]======================================================[/color]

修改完成可用後　也可跟以下這帖　將幫助也改為下拉

[url=http://www.alan888.com/Discuz/viewthread.php?tid=51420]http://www.alan888.com/Discuz/viewthread.php?tid=51420[/url]

[color=red]======================================================[/color]

　１．打開　templates/default/templates.lang.php　找

[code]'credits_policy_view' => '查看積分策略說明',[/code]

之上或之下加入

[code]        'board_plugins' =>'社區功能',[/code]

２．打開下載了的 common.js 最頂找

[code]document.write(".cPopText { font-family: Verdana,Tahoma; background-color: #F4F4F5; border: 1px #BBBBBB dashed; font-size: 12px; padding-right: 6px; padding-left: 6px; padding-top: 6px; padding-bottom: 6px; visibility: hidden; filter: Alpha(Opacity=80)}");
[/code]

自行修改以下項目

[code]background-color: #F4F4F5　指向全論壇的提示方塊 ( 背景顏色 )
border: 1px #BBBBBB　　　　指向全論壇的提示方塊 ( 虛線邊框顏色 )
filter: Alpha(Opacity=80)　指向全論壇的提示方塊 ( 背景透明度 )
[/code]

３．templates/default/css.htm　及各風格的　css.htm

[code]--></style>[/code]

之上加入　( 緊記加在之上 )

[code].dzmenu_popup        { width:100px; background: {ALTBG1}; border: 1px solid {BORDERCOLOR};}
.dzmenu_option        { width:100px; background: {ALTBG1}; white-space: nowrap; padding: 3px; color: {HEADERTEXT}; }
.dzmenu_select        { width:100px; background: {INNERBORDERCOLOR}; white-space: nowrap; cursor: pointer; padding: 3px; }
[/code]

４．修改　templates/default/footer.htm　及各風格的　footer.htm　最底找

[code]</body></html>[/code]

改為

[code]<script type="text/javascript">Discuz_init();</script>
</body></html>
[/code]

並可將以下這段刪除　( 因為論壇最頂，已顯示了下拉選擇風格，最底可不用 )

[code]<!--{if !empty($stylejump)}-->
        <td align="right" width="1">
        <select onchange="if(this.options[this.selectedIndex].value != '') {
        var thisurl = document.URL.replace(/[&?]styleid=.+?&sid=.+?$/i, '');
        window.location=(thisurl+(thisurl.match(/\?/) ? '&' : '?')+'styleid='+this.options[this.selectedIndex].value+'&sid=$sid') }">>
        <option value="">{lang style}</option>
        <option value="">----------</option>
        <!--{loop $stylejump $id $name}-->
                <option value="$id">$name</option>
        <!--{/loop}-->
        </select></td>
<!--{/if}-->
[/code]

　５．修改　templates/default/header.htm　及各風格的　header.htm　找

找

[code]<script language="JavaScript" src="include/common.js"></script>[/code]

之上或之下亦可，加入以下

[code]<script language="JavaScript" src="include/dzmenu.js"></script>[/code]

再找以下這部份刪除

[code]<!--{if $discuz_uid}-->
        <span class="bold">$discuz_userss: </span> <a href="$link_logout">{lang logout}</a>
        <!--{if $maxpmnum}-->| <a href="pm.php" target="_blank">{lang pm}</a> <!--{/if}-->
        |  <a href="memcp.php">{lang memcp}</a>
        <!--{if in_array($adminid, array(1,2,3))}-->| <a href="admincp.php" target="_blank">{lang admincp}</a> <!--{/if}-->
<!--{else}-->
        <span class="bold">{lang guest}: &nbsp;</span><a href="$link_register">{lang register}</a>
        | <a href="$link_login">{lang login}</a>
<!--{/if}-->

<!--{if $memliststatus}-->| <a href="member.php?action=list">{lang memberlist}</a> <!--{/if}-->
<!--{if $allowsearch || $qihoostatus}-->| <a href="search.php">{lang search}</a> <!--{/if}-->
<!--{if $allowviewstats}-->| <a href="stats.php">{lang statistics}</a> <!--{/if}-->
<!--{loop $plugins['links'] $plugin}-->
        <!--{loop $plugin $module}-->
             <!--{if !$module['adminid'] || ($module['adminid'] && $adminid > 0 && $module['adminid'] >= $adminid)}-->| $module[url] <!--{/if}-->
        <!--{/loop}-->
<!--{/loop}-->
| <a href="faq.php">{lang faq}</a>
[/code]

以上刪除，替換為以下

[code]{template header_meun}[/code]

[color=#0000ff]做完後　到後台更新緩存
[/color][color=red]===================== 完 成 =============================[/color]

爱雨冷雪 发表于 2006-1-15 10:55

common.js 最頂找

[code]document.write(".cPopText { font-family: Verdana,Tahoma; background-color: #F4F4F5; border: 1px #BBBBBB dashed; font-size: 12px; padding-right: 6px; padding-left: 6px; padding-top: 6px; padding-bottom: 6px; visibility: hidden; filter: Alpha(Opacity=80)}");
[/code]

以上修改的部份　就如下圖　顯示方塊各顏色的設定

爱雨冷雪 发表于 2006-1-15 11:01

下拉選單　每行顯示兩個項目

[color=#FF0000]必須裝第一貼[/color]。

[color=#ff0000]=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

[/color]修改檔案

css.htm　( 所有風格這份檔也要修改 )

header_meun.htm

[color=red]=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=[/color]

所有　css.htm　找

[code].dzmenu_popup        { width:100px; background: {ALTBG1}; border: 1px solid {BORDERCOLOR};}
.dzmenu_option        { width:100px; background: {ALTBG1}; white-space: nowrap; padding: 3px; color: {HEADERTEXT}; }
.dzmenu_select        { width:100px; background: {INNERBORDERCOLOR}; white-space: nowrap; cursor: pointer; padding: 3px; }
[/code]

也改為

[code].dzmenu_popup        { background: {ALTBG1}; border: 1px solid {BORDERCOLOR};}
.dzmenu_option        { background: {ALTBG1}; white-space: nowrap; padding: 3px; color: {HEADERTEXT}; }
.dzmenu_select        { background: {INNERBORDERCOLOR}; white-space: nowrap; cursor: pointer; padding: 3px; }
[/code]

其實只是將所有　[color=red]width:100px;[/color]　刪除

[color=red]=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=[/color]

header_meun.htm　找

[code]<tr><td class="header">{lang style}</td></tr>[/code]

改為

[code]<tr><td class="header" style="width:100px">{lang style}</td></tr>[/code]

找

[code]<tr><td class="header">{lang board_plugins}</td></tr>[/code]

改為

[code]<tr><td class="header" style="width:100px">{lang board_plugins}</td></tr>[/code]

找

[code]<tr><td class="header">{lang pm}</td></tr>[/code]

改為

[code]<tr><td class="header" style="width:100px">{lang pm}</td></tr>[/code]

找

[code]<tr><td class="header">{lang memcp}</td></tr>
[/code]

改為

[code]<tr><td class="header" style="width:100px">{lang memcp}</td></tr>[/code]

找

[code]<tr><td class="header">{lang member_list}</td></tr>
[/code]

改為

[code]<tr><td class="header" style="width:100px">{lang member_list}</td></tr>[/code]

找

[code]<tr><td class="header">{lang statistics}</td></tr>[/code]

改為

[code]<tr><td class="header" style="width:100px">{lang statistics}</td></tr>[/code]

　以上所有的 　style="width:[color=red]100[/color]px"

　[color=red]100[/color]　就是闊度　你亦可修改數字將闊度增加或減少

[color=red]=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=[/color]

( 風格每行顯示兩個 )　header_meun.htm　找

[code]<!--{if !empty($stylejump)}-->
<div id="stylejump_menu" style="display:none" class="dzmenu_popup">
        <table cellpadding="3" cellspacing="1" border="0">
        <tr><td class="header" style="width:100px">{lang style}</td></tr>
        <!--{loop $stylejump $id $name}-->
        <tr><td class="dzmenu_option"><a href="#" onclick="ChangeStyle('$id')"> $name</a></td></tr>
        <!--{/loop}-->
        </table>
[/code]

改為

[code]<!--{if !empty($stylejump)}-->
<!--{eval $stylecount = 0; }-->
<div id="stylejump_menu" style="display:none" class="dzmenu_popup">
        <table cellpadding="3" cellspacing="1" border="0">
        <tr><td class="header" colspan="2" align="center" style="width:200px">{lang style}</td></tr><tr>
        <!--{loop $stylejump $id $name}-->
        <td class="dzmenu_option"><a href="#" onclick="ChangeStyle('$id')"> $name</a>
<!--{eval $stylecount++; }-->
<!--{if $stylecount%2==0 }-->
        <tr>
<!--{/if}-->
        <!--{/loop}-->
        </td></tr></table>
[/code]

以上　style="width:[color=red]200[/color]px"　是闊度　上傳看到效果後可修改闊度尺寸

$stylecount%[color=red]2[/color]==0　[color=red]2[/color] 是每行顯示兩個　您亦可修改

[color=red]=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=[/color]

( 社區功能每行顯示兩個 )　header_meun.htm　找

[code]<!--{if $plugins[links]}-->
<div id="pluginsmenu_menu" style="display:none" class="dzmenu_popup">
        <table cellpadding="3" cellspacing="1" border="0">
        <tr><td class="header" style="width:200px">{lang board_plugins}</td></tr>
        <!--{loop $plugins[links] $plugin}-->
                <!--{loop $plugin $_links}-->
                         <!--{if !$_links[adminlevel] || ($adminid>0 && $_links[adminlevel]>=$adminid)}-->
                         <tr><td class="dzmenu_option">{$_links[url]}</td></tr>
                         <!--{/if}-->
                <!--{/loop}-->
        <!--{/loop}-->
        </table>
</div>
<!--{/if}-->
[/code]

改為

[code]<!--{if $plugins[links]}-->
<!--{eval $pluginscount = 0; }-->
<div id="pluginsmenu_menu" style="display:none" class="dzmenu_popup">
        <table cellpadding="3" cellspacing="1" border="0">
        <tr><td class="header" colspan="2" align="center" style="width:200px">{lang board_plugins}</td></tr><tr>
        <!--{loop $plugins[links] $plugin}-->
        <!--{loop $plugin $_links}-->
         <!--{if !$_links[adminlevel] || ($adminid>0 && $_links[adminlevel]>=$adminid)}-->
        <td class="dzmenu_option">{$_links[url]}
<!--{eval $pluginscount++; }-->
<!--{if $pluginscount%2==0 }-->
        <tr>
<!--{/if}-->
        <!--{/if}-->
        <!--{/loop}-->
        <!--{/loop}-->
        </td></tr></table>
</div>
<!--{/if}-->
[/code]

設定闊度及每行顯示多少個　如上一樣修改方法

[color=red]=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=[/color]
[img]http://www.discuz.net/attachments/month_0601/haha_0qritnc7G6aw.gif[/img]

爱雨冷雪 发表于 2006-1-15 11:06

幫助也用下拉選單

安裝第一貼才適用

header_meun.htm　找

[code]        | <a href="faq.php">{lang faq}</a>[/code]

改為

[code]        | <a href="faq.php" id="faq">{lang faq}</a><script type="text/javascript">dzmenu_register("faq");</script>
[/code]

再找

[code]<!--{if in_array($adminid, array(1,2,3))}-->| <a href="admincp.php" target="_blank">{lang admincp}</a><!--{/if}-->
[/code]

之下加入

[code]<div id="faq_menu" style="display:none" class="dzmenu_popup">
        <table cellpadding="3" cellspacing="1" border="0">
        <tr><td class="header">{lang faq}</td></tr>
        <tr><td class="dzmenu_option"><a href="faq.php">幫助首頁</a></td></tr>
        <tr><td class="dzmenu_option"><a href="faq.php?page=usermaint">用戶須知</a></td></tr>
        <tr><td class="dzmenu_option"><a href="faq.php?page=using">論壇使用</a></td></tr>
        <tr><td class="dzmenu_option"><a href="faq.php?page=misc">其他問題</a></td></tr>
        <tr><td class="dzmenu_option"><a href="status.php">我的許可權</a></td></tr>
        <tr><td class="dzmenu_option"><a href="faq.php?page=custom">特別使用幫助</a></td></tr>
        <tr><td class="dzmenu_option"><a href="faq.php?page=messages">帖子與短消息</a></td></tr>
        </table>
</div>
[/code]

[color=#0000ff]注意：若你無安裝　我的許可權　請將以下這句刪除

[/color][color=red]        我的許可權[/color]

bluesky 发表于 2006-1-16 15:40

我晕。太麻烦了。头都大了。还是不改了

爱雨冷雪 发表于 2006-1-17 06:10

呵呵,不是很难.

Aben 发表于 2006-2-26 10:57

修改好了，谢谢分享
效果不错的说

查看完整版本: 仿 Discuz 3.0 論壇最頂全用 下拉選單