【原創】下拉選單　每行顯示兩個項目

別問我是誰 · 发表于 2006-1-2 18:11:11

.
http://www.alan888.com/Discuz/viewthread.php?tid=51071

最基本　要有修改本人提供　以上 ↑ 的下拉選單

可看最低圖例　本人風格及社區功能　也改為每行顯示兩個

不會令到安裝太多風格及插件時　令到太長

=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

修改檔案

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

header_meun.htm

=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

所有　css.htm　找

.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; }

复制代码

也改為

.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; }

复制代码

其實只是將所有　width:100px;　刪除

=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

header_meun.htm　找

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

复制代码

改為

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

复制代码

找

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

复制代码

改為

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

复制代码

找

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

复制代码

改為

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

复制代码

找

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

复制代码

改為

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

复制代码

找

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

复制代码

改為

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

复制代码

找

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

复制代码

改為

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

复制代码

　以上所有的　style="width:100px"

　100　就是闊度　你亦可修改數字將闊度增加或減少

=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

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

<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>
<tr><td class="dzmenu_option"><a href="#" onclick="ChangeStyle('$id')"> $name</a></td></tr>
</table>

复制代码

改為

<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>
<td class="dzmenu_option"><a href="#" onclick="ChangeStyle('$id')"> $name</a>
<tr>
</td></tr></table>

复制代码

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

$stylecount%2==0　2 是每行顯示兩個　您亦可修改

=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

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

<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>
<tr><td class="dzmenu_option">{$_links[url]}</td></tr>
</table>
</div>

复制代码

改為

<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>
<td class="dzmenu_option">{$_links[url]}
<tr>
</td></tr></table>
</div>

复制代码

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

=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=

linsie · 发表于 2006-1-2 18:12:04

沙发

紫云杉 · 发表于 2006-1-2 18:12:05

不错啊

linsie · 发表于 2006-1-2 18:12:20

哈哈比你快

linsie · 发表于 2006-1-2 18:12:38

我还要

linsie · 发表于 2006-1-2 18:12:54

下水道也要了

linsie · 发表于 2006-1-2 18:13:15

防空洞我也要哈哈

linsie · 发表于 2006-1-2 18:14:53

没人来昏迷我在要

linsie · 发表于 2006-1-2 18:15:35

楼上的是alan88的是吧为什么你的站点这么难进几乎就进不去？？？？

jimmyjimmyqqq · 发表于 2006-1-2 20:24:55

謝謝別老大分享！

		自动登录	找回密码
密码			立即注册

[美化] 【原創】下拉選單　每行顯示兩個項目

本帖子中包含更多资源

评分

[美化] 【原創】下拉選單 每行顯示兩個項目

本帖子中包含更多资源

评分

[美化] 【原創】下拉選單　每行顯示兩個項目