搜虎精品社区
标题: shopnc系统高仿天猫上半部分代码 [打印本页]
作者: 阡陌尘 时间: 2013-6-15 12:53
标题: shopnc系统高仿天猫上半部分代码
模板说明:
需要仿天猫左边导航的的颜色
在index_layout.css里的以下样式表,改变背景、边框颜色就可以了,本人就不详细说了,自己琢磨- #all-category {
- width:210px;
- position: relative;
- z-index:999;
- background-color: #FFFFFF;
- top: -47px;
- }
- #all-category h2.title a {
- line-height: 1000px;
- background: #FFF5E1 url(../images/title.gif) no-repeat 12px 9px;
- display:block;
- width: 208px;
- height: 45px;
- *height:43px; margin:0;
- position: absolute;
- overflow: hidden;
- top: 0px;
- left: 0px;
- border-top-width: 1px;
- border-right-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-top-style: solid;
- border-right-style: solid;
- border-bottom-style: none;
- border-left-style: solid;
- border-top-color: #999999;
- border-right-color: #999999;
- border-bottom-color: #999999;
- border-left-color: #999999;
- }
- #all-category .category {
- background-color: #FFF5E1;
- width: 208px;
- position: absolute;
- overflow:visible;
- top: 45px;
- *top: 43px; left: 0px;
- z-index: 11;
- border-top-width: 1px;
- border-right-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-top-style: none;
- border-right-style: solid;
- border-bottom-style: solid;
- border-left-style: solid;
- border-top-color: #999999;
- border-right-color: #999999;
- border-bottom-color: #999999;
- border-left-color: #999999;
- }
- .category ul {
- overflow: visible;
- *overflow: hidden;
- }
- .category li { position: relative; z-index: 1; margin:0; padding: 0;}
- .category li { margin:0; padding: 0;}
- .category li h3 { line-height:40px; *line-height: 38px; background: url(../images/categorybg.gif) no-repeat 50% 0; height:40px; *height: 38px; padding: 0 7px;}
- .category li h3 b { line-height: 1000px; background: url(../images/categorybg.gif) no-repeat 0px -193px; width: 15px; height: 29px; position: absolute; z-index: 1; overflow: hidden; top: 0px; left: 175px; }
- .category li h3 a { font-size: 14px; font-weight: normal; text-decoration:none; background: url(../images/categorybg.gif) no-repeat 24px -119px; text-align: left; text-indent: 36px; display: block; width: 171px; padding: 1px 0; *padding: 4px 0 0 0; position: absolute; z-index: 2; top: -1px; left: 0;}
- #category .a {z-index:2;}
- #category .a h3 { background: #FFF; }
- .category .a h3 b {}
- .category .a h3 a {
- color: #C00;
- background: #FFF url(../images/categorybg.gif) repeat-x 0px -70px;
- border-right-width: 0;
- top: -2px;
- left:-1px;
- z-index: 100;
- border-top-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-top-style: solid;
- border-right-style: solid;
- border-bottom-style: solid;
- border-left-style: solid;
- border-top-color: #999999;
- border-right-color: #999999;
- border-bottom-color: #999999;
- border-left-color: #999999;
- }
- .category .open { line-height:10px; text-indent: -9999px; background:url(../images/more_cat.gif) no-repeat 50% 0; width: 140px; height: 10px; display: block; margin: 5px auto; overflow: hidden; outline:none; }
- .category .close { background:url(../images/more_cat.gif) no-repeat 50% -10px; }
- .cat-menu { background: #fff; display: none; width: 590px; padding: 8px; border: 1px solid #999999; position: absolute; z-index: 99; overflow: hidden; top: -8px; left: 170px;}
- .cat-menu dl {
- display: block;
- width: 580px;
- float: left;
- clear: left;
- padding: 8px;
- margin: 0;
- border-top-width: 1px;
- border-right-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-top-style: solid;
- border-right-style: solid;
- border-bottom-style: dotted;
- border-left-style: solid;
- border-top-color: #FFF;
- border-right-color: #FFF;
- border-bottom-color: #CCCCCC;
- border-left-color: #FFFFFF;
- }
- .cat-menu dl.c1 {background-color: #FFF; border-color: #FFF #FFF #EFEFEF #FFF;}
- .cat-menu dl.c2 { background-color: #F5F5F5; border-color: #EFEFEF; }
- .cat-menu dt {
- font-weight: bold;
- line-height: 20px;
- display: block;
- width: 80px;
- height: 20px;
- float: left;
- padding: 2px 0;
- overflow: hidden;
- }
- .cat-menu dd {
- display: block;
- width: 500px;
- float: left;
- padding: 0;
- margin-top: 0;
- margin-right: 0;
- margin-bottom: 0;
- margin-left: 5;
- text-indent: 5px;
- border-left-width: 1px;
- border-left-style: dotted;
- border-left-color: #CCCCCC;
- }
- .cat-menu dd a {
- font-size: 12px;
- line-height: 20px;
- display: block;
- width: 80px;
- height: 20px;
- float: left;
- overflow: hidden;
- margin-top: 0;
- margin-right: 0;
- margin-bottom: 0;
- margin-left: 0;
- padding-top: 1px;
- padding-right: 0;
- padding-bottom: 1px;
- padding-left: 0;
- }
- /* 左边样式*/
- .mall-cat{
- display: block;
- height: 108px;
- width: 999px;
- margin-right: auto;
- margin-left: auto;
- }
作者: 阡陌尘 时间: 2013-6-15 12:54
饿不饿合同号
作者: xiongli19 时间: 2013-6-15 17:17
盗用我的!http://www.souho.net/viewthread. ... mp;highlight=shopnc
作者: csbllj55 时间: 2013-6-15 21:14
代码不太新啊。
作者: yilan518 时间: 2013-6-16 21:38
这个不错,谢谢分享!洛阳无抵押贷 款
作者: z770997563 时间: 2013-6-19 21:44
什么情况啊!!
作者: sjq19790 时间: 2013-6-23 10:27
看不懂
作者: 启越 时间: 2013-6-23 21:49
这是非常不错的,支持一下了。
作者: 乖乖鼠 时间: 2013-6-28 16:48
什么意思,没看懂!
作者: z770997563 时间: 2013-6-29 09:41
什么意思,没看懂!
作者: jin 时间: 2013-7-3 00:07
学习了,谢谢发帖!
作者: kfinsyyg 时间: 2013-7-4 09:51
每天回复一帖!!你好我号他也好!! www.ytyuyingli.com 关键词:预应力锚具
作者: dingwenhua 时间: 2013-7-7 22:33
呵呵,说实话我也不知道是啥
作者: cx152632 时间: 2013-7-10 10:06
一、学院简介
南昌理工学院是经国家教育部批准设置的一所全日制普通**院校,属于国家普通二类**,学院位于英雄城南昌,共有三个校区(南昌、共青、樟树),五个校园。共青校区位于共青城火车站对面,占地2300多亩,校园环境优美,教育**完善配套。 ]
学院各类图书资料251.3万余册,各种教育资产总计达16个多亿;教职工1800人,具有高级职称的教师800余人,有9名享受国务院特殊津贴,院级**中有两位省政协**,三位原省重点大学校长、书记,三位年青的博士。学
作者: wzpanda32114 时间: 2013-7-10 19:04
帖子条理不够清晰。
作者: fbjlwwt 时间: 2013-7-21 12:53
路过顶一下。

作者: 木图 时间: 2013-7-21 13:08
CSS 代码拿来干嘛哦
作者: exert 时间: 2013-7-25 19:59
需要有一点php基础
作者: exert 时间: 2013-7-26 23:20
这是非常不错的,支持一下了。
作者: exert 时间: 2013-7-26 23:21
什么意思,没看懂!
作者: ioirvir 时间: 2013-7-28 23:56
楼主威武

作者: krgh5nWa 时间: 2013-7-30 13:53
“一次改变命运的机会”北京企业家学习交流会将于2013年8月24-26号在北京市举行,此次活动由安之机构 深圳聚百优科技有限公司等联合主办,邀请**顶级成功学大师陈安之团队前来为本地企业家讲和全国学员授成功学,解决企业发展中的一些实际问题。此次活动是陈安之领衔的顶级成功学大师的思想碰撞,极具价值的共振分享。高规格,大规模的盛会,让与会人员在交流中获得智慧,在互动中建立友谊,在分享中获得经验。这也将是一次行业领袖的盛会,是提升认识、解决问题的盛会,是发现商机、建立人脉的盛会.
上课时间:2013年8月24一26日开幕
会议地址:北京市亦庄开发区丰大国际酒店演讲主题:
《第七届超级成功演讲》
中国最具震撼力的讲师组合:
1成功学权威陈安之老师 主讲《超级NAC成功学》
2战略销售专家 潘俊贤 主讲《创造销售奇迹的秘诀》
3中国领**Φ谝蝗
作者: ioirvir 时间: 2013-7-31 23:13
路过顶一下。

作者: m1932 时间: 2013-8-1 10:14
这是非常不错的,支持一下了
作者: sougou12 时间: 2013-8-5 17:46
看不到啊啊啊啊啊
作者: 深蓝科技 时间: 2013-8-24 12:11
我是路过支持的
作者: wangzh 时间: 2013-8-25 11:07
谁有带网站联盟的购物商城源码呢我QQ327463916
作者: 15306330059 时间: 2013-9-7 11:20
支持一下,不错
作者: pangzixiong 时间: 2013-9-19 22:32
没什么没见到,就要付钱
作者: mistan 时间: 2014-1-19 21:45
感谢提供,回复一下,看看。
作者: mistan 时间: 2014-1-19 21:45
感谢提供,回复一下,看看。
作者: mistan 时间: 2014-1-19 21:46
感谢提供,回复一下,看看。
作者: zmz5738240 时间: 2014-10-26 12:51
很不错呀,来学习
作者: MR.肥猫 时间: 2015-3-9 13:44
我擦 又是部分代码的
作者: 1692708383 时间: 2015-7-31 00:52
谢谢楼主分享
作者: sukula 时间: 2015-11-19 10:23
这是非常不错的,支持一下了。
作者: 191613913 时间: 2016-6-3 09:35
这是非常不错的,支持一下了。
欢迎光临 搜虎精品社区 (https://souho.net/) |
Powered by Discuz! X3.2 |