• 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题售前、售后问题请联系QQ:5916171

已解决 教您给xenforo增加顶部导航菜单并在新窗口中打开

UID
5
注册
2017/09/09
消息
40
反馈评分
38
黄金
6,906.0G
大神可以忽略过了。比如我们要在菜单里上多增加个选项,比如说是别处的链接或者什么的,我们增加到菜单里,这样进入网站的朋友就可以看到了。比较醒目。(这个方法特别简单,但是对于新手来说,可能找不到哈)

第一步 我们进入后台,找到 导航栏 公共导航那里 并打开 如图:
1512180038683.png

然后选择 添加导航,

1512180082545.png

在这上面填写你要增加的导航名称和链接,如果不知道咋添加,看我的实验图,大家就可以照猫画虎了
1512180342554.png
当然,唯一的遗憾,就是目前还没找到让导航栏的菜单的某个地址链接可以单独的在新窗口打开。遗憾呀,如果有啥更好的方法 建议在下方评论 给予指出哈
 

死了算了

管理成员
UID
1
注册
2017/07/28
消息
1,302
反馈评分
5,270
黄金
140,545.0G
如果需要在新窗口打开模板列表

1512191113098.png
在</body>之前插入js代码
[CHARGE=5]
1512191186852.png
JavaScript:
  <script type="text/javascript">
   function externalLinks() {
     if (!document.getElementsByTagName) return;
     var anchors = document.getElementsByTagName("a");
     for (var i=0; i<anchors.length; i++) {
        var anchor = anchors[i];
        if (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "CNXFans")
          anchor.target = "_blank";
         else (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "CNXFans")
         anchor.target = "_blank";
     }
   }
   window.onload = externalLinks;
</script>
[/CHARGE]
CNXFans 替换成你添加导航时输入的ID 一个导航选项卡加一个
代码:
 else (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "CNXFans")
         anchor.target = "_blank";
只加入一个的话把上边的这行代码去掉即可
 
最后编辑:
UID
184
注册
2018/09/28
消息
6
反馈评分
0
黄金
218.0G
    Windows 10 Chrome 69.0.3497.100
  • #3
在模板列表中找到:PAGE_CONTAINER

然后在模板中最后代码的前面添加此段代码!(前面也行推荐后面)

代码如下:

代码:
<script type="text/javascript">
   function externalLinks() {
     if (!document.getElementsByTagName) return;
     var anchors = document.getElementsByTagName("a");
     for (var i=0; i<anchors.length; i++) {
        var anchor = anchors;
        if (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "GTA Force")
          anchor.target = "_blank";
         else (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "GTA Force")
         anchor.target = "_blank";
     }
   }
   window.onload = externalLinks;
</script>

[添加新跳转导航ID]

代码:
代码:
  if (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "GTA Force")
          anchor.target = "_blank";
在上面的代码中把GTA Force 改成你的导航ID!例如我要改成这个ID:China_Purchase 然后就改成下列这样
        if (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "China_Purchase")
          anchor.target = "_blank";

代码:
代码:
else (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "CNXFans")
         anchor.target = "_blank";
只加入一个的话把上边的这行代码去掉即可


例如这样-我添加了两个导航ID一个是China_Purchase另一个是codeupgradepage:
代码:
  <script type="text/javascript">
   function externalLinks() {
     if (!document.getElementsByTagName) return;
     var anchors = document.getElementsByTagName("a");
     for (var i=0; i<anchors.length; i++) {
        var anchor = anchors;
        if (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "China_Purchase")
          anchor.target = "_blank";
        if (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "codeupgradepage")
          anchor.target = "_blank";

     }
   }
   window.onload = externalLinks;
</script>
 
由版主最后编辑:
UID
184
注册
2018/09/28
消息
6
反馈评分
0
黄金
218.0G
    Windows 10 Chrome 69.0.3497.100
  • #4
补充:

[论坛链接跳转新页办法]

如果要设置论坛链接跳转新页,首先你需要按Ctrl+Shift+C找到这个论坛链接这段代码
找到代码示例:
代码:
<a href="/link-forums/26/" data-xf-init="" data-shortcut="node-description" target="_blank">PayPal Buy Conqueror menu</a>
你需要把data-nav-id改成:data-shortcut,然后把GTA Force改成:node-description
然后得出代码:
代码:
   if (anchor.getAttribute("href") && anchor.getAttribute("data-shortcut") == "node-description")
          anchor.target = "_blank";
完整示例:
代码:
 <script type="text/javascript">
   function externalLinks() {
     if (!document.getElementsByTagName) return;
     var anchors = document.getElementsByTagName("a");
     for (var i=0; i<anchors.length; i++) {
        var anchor = anchors;
        if (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "China_Purchase")
          anchor.target = "_blank";
        if (anchor.getAttribute("href") && anchor.getAttribute("data-shortcut") == "node-description")
          anchor.target = "_blank";
     }
   }
   window.onload = externalLinks;
</script>


注意事项:
代码:
代码:
else (anchor.getAttribute("href") && anchor.getAttribute("data-nav-id") == "CNXFans")
         anchor.target = "_blank";
只加入一个的话把上边的这行代码去掉即可
 
由版主最后编辑:
顶部 底部