设为首页
收藏本站
开启辅助访问
切换到宽版
登录
立即注册
快捷导航
发布信息
搜索
搜索
网站首页
自丢网
社区论坛
自丢网论坛
附件中心
源码下载
邀请码
丢币充值
本版
帖子
自丢网
»
社区论坛
›
综合教程资源
›
电脑网络
›
免费分享几个经典漂亮的discuz美化二级导航代码 ...
返回列表
发新帖
免费分享几个经典漂亮的discuz美化二级导航代码
[复制链接]
9060
|
1
|
2018-9-26 20:53
|
显示全部楼层
|
阅读模式
分享几个经典漂亮的discuz美化二级导航代码
1、discuz官网二级导航广告美化代码样式
<div id="dzf" class="cl" style="text-align:left;">
<style type="text/css">
.pg_index #pt .y { height: 28px; overflow: hidden; }
.mlt li .cl { height: 18px; overflow: hidden; }
.mlt li .c { height: auto!important; }
#pp {zoom:1;}
#dzf{margin-bottom: -1px;padding:10px 0;border: solid #CDCDCD;border-width: 0 0 1px;background: #F5F7F9;line-height:160%}
#dzf p{width:33%;text-indent:70px;background:url(http://att.discuz.net/data/attachment/album/201005/14/0953351hcnq10n6w4zqnwh.png) no-repeat 10px 2px}
.dzfbl{border-left:1px solid #FFF}
.dzfbr{border-right:1px solid #DDD}
#dzf em{display:block;color:#D3DFDF}
#dzf .xg2{color:#666}
#dzf em a{color:#369}
#scbar td { padding: 0 !important; }
</style>
<p class="z dzfbr" style="background: url(http://www.zidiu.com/piclink/win_x48x55.png) no-repeat 15px 6px;">
<a href="http://www.zidiu.com/forum-66-1.html" class="xw1" target="_blank">电脑教程</a>
<em class="xg2">最通俗的语言、最简单的方法!</em>
<em><a href="http://www.zidiu.com/thread-210-1-1.html" target="_blank">win7系统安装</a> | <a href="http://www.zidiu.com/thread-15-1-1.html" target="_blank">如何用U盘装win7系统</a></em>
</p>
<p class="z dzfbr dzfbl" style="background: url(http://www.zidiu.com/piclink/win8_x48x55.png) no-repeat 15px 6px">
<a href="http://www.zidiu.com/forum-55-1.html" target="_blank" class="xw1">软件|系统下载</a>
<em class="xg2">最新win7系统下载、纯净版系统下载</em>
<em><a href="http://www.zidiu.com/forum-55-1.html" target="_blank">软件/工具</a> | <a href="http://www.zidiu.com/forum-53-1.html" target="_blank"><b>壁纸|主题下载</b></a> | <a href="http://www.zidiu.com/thread-70-1-1.html" target="_blank">系统优化</a></em>
</p>
<p class="z dzfbl" style="text-indent:15px;background: none"">
<em><a href="http://www.zidiu.com/thread-785-1-1.html" target="_blank">【发帖须知】新手必看!</a> | <a href="http://www.zidiu.com/forum-52-1.html" style="color:red;" target="_blank">电脑问题求助</a>
<em><a href="http://www.zidiu.com/thread-180-1-1.html"style="color:red; "target="_blank"> ☆教你快速挣酷币,从此不用再灌水☆</a> - <a href="http://www.zidiu.com/thread-202-1-1.html" target="_blank">>>诚招版主<<</a></em>
<em><a href="http://www.zidiu.com/thread-216-1-1.html" target="_blank">✈官方QQ群</a></em>
</p>
</div>
复制代码
2、19楼模版二级导航美化代码
<style type="text/css">
#nav{ width:958px; height:66px; margin:0 auto; padding:0;}
.nav_floor{ width:956px; height:66px; margin:0 auto; padding:0;}
#nav .nav_floor{ margin-bottom:-8px; padding:5px 0px 6px 0px; font-size:14px; border:1px solid #e8e8e8; border-top:none; background-position:0 -256px; overflow:hidden;}
.nav_box { padding:0 0px 0 3px; overflow:hidden;}
.nav_box li { float:left; padding:0 2px 0 2px; margin-right:0px; width:115px; height:21px;line-height:21px; background-position:right 0px; list-style:none;}
.nav_box li a { display:block; padding-left:0px; width:115px; height:21px; background-position:7px 0px; overflow:hidden; color:#333333; text-decoration:none;}
.nav_box li a span { font-family:Verdana,Arial; font-size:12px; font-weight:700;}
#nav .nav_box li a:hover{ background-color:#cc0000; color:#fff; background-position:7px -86px; text-decoration:none;}
</style>
<DIV id=nav>
<DIV class=nav_floor>
<UL class=nav_box>
<li><a href=" " title="新生报到"><span>01#:</span>新生报到</a></li>
<li><a href=" " title="科大答疑"><span>02#:</span>科大答疑</a></li>
<li><a href=" " title="科大咨询"><span>03#:</span>科大咨询</a></li>
<li><a href=" " title="聊天灌水"><span>04#:</span>聊天灌水</a></li>
<li><a href=" " title="情感故事"><span>05#:</span>情感故事</a></li>
<li><a href=" " title="科大交友"><span>06#:</span>科大交友</a></li>
<li><a href=" " title="励志成才"><span>07#:</span>励志成才</a></li>
<li><a href=" " title="试卷资料"><span>08#:</span>试卷资料</a></li>
<li><a href=" " title="科大考研"><span>09#:</span>科大考研</a></li>
<li><a href=" " title="爱好文学"><span>10#:</span>爱好文学</a></li>
<li><a href=" " title="英语一角"><span>11#:</span>英语一角</a></li>
<li><a href=" " title="培训考证"><span>12#:</span>培训考证</a></li>
<li><a href=" " title="科大祝福"><span>13#:</span>科大祝福</a></li>
<li><a href=" " title="宿舍天地"><span>14#:</span>宿舍天地</a></li>
<li><a href=" " title="时尚生活"><span>15#:</span>时尚生活</a></li>
<li><a href=" " title="游戏动漫"><span>16#:</span>游戏动漫</a></li>
<li><a href=" " title="影音视听"><span>17#:</span>影音视听</a></li>
<li><a href=" " title="体育天下"><span>18#:</span>体育天下</a></li>
<li><a href=" " title="电脑数码"><span>19#:</span>电脑数码</a></li>
<li><a href=" " title="我爱摄影"><span>20#:</span>我爱摄影</a></li>
<li><a href=" " title="就业指导"><span>21#:</span>就业指导</a></li>
<li><a href=" " title="求职招聘"><span>22#:</span>求职招聘</a></li>
<li><a href=" " title="家教中心"><span>23#:</span>家教中心</a></li>
<li><a href=" " title="二手交易"><span>24#:</span>二手交易</a></li>
</UL>
</DIV>
</DIV>
复制代码
3、绿色模版二级导航美化代码
<style>
.archy_twoad { width:958px; border:1px solid #dfdfdf; border-top-width:0; height:50px; padding-top:6px; overflow:hidden; }
.archy_twoadc { padding-left:5px; }
.archy_twoadc li { display:inline; }
.archy_twoadc a { display:inline-block; padding:0 5px; text-decoration: none; font-size: 12px;}
.ie_all .archy_twoadc a { padding:0 4px; }
.archy_twoadc a:hover { font-size:12px; text-decoration:underline; }
</style>
<div class="archy_twoad">
<table cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td align="left" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/ */menu_news.gif"></a></td>
<td class="archy_twoadc">
<li><a href="#">综合</a></li>
<li><a href="#">专题</a></li>
<li><a href="#">推荐</a></li>
<li><a href="#">经典线路</a></li>
</td>
<td width="52" align="right" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/ */menu_zhuangbei.gif"></a></td>
<td class="archy_twoadc">
<li><a href="#">户外品牌</a></li>
<li><a href="#">装备评测</a></li>
<li><a href=" /">站长论坛</a></li>
</td>
<td width="52" align="right" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/ */menu_bbs.gif"></a></td>
<td class="archy_twoadc">
<li><a href="#">滑雪</a></li>
<li><a href="#">自驾游</a></li>
<li><a href=" /">网站建设</a></li>
<li><a href="#">健身</a></li>
<li><a href="#">跑步</a></li></td>
<td width="52" align="right" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/ */menu_huodong.gif"></a></td>
<td class="archy_twoadc">
<li><a href="#">郊游</a></li>
<li><a href="#">行业</a></li>
<li><a href="#">结伴同行</a></li>
<li><a href="#"><font color="red">趣味</font></a></li></td>
</tr>
<tr>
<td valign="middle" class="archy_twoadc">
<li><a href="#">城市</a></li>
<li><a href="#">旅游</a></li>
<li><a href="#">资料</a></li>
<li><a href=" /forum-45-1.html">Discuz教程</a></li>
</td>
<td class="archy_twoadc">
<li><a href="#">装备知识</a></li>
<li><a href="#">户外资料</a></li>
<li><a href=" /forum-44-1.html">Discuz模板</a></li>
</td>
<td class="archy_twoadc">
<li><a href="#">登山</a></li>
<li><a href="#">自行车</a></li>
<li><a href="#"><font color="red">猫途微博</font></a></li>
<li><a href="#">贴图</a></li>
<li><a href="#">灌水</a></li>
</td>
<td class="archy_twoadc">
<li><a href="#">聚会</a></li>
<li><a href="#">热门</a></li>
<li><a href="#">旅游常识</a></li>
<li><a href="#">拓展</a></li>
</td>
</tr>
</table>
</div>
复制代码
备注:如果您看完还不明白,可以跟帖或者联系官方技术
(
QQ:515138
)
有偿服务
直接给您处理好
!
本教程由【
自丢网
www.zidiu.com
】
荣誉
出品
!转载请标注出处!
dz教程
,
二级导航代码
,
导航广告代码
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有账号?
立即注册
×
相关帖子
•
dz!X主题分类信息列表封面图片缩略图尺寸修改120x120px修改教程
•
dz!x3.4删除版块名称后的主题数字
•
Discuz! Q 官方文档
•
dz游客跟用户/管理员关键词和描述显示不一样处理方法教程
•
discuzQ新手小白安装教程
•
dz!X3.2/3.3/3.4论坛系列主题附件自定义添加编辑大小插件功能
•
dzx3.4无法更换修改我的头像并且uc_server无法访问空白解决方法
•
discuz附件最大为4G,如何扩大容量呢?
•
dzX3.4手机新触屏版无法访问,接口错误ERR04解决方法
•
discuz!x模板里遍历数组 打印数组方法
•
Discuz手机版获取论坛里回复帖子内容代码教程
•
基于 Docker 容器安装Discuz Q
•
discuz重置密码MD5
•
突破discuz!x默认附件大小数据库表int修改教程
•
dz系统提醒信息删除方法教程
•
discuz!x系列门户文章功能增加关键词自定义keywords字段
•
dzx!3.4/3.5复制链接实现伪静态操作discuz教程
•
discuz!x3.4/3.2修改手机端触屏版本主题上传附件自动被压缩图片大小的问题
•
discuz版本号输出代码
•
Discuz!X数据库操作方法教程
回复
举报
hongjichao
|
2019-8-20 01:21
|
显示全部楼层
技术学习教程网,支持一下。
回复
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
码农
UID
33
贡献
0
丢币
52
主题
47
回帖
5
注册时间
2018-9-26
最后登录
2019-12-6
加好友
发消息
回复楼主
返回列表
PS教程
教育资源
技能资源
手机资源
电脑网络
Office教程
常用软件
游戏资源
职场培训
演讲口才
软件教程
综合教程
图文推荐
html+js实现本站已运行运营多少天代码
2024-2-8 09:19
2024年最新ThinkPHP8.x 讲义代码SQL,实战部分结合四种前端教程
2024-1-23 09:25
小学生必背古诗75首-标注-翻译-A4可打印word版本下载
2024-1-23 09:18
长截图 截动图gif制作 贴图软件免费下载
2024-1-22 10:45
D盾_防火墙 版本: v2.1.8.1最新绿色免安装版本扫木马病毒
2024-1-22 08:27
热门排行
1
修罗轻论坛程序Xiuno免费开源+收费插件模板风格大全 价值1200元 百度云网盘下载
2
仿看雪论坛模板风格 for 修罗模板 支持4.0以上版本
3
【专业商业版】积分插件 v1.25 for xiuno修罗插件
4
修罗程序添加水印插件 for xiuno插件 支持4.0以上版本
5
邀请注册、用户消费购买邀请码 for 修罗插件 支持xiuno4.0以上版本
6
分类/标签(TAG) - 增强版 v2.5 for xiuno插件 支持4.0以上版本
7
tStore积分商城插件 v1.03 for 修罗插件 xiuno4.0以上版本
8
UMEditor 百度编辑器 v2.6 for 修罗插件xiuno 支持4.0以上版本