网(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; } |