程序员人生 网站导航

帝国CMS5.0默认模板导航不能正确显示

栏目:DedeCMS时间:2013-10-05 20:10:49

网(LieHuo.Net)教程 帝国CMS5.0默认模板导航不能正确显示。

方法如下:

模板管理 - 公共模板变量 - 管理模板变量 - [!--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导航子栏目什么都不显示啊?

答: 栏目可以随意删除/修改,但必须保证
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;
}

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐