New!【PC之家】已正式运行varurodz=n" />
Discuz!模板
Discuz! X2
适用版本:
语言编码: GBK简体
风格转换者: 原创
先上图:
安装方法:后台—运营—站点广告—全局页头二级导航栏广告
二级导航.rar
#ere {text-align: left;}
background="https://www.wendangku.net/doc/515680958.html,/static/image/fg_hefei_first/top_02.jpg" width="771">
|
#dzf{background: none repeat scroll 0 0 #F9F9F9;border-color:#CDCDCD;border-style:solid;border-width:0 1px 1px;line-height:160%;margin-bottom:-10px;padding:15px 0;text-align: left;}
#dzf
p{width:317px;text-indent:70px;background:url(https://www.wendangku.net/doc/515680958.html,/static/image/fg_hefei_first/ 1.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}
#dzf .dm { text-indent: 0; }
#dzf .dmp { background:url("https://www.wendangku.net/doc/515680958.html,/static/image/fg_hefei_first/1.png") no-repeat 10px 2px; text-indent:70px; width:317px; }
src="https://www.wendangku.net/doc/515680958.html,/static/image/fg_hefei_first/08102214435667558d74e34a55.gif" >
| 软件·教程·技巧
机|
src="https://www.wendangku.net/doc/515680958.html,/static/image/fg_hefei_first/08102214435667558d74e34a55.gif" >
装机推荐|
| 显卡·主板
| 显示器·外设
一、首先我们进入到店铺的装修页面,将鼠标放在导航上面会出现“编辑”字样,单击,如图 选择“显示设置”选项卡 1.修改导航分类下面的背景色,代码如下: .skin-box-bd .link{background:#000000;}
效果如下 -------------------------------- 默认是黑色的,如果你要别的颜色,只要修改#000000就可以了,颜色对照表地址 https://www.wendangku.net/doc/515680958.html,/other/rgb.htm
-------------------------------------------------------------------------- 如果你想要更加个性,而不想只要简单的纯色块的话,可以自己做图片,然后连接上去,代码如下: .skin-box-bd .link{background:url(图片链接);} 效果如下
-------------------------------- 将“图片连接”换成你的图片的连接就可以了,一般都是自己做好然后上传到淘宝图片空间,然后链接就可以了! 在图片空间点击对应图片下方的“链接”按钮可以直接复制图片链接,替换到代码里就可以了! 2.修改整个导航的背景色【其实只修改了有分类之外的部分(前面我们已经修改好了分类背景),还有最右边那部分没改到,后面会有修改那里的代码,一步步跟着来就没错了!】代码如下: .skin-box-bd .menu-list{background:#000000;} 效果如下 -------------------------------- 修改颜色的方法同上 -------------------------------------------------------------------------- 修改成图片的代码如下:
CSS实现导航条Tab切换的三种方法 前面的话 导航条Tab在页面中非常常见,本文说详细介绍CSS实现导航条Tab的三种方法 布局 buju 根据上图所示,先规定几个定义,上图的模块整体叫做导航,由导航标题和导航内容组成。要实现上图所示的布局效果,有两种布局方法:语义布局和视觉布局【语义布局】 从语义布局的角度来看,每一个导航标题和其对应的导航内容应该是一个整体