Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 【免费X2/3美化系列】精品二级导航美化,防自化龙巷论坛

  [复制链接]
popuppp 发表于 2012-3-5 21:48:54 | 显示全部楼层 |阅读模式
本帖最后由 popuppp 于 2014-6-30 20:45 编辑

网址演示:驻马店论坛 http://bbs.zmd5.com/
图片演示:
修改方法:风格目录中的 header.htm  common.css
打开  /template/default/common/header.htm
搜索:<div id="wp" class="wp">在这个代码下面加入:
  1. <DIV class="bb365_newsubnav cl">
  2. <DIV class=category>
  3. <DIV class=category_left>
  4. <P>互 动</P></DIV>
  5. <UL class=width100>
  6. <LI class=h_icon><A href="forum-2-1.html">民生</A><IMG
  7. class=new_icon src="static/image/common/hot.gif">
  8. </LI>
  9. <LI><A href="forum-37-1.html">灌水</A> </LI>
  10. <LI><A href="forum-38-1.html">爱心</A> </LI>
  11. <LI><A href="forum-66-1.html">交友</A> </LI></UL></DIV>
  12. <DIV class=category>
  13. <DIV class=category_left>
  14. <P>生 活</P></DIV>
  15. <UL class=width150>
  16. <LI><A href="forum-42-1.html">房产聚焦</A> </LI>
  17. <LI><A href="forum-58-1.html">美食</A> </LI>
  18. <LI><A href="forum-46-1.html">汽车</A> </LI>
  19. <LI><A href="forum-43-1.html">家居建材</A> </LI>
  20. <LI><A href="forum-44-1.html">婚嫁</A> </LI>
  21. <LI><A href="forum-45-1.html">亲子</A> </LI></UL></DIV>
  22. <DIV class=category>
  23. <DIV class=category_left>
  24. <P>爱 好</P></DIV>
  25. <UL class=width130>
  26. <LI><A href="forum-55-1.html">数码潮流</A> </LI>
  27. <LI><A href="forum-56-1.html">摄影</A> </LI>
  28. <LI><A href="forum-57-1.html">宠物天地 </A> </LI>
  29. <LI class=h_icon><A href="forum-59-1.html">运动</A><IMG
  30. class=new_icon src="static/image/common/new.gif">
  31. </LI></UL></DIV>
  32. <DIV class=category>
  33. <DIV class=category_left>
  34. <P>互 助</P></DIV>
  35. <UL class=width120>
  36. <LI class=h_icon><A href="forum-48-1.html">健康</A><IMG class=new_icon
  37. src="static/image/common/new.gif"> </LI>
  38. <LI><A href="forum-49-1.html">投资理财 </A> </LI>
  39. <LI><A href="forum-51-1.html">电脑</A> </LI>
  40. <LI><A href="forum-50-1.html">法在身边</A> </LI></UL></DIV>
  41. <DIV class=category>
  42. <DIV class=category_left>
  43. <P>信息</P></DIV>
  44. <UL class="width140 mr0">
  45. <LI><A href="forum-64-1.html">淘宝推广</A> </LI>
  46. <LI><A href="forum-40-1.html">招聘求职</A> </LI>
  47. <LI><A href="forum-65-1.html">我要团购</A> </LI>
  48. <LI><A href="forum-39-1.html">物尽其用</A>
  49. </LI></UL></DIV></DIV>
复制代码
打开/template/default/common/common.css

搜索
  1. .ie_all .imgzoom_exif, .imgzoom_exif_hover { background: #000; }
  2. .ie6 .imgzoom_exif { bottom: 39px; }
复制代码
既在最下方添加
  1. .bb365_newsubnav {
  2.         FONT-SIZE: 14px; PADDING-top: 5px; MARGIN: 0px auto; WIDTH: 960px
  3. }
  4. .category P {
  5.         FONT-WEIGHT: lighter; FONT-SIZE: 16px; MARGIN: 0px 0px 0px 12px; WIDTH: 16px; COLOR: #0058b0; FONT-FAMILY: "黑体"; POSITION: relative; TOP: 2px
  6. }
  7. .category_left {
  8.         BACKGROUND: url(static/image/common/bg_11.gif) no-repeat; FLOAT: left; WIDTH: 45px; HEIGHT: 52px
  9. }
  10. .category UL.mr0 {
  11.         MARGIN-RIGHT: 0px
  12. }
  13. .category UL {
  14.         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(static/image/common/bg_12.gif) no-repeat right 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-RIGHT: 18px; PADDING-TOP: 3px; HEIGHT: 49px
  15. }
  16. .category UL.width100 {
  17.         WIDTH: 100px
  18. }
  19. .category UL.width120 {
  20.         WIDTH: 120px
  21. }
  22. .category UL.width140 {
  23.         WIDTH: 149px
  24. }
  25. .category UL.width130 {
  26.         WIDTH: 128px
  27. }
  28. .category UL.width150 {
  29.         WIDTH: 166px
  30. }
  31. .category UL LI {
  32.         PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 7px; FONT-SIZE: 14px; FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px
  33. }
  34. .category UL LI A {
  35.         COLOR: #666; TEXT-DECORATION: none
  36. }
  37. .category UL LI A:hover {
  38.         COLOR: #005eac; TEXT-DECORATION: none
  39. }
  40. .category UL LI.h_icon {
  41.         POSITION: relative
  42. }
  43. .category UL LI.h_icon A {
  44.         COLOR: #ff3300
  45. }
  46. .category UL LI IMG.new_icon {
  47.         POSITION: absolute; TOP: 4px
  48. }
  49. .category UL LI.reds A {
  50.         COLOR: #ff3300
  51. }
复制代码
游客,如果您要查看本帖隐藏内容请回复
最后将附件中的图片上传至 static/image/common/ 中完成

本帖子中包含更多资源

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

x

评分

1

查看全部评分

64243354 发表于 2012-3-5 21:50:28 | 显示全部楼层
來來來 我抢sf!! 给我发橫排美化

评分

1

查看全部评分

回复

使用道具 举报

sd5209101 发表于 2012-3-5 22:19:09 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

12655611 发表于 2012-3-5 22:23:24 | 显示全部楼层
这个风格好!等升级了就用、先留个记号!
回复

使用道具 举报

沈阳晚风 发表于 2012-3-5 22:37:16 | 显示全部楼层
回复

使用道具 举报

liqu12511 发表于 2012-3-5 23:40:11 | 显示全部楼层
楼主 可以发下 化龙巷的顶部导航吗

本帖子中包含更多资源

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

x
回复

使用道具 举报

 发表于 2012-3-6 00:29:00
转播微博[tthread=ruihuawang, 瑞华网]http://app.qlogo.cn/mbloghead/cb5a7253b99dc25e98f2[/tthread]
回复

使用道具

秦龙 发表于 2012-3-6 00:48:33 | 显示全部楼层
回复

使用道具 举报

tomweb 发表于 2012-3-6 00:58:10 | 显示全部楼层
谢谢楼主
回复

使用道具 举报

sunny_ko 发表于 2012-3-6 01:06:57 | 显示全部楼层
这个要支持~~~~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-25 12:26 , Processed in 0.044992 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表