免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回顶部
返回列表 发帖
0
 551    0

X3快捷导航基础附件图以及调用代码   [复制链接]

打印 上一主题 下一主题

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

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

x


X3快捷导航代码
1,编辑header.htm模版,找到
  1. <script type="text/javascript">
  2.                                         var currentMenu = $('mn_$mnid') ? $('mn_$mnid') : $('mn_$navmns[0]');
  3.                                         currentMenu.parentNode.className = 'current';
  4.                                 </script>
复制
2,在下边加
  1. <span  id="qmenu" onmouseover="this.className='dhshow'" onmouseout="this.className='dhhide'" class="dhhide" style="position: absolute;cursor: pointer";>快捷导航
  2. <div id="qmenu_menu" class="p_pop" style="left: 50%;margin-left: -497px;margin-top: 0px;" >
  3. <!--{if $discuz_uid}-->
  4. <ul class="cl nav" style="margin-left: 15px;min-height: 90px;"><li><a style='background-image: url("http://mc0713.66rt.com/attachments/day_180827/18082712593c0da23a0dfff5e6.png") !important;' href="my.php?item=threads">帖子</a></li>
  5. <li><a style='background-image: url("http://mc0713.66rt.com/attachments/day_180827/1808271258d4ea778513b0075c.png") !important;' href="my.php?item=buddylist">好友</a></li>
  6. <li><a style='background-image: url("http://mc0713.66rt.com/attachments/day_180827/1808271258881691aebe2c1b1a.png") !important;' href="magic.php">道具</a></li>
  7. <li><a style='background-image: url("http://mc0713.66rt.com/attachments/day_180827/1808271259458cc8a565db4155.png") !important;' href="my.php?item=favorites">收藏</a></li>
  8. <li><a style='background-image: url("http://mc0713.66rt.com/attachments/day_180827/1808271259686b52bb63e212cd.png") !important;' href="task.php">任务</a></li>
  9. <li><a style='background-image: url("http://mc0713.66rt.com/attachments/day_180827/18082712591dc09266fb07b7cc.png") !important;' href="forum-73-1.html">淘帖</a></li>
  10. <li><a style='background-image: url("http://mc0713.66rt.com/attachments/day_180827/1808271259cb86e447398ab0c9.png") !important;' href="plugin.php?id=dps_medalcenter">勋章</a></li>
  11. <li><a style='background-image: url("http://mc0713.66rt.com/attachments/day_180827/180827125811a71ed6fc1b43a2.png") !important;' href="plugin.php?id=dps_sign:sign">签到</a></li>
  12. </ul>
  13. <!--{else}-->
  14. <div class="ptm" style="font-weight: normal;color: #444;">
  15. 请 <a class="xi2" href="logging.php?action=login" onclick="showWindow('login', this.href);return false;"> 登录 </a> 后使用快捷导航<br>没有帐号?<a class="xi2 xw1" href="$regname" onclick="showWindow('register', this.href);return false;">立即注册</a>
  16. </div>
  17. <!--{/if}-->

  18. <div class="btda" id="fjump_menu">
  19. <div id="flsrchdiv">
  20. <div class="mbm">搜索版块: <input class="px vm" onkeyup="forumlistsearch(this.value)" type="text"></div>
  21. <ul class="jump_bdl cl">
  22. <li>
  23. <p class="bbda xg1">所有板块</p>
  24. <p class="xw1"><a href="http://mc0713.66rt.com/index.php?gid=1">魅力麻城</a></p>
  25. <p class="sub"><a href="http://mc0713.66rt.com/forum-2-1.html">话说麻城</a></p>
  26. <p class="sub"><a href="http://mc0713.66rt.com/forum-73-1.html">麻城问问</a></p>
  27. <p class="xw1"><a href="http://mc0713.66rt.com/index.php?gid=3">城市生活</a></p>
  28. <p class="sub"><a href="http://mc0713.66rt.com/forum-18-1.html">房产交流</a></p>
  29. <p class="sub"><a href="http://mc0713.66rt.com/forum-20-1.html">摄影写作</a></p>
  30. <p class="sub"><a href="http://mc0713.66rt.com/forum-75-1.html">音乐分享</a></p>
  31. <p class="sub"><a href="http://mc0713.66rt.com/forum-76-1.html">婚恋交友</a></p>
  32. <p class="xw1"><a href="http://mc0713.66rt.com/index.php?gid=69">人在他乡</a></p>
  33. <p class="sub"><a href="http://mc0713.66rt.com/forum-70-1.html">他乡的你</a></p>
  34. <p class="sub"><a href="http://mc0713.66rt.com/forum-71-1.html">校园生活</a></p>

  35. <li><p class="bbda xg1">最近浏览</p></li>
  36. <li><p class="bbda xg1">我的收藏</p>{subtemplate my_favorites}</li>

  37. </ul>
  38. </div>
  39. <script type="text/javascript">
  40. function forumlistsearch(srch) {
  41. srch = srch.toLowerCase();
  42. var p = $('flsrchdiv').getElementsByTagName('p');
  43. for(var i = 0;i < p.length;i++){
  44. p[i].style.display = p[i].innerText.toLowerCase().indexOf(srch) !== -1 ? '' : 'none';
  45. }
  46. }
  47. </script>
  48. </div>
  49. </div>
  50. </span>
复制
3、再把下边代码放到css_append模板最下边即可。
  1. #qmenu_menu li:hover {background:none!important;background-color: #F2F2F2!important;height: 75px !important;border-radius: 4px;}
  2. #qmenu_menu li {background:none!important;}
  3. #qmenu a {font-size: 12px;line-height: 24px!important;}
  4. #qmenu {z-index: 999;margin-top: 5px;left: 50%;margin-left: 370px;background: url("http://www.discuz.net/static/image/common/qmenu.png") no-repeat 0px 0px;width: 103px;height: 24px;text-align: center;
  5. color: rgb(51, 102, 153);line-height: 24px;font-weight: 700;}
  6. #qmenu:hover {z-index: 999;margin-top: 5px;left: 50%;margin-left: 370px;background: url("http://www.discuz.net/static/image/common/qmenu.png") no-repeat 0px -28px;width: 103px;height: 24px;text-align: center;
  7. color: rgb(51, 102, 153);line-height: 24px;font-weight: 700;}
  8. .p_pop, .p_pof, .sllt {background: rgb(254, 254, 254);padding: 4px;border:none!important;min-width: 60px;box-shadow: 1px 2px 2px rgba(0,0,0,0.3);}
  9. #qmenu_menu {border-color: rgb(220, 228, 235);padding: 20px 5px 10px;width: 590px;height: 80px;}
  10. .mbm {margin-top: 15px !important;}
  11. .p_pop a {padding: 3px 5px;border-bottom-color: rgb(229, 237, 242);border-bottom-width: 1px;border-bottom-style: solid;display: block;white-space: nowrap;}
  12. .p_pop li:last-child a {border: currentColor;border-image: none;}
  13. #qmenu_menu ul.nav li {float: left;}
  14. #qmenu_menu ul.nav a {background: url("http://www.discuz.net/static/image/common/noicon.gif") no-repeat 50% 5px;padding: 47px 0px 0px;border-radius: 4px;border: currentColor;border-image: none;width: 60px;text-align: center;margin-bottom: 10px;color:#666;}
  15. #qmenu.dhhide #qmenu_menu{display:none;}
  16. #qmenu.dhshow #qmenu_menu{display:block;}
  17. .ptm {padding-top: 10px !important;padding-bottom: 20px !important;text-align: center;}
  18. .ptm a{float: none!important;display: inline!important;padding: 0px 2px!important;}
  19. .xi2, .xi2 a, .xi3 a {color: rgb(51, 102, 153)!important;}
  20. .xw1 {font-weight: 700;}
  21. .btda {border-top-color: rgb(205, 205, 205);border-top-width: 1px;border-top-style: dashed;}
  22. #fjump_menu li:hover {background:none!important;background-color: #F2F2F2!important;height: 300px !important;border-radius: 4px;}
  23. #fjump_menu li {background:none!important;height:300px!important;}
  24. #fjump_menu {width: 590px;margin-left: -548px;position: absolute;left: 50%;background: #FEFEFE;padding: 7px 0px 10px 10px!important;box-shadow: 1px 2px 2px rgba(0,0,0,0.3);-ms-overflow-x: hidden!important;max-height: 600px!important;}
  25. .mbm {text-align: left;margin-bottom: 10px !important;}
  26. .cl {-ms-zoom: 1;}
  27. .jump_bdl {overflow: hidden!important;}
  28. .cl {-ms-zoom: 1;}
  29. .cl::after {height: 0px;clear: both;display: block;visibility: hidden;content: ".";}
  30. .cl::after {height: 0px;clear: both;display: block;visibility: hidden;content: ".";}
  31. ul li, .xl li {list-style: none;}
  32. .jump_bdl li {background: rgb(255, 255, 255)!important;padding: 5px!important;border: 1px solid rgb(204, 204, 204)!important;border-image: none!important;width: 178px!important;height: 300px!important;margin-right: 10px!important;float: left!important;-ms-overflow-x: hidden!important;-ms-overflow-y: auto!important;}
  33. .xg1, .xg1 a {color: rgb(153, 153, 153) !important;}
  34. .bbda {border-bottom-color: rgb(205, 205, 205);border-bottom-width: 1px;border-bottom-style: dashed;}
  35. .xw1 {font-weight: 700;}
  36. .jump_bdl p {height: 25px!important;line-height: 25px!important;overflow: hidden!important;}
  37. .jump_bdl .sub {text-indent: 1em!important;}
  38. .jump_bdl .child {text-indent: 2em!important;}
  39. .jump_bdl a {padding: 0px 4px!important;color: rgb(68, 68, 68)!important;text-decoration: none!important;display: block!important;position: static !important;}
  40. .vm {vertical-align: middle;}
  41. .px, .pt {padding: 2px 4px;line-height: 17px;}
  42. .px {height: 17px;}
复制
附件: 您需要登录才可以下载或查看附件。没有帐号?注册

Ta们最近看过这个帖子收起

叉先生
访问时间:2018-12-15 17:10

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

管理

返回列表 发帖