dz常用漂亮简单的二级导航代码 免费分享下载

dz常用漂亮简单的二级导航代码 免费分享下载

简单实用的系统默认二级导航，自己修改一下文本和链接就行了

效果展示：http://www.zidiu.com

将images图片文件夹上传至网站根目录

把下面的代码复制到“后台-运营-站点广告-二级导航”里就行了，记得勾选广告投放范围。

1. <style>
   
2. .nav_bd {width:958px; border-left:solid 1px #dfdfdf;border-right:solid 1px #dfdfdf;border-bottom:solid 1px
   
3. 
   
4. #dfdfdf;height:50px; padding-top:6px;overflow:hidden;background-color: #eef4f4;}
   
5. .navmena{padding-left:6px;}
   
6. .navmena li{display:inline;}
   
7. .navmena a {display:inline-block;padding:0 3px;text-decoration: none;font-size: 12px;}
   
8. .navmena a:hover {font-size:12px;text-decoration:underline;}
   
9. .navmena .current a{}       
   
10. </style>
    
11. <div class="nav_bd">
    
12. <table border="0" align="center" cellpadding="0" cellspacing="0" style="font-size:12px;color:#273894;">
    
13. <tbody>
    
14. <tr>
    
15. <td rowspan="2" align="left"><img src="images/menu_1.gif" width="44" height="44" border="0"></a></td>
    
16. <td class="navmena"><li><a href="http://www.zidiu.com/forum-2-1.html">最新活动</a></li>
    
17. <li><a href="http://www.zidiu.com/forum-43-1.html">活动召集</a></li></td>
    
18. <td width="52" rowspan="2" align="right"><img src="images/menu_3.gif" width="44" height="44" border="0"></a></td>
    
19. <td class="navmena"><li><a href="http://www.zidiu.com/forum-45-1.html">驴友报到</a></li>
    
20. <li><a href="http://www.zidiu.com/forum-44-1.html">灌水娱乐</a></li></td>
    
21. <td width="52" rowspan="2" align="right"><img src="images/menu_2.gif" width="44" height="44" border="0"></a></td>
    
22. <td class="navmena"><li><a href="http://www.zidiu.com/forum-48-1.html">户外摄影</a></li>
    
23. <li><a href="http://www.zidiu.com/forum-49-1.html">经验杂谈</a></li></td>
    
24. <td width="52" rowspan="2" align="right"><img src="images/menu_4.gif" width="44" height="44" border="0"></a></td>
    
25. <td class="navmena"><li><a href="http://www.zidiu.com/forum-51-1.html">自驾族</a></li>
    
26. <li><a href="http://www.zidiu.com/forum-52-1.html">骑行族</a></li>
    
27. <li><a href="http://www.zidiu.com/forum-53-1.html">徒步族</a></li>
    
28. <li><a href="http://www.zidiu.com/forum-55-1.html">休闲族</a></li></td>
    
29. <td width="52" rowspan="2" align="right"><img src="images/menu_5.gif" width="44" height="44" border="0"></a></td>
    
30. <td class="navmena"><li><a href="http://www.zidiu.com/forum-59-1.html">装备知识</a></li>
    
31. <li><a href="http://www.zidiu.com/forum-60-1.html">装备品牌</a></li>
    
32. </td>
    
33. </tr>
    
34. <tr>
    
35. <td valign="middle" class="navmena"><li><a href="http://www.zidiu.com/forum-42-1.html">往届活动</a></li>
    
36. <li><a href="http://www.zidiu.com/forum-70-1.html">户外新闻</a></li></td>
    
37. <td class="navmena"><li><a href="http://www.zidiu.com/forum-46-1.html">有问必答</a>
    
38. <li><a href="http://www.zidiu.com/forum-87-1.html">户外微博</a></li></td>
    
39. <td class="navmena"><li><a href="http://www.zidiu.com/forum-50-1.html">游记攻略</a></li>
    
40. <li><a href="http://www.zidiu.com/forum-71-1.html">景点推荐</a></li></td>
    
41. <td class="navmena"><li><a href="http://www.zidiu.com/forum-56-1.html">垂钓族</a></li>
    
42. <li><a href="http://www.zidiu.com/forum-57-1.html">涉水族</a></li>
    
43. <li><a href="http://www.zidiu.com/forum-58-1.html">山野族</a></li>
    
44. <li><a href="http://www.zidiu.com/forum-54-1.html">极限族</a></li>
    
45. <td class="navmena"><li><a href="http://www.zidiu.com/forum-61-1.html">装备交易</a></li>
    
46. <li><a href="http://shop.zidiu.com"><font color="red">户外商城</font></a></li></td>
    
47. </tr>
    
48. </tbody>
    
49. </table>
    
50. </div>

复制代码

用到的图片下载：

images.zip (13.1 KB, 下载次数: 892)

2019-2-11 10:22 上传

点击文件名下载附件
dz常用漂亮简单的二级导航代码 免费分享下载

技术学习教程网，支持一下。