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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] 分享红色经典二级导航代码

[复制链接]
seoxuetang 发表于 2012-9-14 23:25:26 | 显示全部楼层 |阅读模式
请先看效果图噢:


效果预览:www.jiaheren.com

代码如下:
  1. <div class="box pt5">
  2. <style type="text/css">.index_nav1{background-color:#fff;border: #acd2e9 1px solid;height: 60px;overflow:hidden;}.index_nav1 ul{padding-right: 12px;padding-left: 15px;background: url(http://www.jiaheren.com/static/image/index_nav1_line.gif) no-repeat left 50%;float: left;margin-top:8px;}.index_nav1 ul li{line-height: 22px;}.index_nav1 ul li a{color: #069;}.index_nav1 ul li strong a{color: #c00;}.index_nav1 ul li a:hover{color: #f60;}.index_nav2{color:#666;padding-left:8px;background:#fff url(http://www.jiaheren.com/static/image/index_nav2_bg.gif) repeat-x 0 0;line-height: 28px;height: 28px;border:solid 1px #e2e2e2;}.index_nav2 a{margin:0 4px;color:#4d4d4d;}.index_nav2 a:hover,.index_nav2 a font{color:#f60;}</style>
  3. <div class="index_nav1">  
  4.     <ul style="background-image:none">
  5.       <li><strong><a >论坛</a></strong>  <a >嘉禾新闻</a>  <a >话说嘉禾</a></li>
  6.       <li><strong><a >亲子</a></strong>  <a >早教幼教</a>  <a >亲子沟通</a></li>
  7.     </ul>
  8.     <ul>
  9.       <li><strong><a >交友</a></strong>  <a >男找女</a> <a >女找男</a>
  10.                 <a >自我秀</a></li>
  11.       <li><strong><a >美图</a></strong>  <a >美女</a>  <a >帅哥</a>
  12.                 <a >素材</a>
  13.                 <a >风景</a></li>
  14.     </ul>
  15.     <ul>
  16.       <li><strong><a >人才</a></strong>  <a >企业招聘</a>  <a >求职</a></li>
  17.       <li><strong><a >健康</a></strong>  <a >笑话</a>  <a >美食</a>  <a >祝福</a></li>
  18.     </ul>
  19.     <ul>
  20.       <li><strong><a >积分商城</a></strong>  <a >活动</a>  <a >规则</a></li>
  21.       <li><strong><a >博客家园</a></strong>  <a >相册</a>  <a >分享</a></li>
  22.     </ul>
  23.     <ul>
  24.       <li><strong>
  25.                 <a >音乐</a></strong>  <a >电视</a> <a >许愿</a>
  26.                 <a >
  27.                 PS</a></li>
  28.       <li><strong><a >群组</a></strong>  <a >一中</a>
  29.                 <a >恋爱技巧</a></li>
  30.     </ul>
  31.     <ul style="padding-right:0">
  32.       <li><strong><a >新闻</a></strong>  <a >娱乐新闻</a>  <a >国内新闻</a></li>
  33.       <li><strong><a >美食</a></strong>  <a >美食视频</a>  <a >美食菜谱</a></li>
  34.     </ul>
  35.     <div class="clear"></div>
  36.   </div>


复制代码
如果觉得不错 欢迎大家支持 顶贴噢 !第一次发帖呢 哈哈

本帖子中包含更多资源

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

x
 楼主| seoxuetang 发表于 2012-9-14 23:27:58 | 显示全部楼层
先自己占个沙发先 呵呵
回复

使用道具 举报

 楼主| seoxuetang 发表于 2012-9-14 23:32:00 | 显示全部楼层


之前的截图没弄好

本帖子中包含更多资源

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

x
回复

使用道具 举报

无效楼层,该帖已经被删除
才子裕 发表于 2013-3-17 14:43:21 | 显示全部楼层
很漂亮怎么修改呢
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-20 22:02 , Processed in 0.027336 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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