Discuz! 官方站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 12210|回复: 14

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

[复制链接]
发表于 2006-1-2 18:11:11 | 显示全部楼层 |阅读模式
.
http://www.alan888.com/Discuz/viewthread.php?tid=51071

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

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

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

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

修改檔案

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

header_meun.htm

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

所有 css.htm 找
  1. .dzmenu_popup        { width:100px; background: {ALTBG1}; border: 1px solid {BORDERCOLOR};}
  2. .dzmenu_option        { width:100px; background: {ALTBG1}; white-space: nowrap; padding: 3px; color: {HEADERTEXT}; }
  3. .dzmenu_select        { width:100px; background: {INNERBORDERCOLOR}; white-space: nowrap; cursor: pointer; padding: 3px; }
复制代码

也改為
  1. .dzmenu_popup        { background: {ALTBG1}; border: 1px solid {BORDERCOLOR};}
  2. .dzmenu_option        { background: {ALTBG1}; white-space: nowrap; padding: 3px; color: {HEADERTEXT}; }
  3. .dzmenu_select        { background: {INNERBORDERCOLOR}; white-space: nowrap; cursor: pointer; padding: 3px; }
复制代码

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

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

header_meun.htm 找
  1. <tr><td class="header">{lang style}</td></tr>
复制代码

改為
  1. <tr><td class="header" style="width:100px">{lang style}</td></tr>
复制代码


  1. <tr><td class="header">{lang board_plugins}</td></tr>
复制代码

改為
  1. <tr><td class="header" style="width:100px">{lang board_plugins}</td></tr>
复制代码


  1. <tr><td class="header">{lang pm}</td></tr>
复制代码

改為
  1. <tr><td class="header" style="width:100px">{lang pm}</td></tr>
复制代码


  1. <tr><td class="header">{lang memcp}</td></tr>
复制代码

改為
  1. <tr><td class="header" style="width:100px">{lang memcp}</td></tr>
复制代码


  1. <tr><td class="header">{lang member_list}</td></tr>
复制代码

改為
  1. <tr><td class="header" style="width:100px">{lang member_list}</td></tr>
复制代码


  1. <tr><td class="header">{lang statistics}</td></tr>
复制代码

改為
  1. <tr><td class="header" style="width:100px">{lang statistics}</td></tr>
复制代码


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

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

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

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

  1. <!--{if !empty($stylejump)}-->
  2. <div id="stylejump_menu" style="display:none" class="dzmenu_popup">
  3.         <table cellpadding="3" cellspacing="1" border="0">
  4.         <tr><td class="header" style="width:100px">{lang style}</td></tr>
  5.         <!--{loop $stylejump $id $name}-->
  6.         <tr><td class="dzmenu_option"><a href="#" onclick="ChangeStyle('$id')"> $name</a></td></tr>
  7.         <!--{/loop}-->
  8.         </table>
复制代码

改為
  1. <!--{if !empty($stylejump)}-->
  2. <!--{eval $stylecount = 0; }-->
  3. <div id="stylejump_menu" style="display:none" class="dzmenu_popup">
  4.         <table cellpadding="3" cellspacing="1" border="0">
  5.         <tr><td class="header" colspan="2" align="center" style="width:200px">{lang style}</td></tr><tr>
  6.         <!--{loop $stylejump $id $name}-->
  7.         <td class="dzmenu_option"><a href="#" onclick="ChangeStyle('$id')"> $name</a>
  8. <!--{eval $stylecount++; }-->
  9. <!--{if $stylecount%2==0 }-->
  10.         <tr>
  11. <!--{/if}-->
  12.         <!--{/loop}-->
  13.         </td></tr></table>
复制代码

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

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

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

( 社區功能每行顯示兩個 ) header_meun.htm 找
  1. <!--{if $plugins[links]}-->
  2. <div id="pluginsmenu_menu" style="display:none" class="dzmenu_popup">
  3.         <table cellpadding="3" cellspacing="1" border="0">
  4.         <tr><td class="header" style="width:200px">{lang board_plugins}</td></tr>
  5.         <!--{loop $plugins[links] $plugin}-->
  6.                 <!--{loop $plugin $_links}-->
  7.                          <!--{if !$_links[adminlevel] || ($adminid>0 && $_links[adminlevel]>=$adminid)}-->
  8.                          <tr><td class="dzmenu_option">{$_links[url]}</td></tr>
  9.                          <!--{/if}-->
  10.                 <!--{/loop}-->
  11.         <!--{/loop}-->
  12.         </table>
  13. </div>
  14. <!--{/if}-->
复制代码

改為
  1. <!--{if $plugins[links]}-->
  2. <!--{eval $pluginscount = 0; }-->
  3. <div id="pluginsmenu_menu" style="display:none" class="dzmenu_popup">
  4.         <table cellpadding="3" cellspacing="1" border="0">
  5.         <tr><td class="header" colspan="2" align="center" style="width:200px">{lang board_plugins}</td></tr><tr>
  6.         <!--{loop $plugins[links] $plugin}-->
  7.         <!--{loop $plugin $_links}-->
  8.          <!--{if !$_links[adminlevel] || ($adminid>0 && $_links[adminlevel]>=$adminid)}-->
  9.         <td class="dzmenu_option">{$_links[url]}
  10. <!--{eval $pluginscount++; }-->
  11. <!--{if $pluginscount%2==0 }-->
  12.         <tr>
  13. <!--{/if}-->
  14.         <!--{/if}-->
  15.         <!--{/loop}-->
  16.         <!--{/loop}-->
  17.         </td></tr></table>
  18. </div>
  19. <!--{/if}-->
复制代码

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

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

2

查看全部评分

发表于 2006-1-2 18:12:04 | 显示全部楼层
沙发
回复

使用道具 举报

发表于 2006-1-2 18:12:05 | 显示全部楼层
不错啊
回复

使用道具 举报

发表于 2006-1-2 18:12:20 | 显示全部楼层
哈哈  比你快
回复

使用道具 举报

发表于 2006-1-2 18:12:38 | 显示全部楼层
我还要
回复

使用道具 举报

发表于 2006-1-2 18:12:54 | 显示全部楼层
下水道也要了
回复

使用道具 举报

发表于 2006-1-2 18:13:15 | 显示全部楼层
防空洞我也要 哈哈
回复

使用道具 举报

发表于 2006-1-2 18:14:53 | 显示全部楼层
没人来 昏迷 我在要
回复

使用道具 举报

发表于 2006-1-2 18:15:35 | 显示全部楼层
楼上的是alan88的是吧  为什么你的站点这么难进 几乎就进不去????
回复

使用道具 举报

发表于 2006-1-2 20:24:55 | 显示全部楼层
謝謝別老大分享!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|Comsenz ( 粤B2-20090059-165 )star

GMT+8, 2019-9-24 01:45

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表