搜虎精品社区

标题: shopnc系统高仿天猫上半部分代码 [打印本页]

---

作者: xiongli19    时间: 2013-6-13 15:40
标题: shopnc系统高仿天猫上半部分代码
我将我的首页模板分享给大家，觉得可以的就下，觉得不行的就绕道而行。


下载后可以直接覆盖原文件，覆盖前请先备份你的模板文件，现CSS头部文件已经重命名 头部文件已经重命名，框架文件名没有改
(46.14 KB, 下载次数: 682) 2012-4-18 04:18 上传
点击文件名下载附件





模板说明：
需要仿天猫左边导航的的颜色
在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;
• }

复制代码
为

templates.rar

2013-6-13 15:38 上传

点击文件名下载附件

46.14 KB, 阅读权限: 1, 下载次数: 13

售价: 1 点贡献值  [记录]

---

作者: xiongzhengli    时间: 2013-6-14 09:27
看下怎么样 应该不错

---

作者: wangjie    时间: 2013-6-14 13:54
留个板凳坐下！

---

作者: jxxyckoo    时间: 2013-6-15 15:38
太好了，谢谢

---

作者: celzpnx    时间: 2013-6-16 12:24
天王盖地虎。

---

作者: tmaczhang    时间: 2013-6-20 15:53
看样子不错，值得顶下

---

作者: tmaczhang    时间: 2013-6-20 15:53
值得顶下值得顶下值得顶下值得顶下值得顶下值得顶下值得顶下值得顶下

---

作者: qanze    时间: 2013-7-3 20:29
看看如何 我试试

---

作者: qanze    时间: 2013-7-3 21:03
错位  毛用没有  有心的话 把演示网站整体模板共享出来呗！

---

作者: sorry    时间: 2013-7-6 20:11
错位  毛用没有  有心的话 把演示网站整体模板共享出来呗！

---

作者: dingwenhua    时间: 2013-7-7 22:29
很不错，支持一下。。。

---

作者: cx152632    时间: 2013-7-10 10:08

一、学院简介

南昌理工学院是经国家教育部批准设置的一所全日制普通**院校，属于国家普通二类**，学院位于英雄城南昌，共有三个校区（南昌、共青、樟树），五个校园。共青校区位于共青城火车站对面，占地2300多亩，校园环境优美，教育**完善配套。     ]

学院各类图书资料251.3万余册，各种教育资产总计达16个多亿；教职工1800人，具有高级职称的教师800余人，有9名享受国务院特殊津贴，院级**中有两位省政协**，三位原省重点大学校长、书记，三位年青的博士。学

---

作者: bmwgtr    时间: 2013-7-21 17:06
这个弄得不错  支持下~~

---

作者: exert    时间: 2013-7-23 23:22
我的好好看看，先回复在看

---

作者: dingwenhua    时间: 2013-7-26 21:33
太好了，谢谢 嘿嘿

---

作者: stzomha    时间: 2013-7-28 07:23
我爱回帖我骄傲。

---

作者: stzomha    时间: 2013-7-28 07:25
不顶不舒服斯基。

---

作者: dqfwnyp    时间: 2013-8-17 11:04
路过狂顶之。

---

作者: hbc823    时间: 2013-8-19 01:51
搜虎精品社区自建站开始就保持着免费分享资源，高质量沟通经验的宗旨。在短短8个多月的时间时间，注册会员就已经突破两万大关。为了让更多的朋友分享到我们的精品资源，搜虎精品社区特举办本次推广论坛获高额积分活动。旨在让更多朋友获悉搜虎精品社区，分享精品资源!

---

作者: 深蓝科技    时间: 2013-8-24 12:11
我是路过支持的

---

作者: 15306330059    时间: 2013-9-7 11:13
支持一下,不错

---

作者: pangzixiong    时间: 2013-9-19 22:33
留个板凳坐下！

---

作者: mysouhoid    时间: 2013-10-28 16:25
看起来不错，支持一下

---

作者: vihon    时间: 2013-12-13 17:58
看看什么效果~~~~~~~~~

---

作者: mistan    时间: 2014-1-19 21:47
感谢提供，回复一下，看看。

---

作者: mistan    时间: 2014-1-19 21:47
感谢提供，回复一下，看看。

---

作者: csok8    时间: 2014-12-9 10:12
貌似不错误

---

作者: 3301907840    时间: 2015-7-8 17:22

我来看看，我想找企业网站模板

---

欢迎光临 搜虎精品社区 (https://souho.net/)

Powered by Discuz! X3.2