帝国论坛帝国网站管理系统交流区帝国CMS使用交流5.0默认模板导航显示不正确的修改方法 【本版专题贴子】  
 1/12     1 2 3 4 5 6 7 8 9 10 ›› ›|
主题:5.0默认模板导航显示不正确的修改方法 [加入收藏夹]   

Yapple
用户头衔:进士

精华贴   :0
发贴数   :829
经验值   :2477
注册时间:2007-11-28
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
5.0默认模板导航显示不正确的修改方法
感谢Yapple提供的教程,方法如下:

模板管理 - 公共模板变量 - 管理模板变量 - [!--temp.header--] 代码如下:


<!-- 页头 -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="top">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="70%"><script src="[!--news.url--]e/member/login/loginjs.php"></script></td>
<td align="right"><a onclick="window.external.addFavorite(location.href,document.title)" href="#ecms">加入收藏</a> | <a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('[!--news.url--]')" href="#ecms">设为首页</a> | <a href="[!--news.url--]e/member/cp/">会员中心</a> | <a href="[!--news.url--]e/web/?type=rss2&classid=[!--self.classid--]" target="_blank">RSS<img src="[!--news.url--]skin/default/images/rss.gif" hspace="2" /></a></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="10">
<tr valign="middle">
<td width="240" align="center"><a href="[!--news.url--]"><img src="[!--news.url--]skin/default/images/logo.gif" width="200" height="65" border="0" /></a></td>
<td align="center"><a href="http://www.dotool.cn" target="_blank"><img src="[!--news.url--]skin/default/images/dotool.gif" width="100%" height="70" border="0" /></a></td>
</tr>
</table>
<!-- 导航tab选项卡 -->
<table width="920" border="0" align="center" cellpadding="0" cellspacing="0" class="nav">
<tr>
<td class="nav_global"><ul><li class="curr" id="tabnav_btn_0" onmouseover="tabit(this)"><a href="[!--news.url--]">首页</a></li>[showclasstemp]'0',12,0,0[/showclasstemp]</ul></td>
</tr>
<tr>
<td class="nav_sub"><!-- 子栏目导航 -->
<div id="tabnav_div_0"><a href="[!--news.url--]e/member/login">登陆</a> | <a href="[!--news.url--]e/member/register">注册</a> | <a href="[!--news.url--]e/member/EditInfo">修改资料</a> | <a href="[!--news.url--]e/member/msg">短信息</a> | <a href="[!--news.url--]e/member/mspace/SetSpace.php">设置空间</a> | <a href="[!--news.url--]e/DoInfo">管理信息</a> | <a href="[!--news.url--]e/member/fava">收藏夹</a> | <a href="[!--news.url--]e/member/my">我的状态</a> | <a href="[!--news.url--]e/member/buybak">消费记录</a> | <a href="[!--news.url--]e/member/card">充值卡充值</a> | <a href="#ecms" onClick="window.open('[!--news.url--]e/ShopSys/buycar','','width=680,height=500,scrollbars=yes');">我的购物车</a> | <a href="[!--news.url--]e/ShopSys/ListDd">我的订单</a> | <a href="[!--news.url--]e/enews?enews=exit" onClick="return confirm('确认要退出?');">退出</a>
</div>
<div id="tabnav_div_1" style="display:none;">[showclasstemp]2,1,0,0[/showclasstemp]</div>
<div id="tabnav_div_2" style="display:none;">[showclasstemp]3,1,0,0[/showclasstemp]</div>
<div id="tabnav_div_3" style="display:none;">[showclasstemp]4,1,0,0[/showclasstemp]</div>
<div id="tabnav_div_4" style="display:none;">[showclasstemp]5,1,0,0[/showclasstemp]</div>
<div id="tabnav_div_5" style="display:none;">[showclasstemp]6,1,0,0[/showclasstemp]</div>
<div id="tabnav_div_6" style="display:none;">[showclasstemp]7,1,0,0[/showclasstemp]</div>
<div id="tabnav_div_7" style="display:none;">[showclasstemp]8,1,0,0[/showclasstemp]</div>
<div id="tabnav_div_8" style="display:none;">[showclasstemp]9,1,0,0[/showclasstemp]</div></td>
</tr>
</table>



请自行查看带模板的栏目导航标签 (showclasstemp)的使用方法,如果你的父栏目ID不是红色的那些数字,请自行修改为相应的栏目ID。



其它注意事项:

1. 问: 5.0导航子栏目什么都不显示啊? (http://bbs.phome.net/showthread-13-55184-0.html
答: 栏目可以随意删除/修改,但必须保证
id="tabnav_btn_0" - …… - id="tabnav_btn_9"

id="tabnav_div_0" - …… - id="tabnav_div_9"
能一一对应。(当然,也不一定就刚好是9,更多更少都行)

2.问:栏目ID>=10的时候,从第10个开始显示不正常,从第10个开始的所有目录,其子目录均显示第一个(tabnav_btn_1)的子目录,不知这是为什么?(http://bbs.phome.net/ShowThread/?threadid=58716&forumid=39&page=0#ret234734
答:是因为tabs.js(/skin/default/js/tabs.js)里面对栏目ID只截取了1位,所以诸如10-19,截取后就是1了。
修改思路就是把tabs.js里对于栏目ID的截取位数改为2 。
具体操作为:
把var id = parseInt(idname.substr(e, 1));改成var id = parseInt(idname.substr(e, 2));

3.问:为什么子栏目导航菜单不是靠左对齐的?(http://bbs.phome.net/showthread-13-59345-0.html
答:修改对象:/skin/default/css/style.css。查找以下代码修改为合适的左边距。

/* 子栏目导航菜单距离调整 */
#tabnav_div_1 {
}
#tabnav_div_2 {
        padding-left: 100px;
}
#tabnav_div_3 {
        padding-left: 200px;
}
#tabnav_div_4 {
        padding-left: 300px;
}
#tabnav_div_5 {
        padding-left: 400px;
}
#tabnav_div_6 {
        padding-left: 500px;
}
#tabnav_div_7 {
        padding-left: 600px;
}
#tabnav_div_8 {
        padding-right: 40px;
        text-align: right;
}

[该贴被修改 9 次,最后修改时间 2008-10-21 09:23:02 ]



2008-05-26 15:50:38 已设置保密 顶部 回复 引用 报告 编辑 删除

Liuliu
用户头衔:秀才

精华贴   :0
发贴数   :182
经验值   :574
注册时间:2007-12-27
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

不错




2008-05-26 15:51:15 已设置保密 顶部 回复 引用 报告 编辑 删除

陈好
用户头衔:书生

精华贴   :0
发贴数   :71
经验值   :188
注册时间:2008-02-13
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

学习下




2008-05-26 15:51:55 已设置保密 顶部 回复 引用 报告 编辑 删除

Coolfire
用户头衔:探花

精华贴   :0
发贴数   :4234
经验值   :10008
注册时间:2007-06-13
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]





2008-05-26 16:02:12 已设置保密 顶部 回复 引用 报告 编辑 删除

QwkxCom
用户头衔:举人

精华贴   :0
发贴数   :277
经验值   :952
注册时间:2008-05-16
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

OK懂了..

不过,[!--temp.dtheader--](动态页面头部)这里面的这些是什么理解?

是有2种方法调用吗?



[!--temp.dtheader--]   动态页面头部   

<div id="tabnav_div_1" style="display:none;">| <a href="[!--news.url--]news/china/">国内新闻</a> | <a href="[!--news.url--]news/world/">国际新闻</a> | <a href="[!--news.url--]news/ent/">娱乐新闻</a> | <a href="[!--news.url--]news/sports/">体育新闻</a> | </div>
<div id="tabnav_div_2" style="display:none;">| <a href="[!--news.url--]download/system/">系统软件</a> | <a href="[!--news.url--]download/netsoft/">网络工具</a> | <a href="[!--news.url--]download/safe/">安全相关</a> | <a href="[!--news.url--]download/media/">媒体工具</a> | </div>
<div id="tabnav_div_3" style="display:none;">| <a href="[!--news.url--]movie/dongzuo/">动作片</a> | <a href="[!--news.url--]movie/aiqing/">爱情片</a> | <a href="[!--news.url--]movie/xiju/">喜剧片</a> | <a href="[!--news.url--]movie/lianxuju/">连续剧</a> | </div>
<div id="tabnav_div_4" style="display:none;">| <a href="[!--news.url--]shop/shoujishuma/">手机数码</a> | <a href="[!--news.url--]shop/jiayongdianqi/">家用电器</a> | <a href="[!--news.url--]shop/pinpaidiannao/">品牌电脑</a> | <a href="[!--news.url--]shop/tushuzazhi/">图书杂志</a> | </div>
<div id="tabnav_div_5" style="display:none;">| <a href="[!--news.url--]flash/youxi/">游戏</a> | <a href="[!--news.url--]flash/yinle/">音乐MV</a> | </div>
<div id="tabnav_div_6" style="display:none;">| <a href="[!--news.url--]photo/mingxing/">明星风采</a> | <a href="[!--news.url--]photo/fengjing/">自然风景</a> | <a href="[!--news.url--]photo/dongman/">动漫图片</a> | </div>
<div id="tabnav_div_7" style="display:none;">| <a href="[!--news.url--]article/xiaoshuo/">小说</a> | <a href="[!--news.url--]article/sanwen/">散文</a> | <a href="[!--news.url--]article/shige/">诗歌</a> | </div>
<div id="tabnav_div_8" style="display:none;">| <a href="[!--news.url--]e/action/ListInfo?classid=10">房屋信息</a> | <a href="[!--news.url--]e/action/ListInfo?classid=17">跳蚤市场</a> | <a href="[!--news.url--]e/action/ListInfo?classid=22">同城生活</a> | <a href="[!--news.url--]e/action/ListInfo?classid=27">求职招聘</a> | </div>




2008-05-26 16:02:23 已设置保密 顶部 回复 引用 报告 编辑 删除

free921
用户头衔:举人

精华贴   :0
发贴数   :92
经验值   :857
注册时间:2007-12-28
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

明白啦  刚刚搞清楚




2008-05-26 16:08:55 已设置保密 顶部 回复 引用 报告 编辑 删除

Yapple
用户头衔:进士

精华贴   :0
发贴数   :829
经验值   :2477
注册时间:2007-11-28
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

原帖由 QwkxCom 于 2008-05-26 16:02:23 发表
OK懂了..

不过,[!--temp.dtheader--](动态页面头部)这里面的这些是什么理解?

是有2种方法调用吗?



[!--temp.dtheade...


动态页面头部的这些子栏目他是手动加上去的。
只能手动修改。

PS:只怪WC不让动态页面支持标签。




2008-05-27 08:45:28 已设置保密 顶部 回复 引用 报告 编辑 删除

loogo
用户头衔:书生

精华贴   :0
发贴数   :54
经验值   :196
注册时间:2008-05-26
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 8 楼]

原来是这样啊




2008-05-27 09:28:16 已设置保密 顶部 回复 引用 报告 编辑 删除

saleroad
用户头衔:举人

精华贴   :0
发贴数   :328
经验值   :1612
注册时间:2006-03-10
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

搞定了,多谢楼主。



润滑油资讯网-润滑油商情网-电动车商情网
2008-05-27 09:32:34 已设置保密 顶部 回复 引用 报告 编辑 删除

loogo
用户头衔:书生

精华贴   :0
发贴数   :54
经验值   :196
注册时间:2008-05-26
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 10 楼]

没看懂。我的栏目比较少。
我删掉了一个栏目。模板中设置 id顺序为  2  4   1  3 5  6 7

删掉了代码。
<div id="tabnav_div_8" style="display:none;">[showclasstemp]9,1,0,0[/showclasstemp]</div>

二级栏目没有了。网页有错误。。




2008-05-27 09:53:42 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/12     1 2 3 4 5 6 7 8 9 10 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1