柒比贰B2PRO主题美化_幻灯下方快捷导航栏

柒比贰,B2PRO,柒比贰主题美化,B2PRO主题美化,快捷导航栏

 

将下列代码粘贴到  B2主题设置->模块管理->首页   新建一个HTML的自定义模块中.   (设置仅桌面可见)

  1. <div class=\"banxin Mrxu-block\">
  2. <div class=\"Mrxu-circulation\">
  3. <ul>
  4. <li class=\"color1\">
  5. <div class=\"Mrxu-content\">
  6. <a class=\"Mrxu-top\" href=\"#\">
  7. <p class=\"Mrxu-name\">动漫</p>
  8. <p class=\"Mrxu-hint\">提供最新动漫</p>
  9. <i class=\"icon1\"></i>
  10. </a>
  11. <div class=\"Mrxu-link\">
  12. <a href=\"#\">热血</a>
  13. <a href=\"#\">卡通</a>
  14. <a href=\"#\">新番</a>
  15. <a href=\"#\">百合</a>
  16. <a href=\"#\">搞笑</a>
  17. <a href=\"#\">国产</a>
  18. </div>
  19. </div>
  20. </li>
  21. <li class=\"color2\">
  22. <div class=\"Mrxu-content\">
  23. <a class=\"Mrxu-top\" href=\"#\">
  24. <p class=\"Mrxu-name\">漫画</p>
  25. <p class=\"Mrxu-hint\">一笔一纸一世界</p>
  26. <i class=\"icon2\"></i>
  27. </a>
  28. <div class=\"Mrxu-link\">
  29. <a href=\"#\">恋爱</a>
  30. <a href=\"#\">玄幻</a>
  31. <a href=\"#\">恐怖</a>
  32. <a href=\"#\">剧情</a>
  33. <a href=\"#\">科幻</a>
  34. <a href=\"#\">悬疑</a>
  35. </div>
  36. </div>
  37. </li>
  38. <li class=\"color3\">
  39. <div class=\"Mrxu-content\">
  40. <a class=\"Mrxu-top\" href=\"#\">
  41. <p class=\"Mrxu-name\">游戏</p>
  42. <p class=\"Mrxu-hint\">一鼠一键一片天</p>
  43. <i class=\"icon3\"></i>
  44. </a>
  45. <div class=\"Mrxu-link\">
  46. <a href=\"#\">单机</a>
  47. <a href=\"#\">手机</a>
  48. <a href=\"#\">网络</a>
  49. <a href=\"#\">MMO</a>
  50. <a href=\"#\">桌游棋牌</a>
  51. <a href=\"#\">GMV</a>
  52. </div>
  53. </div>
  54. </li>
  55. <li class=\"color4\">
  56. <div class=\"Mrxu-content\">
  57. <a class=\"Mrxu-top\" href=\"#\">
  58. <p class=\"Mrxu-name\">番剧</p>
  59. <p class=\"Mrxu-hint\">最新番剧更新</p>
  60. <i class=\"icon4\"></i>
  61. </a>
  62. <div class=\"Mrxu-link\">
  63. <a href=\"#\">连载</a>
  64. <a href=\"#\">完结</a>
  65. <a href=\"#\">时间表</a>
  66. <a href=\"#\">索引</a>
  67. <a href=\"#\">里番</a>
  68. <a href=\"#\">同人</a>
  69. </div>
  70. </div>
  71. </li>
  72. <li class=\"color5\">
  73. <div class=\"Mrxu-content\">
  74. <a class=\"Mrxu-top\" href=\"#\">
  75. <p class=\"Mrxu-name\">COS</p>
  76. <p class=\"Mrxu-hint\">漂亮小姐姐</p>
  77. <i class=\"icon5\"></i>
  78. </a>
  79. <div class=\"Mrxu-link\">
  80. <a href=\"#\">动漫</a>
  81. <a href=\"#\">游戏</a>
  82. <a href=\"#\">明星</a>
  83. <a href=\"#\">影视剧人</a>
  84. <a href=\"#\">小说</a>
  85. <a href=\"#\">同人</a>
  86. </div>
  87. </div>
  88. </li>
  89. <li class=\"color6\">
  90. <div class=\"Mrxu-content\">
  91. <a class=\"Mrxu-top\" href=\"#\">
  92. <p class=\"Mrxu-name\">福利</p>
  93. <p class=\"Mrxu-hint\">性感大姐姐</p>
  94. <i class=\"icon6\"></i>
  95. </a>
  96. <div class=\"Mrxu-link\">
  97. <a href=\"#\">桜井宁宁</a>
  98. <a href=\"#\">五更百鬼</a>
  99. <a href=\"#\">弥音音</a>
  100. <a href=\"#\">小鸟酱</a>
  101. <a href=\"#\">抖娘-利世</a>
  102. <a href=\"#\">七月喵子</a>
  103. </div>
  104. </div>
  105. </li>
  106. </ul>
  107. </div>
  108. <ul class=\"Mrxu-classify\">
  109. <li>
  110. <a href=\"#\"><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-tupian\"></use></svg>照片</a>
  111. </li>
  112. <li>
  113. <a href=\"#\"><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-yingshi\"></use></svg>录像</a>
  114. </li>
  115. <li>
  116. <a href=\"#\"><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-dianpu\"></use></svg>商品</a>
  117. </li>
  118. <li>
  119. <a href=\"#\"><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-paizhao\"></use></svg>拍照</a>
  120. </li>
  121. <li>
  122. <a href=\"#\"><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-huodong\"></use></svg>活动</a>
  123. </li>
  124. <li>
  125. <a href=\"#\"><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-liwu\"></use></svg>礼物</a>
  126. </li>
  127. <li>
  128. <a href=\"#\"><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youhuiquan\"></use></svg>优惠券</a>
  129. </li>
  130. <li>
  131. <a href=\"#\"><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-kabao\"></use></svg>钱包</a>
  132. </li>
  133. <li>
  134. <a href=\"#\"><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-kehu\"></use></svg>客服</a>
  135. </li>
  136. <li>
  137. <a href=\"#\"><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-rili\"></use></svg>签到</a>
  138. </li>
  139. </ul>
  140. </div>

function文件内添加

  1. wp_enqueue_style( \'child-mrxuStyle\', B2_CHILD_URI.\'/css/mrxuStyle.css\' , array() , B2_VERSION, \'all\');
  2. wp_enqueue_script( \'b2-child_font\', B2_CHILD_URI.\'/js/font_2696731_fbdj49dums.js\', array(), B2_VERSION , false );

 

然后将下载文件,上传到子主题内。