discuz n7 导航小工具

源码

1. <style>
   
2. .indexnews-tools{/*margin:10px auto;*/background:var(--comiis-bgf);padding:10px 20px;overflow:hidden;border-radius:var(--comiis-radius-b);border: 1px solid #9595952e;}
   
3. .indexnewss-tools li{width:30%;margin-right:5%;float:left;box-sizing:content-box}
   
4. .indexnewss-tools li img{float:left;width:32px;height:32px;margin-right:15px;margin-top: 10px;border-radius:10px}
   
5. .indexnewss-tools li div{float:left;width:calc(100% - 10px - 25px - 75pt - 25px)}
   
6. .indexnewss-tools li div h3,.indexnewss-tools li div span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
   
7. .indexnewss-tools li div h3{font-size:14px;/*color:#333;*/height:25px;line-height:30px;font-weight: normal;}
   
8. .indexnewss-tools li div span{font-size:12px;height:26px;line-height:26px;color:#a9a9a9}
   
9. .indexnewss-tools li div h3,.indexnewss-tools li div span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
   
10. .indexnewss-tools li .go{float:right;width:60pt;border-radius:20px;height:26px;line-height:26px;margin-top:12px;text-align:center;margin-left:10px;/*color:#FF7800;border:1px solid #FF7800;*/border: 1px solid var(--comiis-fd);transition:.1s all;font-size: 12px;}
    
11. .indexnewss-tools li:nth-child(3){margin-right:0;border-right:0;padding-right:0}
    
12. </style>
    
13. <div class="indexnews-tools">
    
14. <ul class="indexnewss-tools layui-clear">
    
15.             <li>
    
16.                 <img src="./index-diy/img/swhz.svg">
    
17.                 <div>
    
18.                     <h3>新帖推送</h3>
    
19.                     <span>加入钉钉群，新帖早知道</span>
    
20.                 </div>
    
21.                 <a class="go" href="https://www.hbd0.cn/thread-8888-1-1.html" target="_blank">加入群聊</a>
    
22.             </li>
    
23.             <li>
    
24.                 <img src="./index-diy/img/sjtj.svg">
    
25.                 <div>
    
26.                     <h3>随机推荐</h3>
    
27.                     <span>随机前往一篇帖子</span>
    
28.                 </div>
    
29.                 <a class="go" href="/suiji.php" target="_blank">随便看看</a>
    
30.             </li>
    
31.             <li>
    
32.                 <img src="./index-diy/img/qqq.svg">
    
33.                 <div>
    
34.                     <h3>官方Q群</h3>
    
35.                     <span>跟论坛的朋友一起吹吹牛</span>
    
36.                 </div>
    
37.                 <a class="go" href="////" target="_blank">加入Q群</a>
    
38.             </li>
    
39. </ul>
    
40. </div>

复制代码

小太阳很忙，小云朵想吃糖，长颈鹿嫌脖子不够长，喜欢你太难忘