1 如何添加左右侧漂浮
TOP: 28%;表示离顶部的距离,可以设置 LEFT: 1% 表示左侧漂浮距离,也可设置,如果想在右侧漂
浮,侧将 LEFT: 1%变成 RIGHT: 1% 就可以了。
<div>
<table cellspacing="0" cellpadding="0" width="153">
<tbody>
<tr>
<td>
<img alt=""
src="//img14.360buyimg.com/cms/g13/M03/07/0D/rBEhUAAFmx887.png"
width="110" height="392" />
</td>
</tr>
</tbody>
</table>
</div>
2 向上弹出横向导航店标
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dropline-水平三级横向弹出菜单</title>
<style type="text/css">
.userdiv1 {
width: 990px;
height: 150px;
background-color: #f8e6c0;
}
.userdiv2 {
width: 990px;
height: 120px;
background-color: #f8e6c0;
text-align: center;
}
.userdiv3 {
width: 990px;
height: 30px;
background-color: #f8e6c0;
}
.usermenu {
font-family: arial, sans-serif;
width: 990px;
height: 30px;
position: relative;
font-size: 11px;
background: #000;
position: relative;
}
.usermenu ul {
padding: 0;
list-style-type: none;
}
.usermenu ul li {
float: left;
border-left: 1px solid #eee;
width: 95px;
}
.usermenu ul li a, .usermenu ul li a:visited {
display: block;
float: left;
width: 90px;
text-decoration: none;
padding: 0 0 0 10px;
height: 30px;
line-height: 30px;
color: #FFF;
background: #000000 bottom right no-repeat;
}
.usermenu ul li ul {
display: none;
}
.usermenu ul li:hover a {
color: #fff;
background: #666666;
}
.usermenu ul li:hover ul {
display: block;
position: absolute;
width: 990px;
bottom: 30px;
left: 0;
background: #666666;
color: #fff;
}
.usermenu ul li:hover ul.right_side li {
float: right;
border: 0;
border-left: 1px solid #eee;
}
.usermenu ul li:hover ul.left_side li {
float: left;
border: 0;
border-left: 1px solid #eee;
}
.usermenu ul li:hover ul li a.userhide {
background: #bd8d5e bottom right no-repeat;
color: #fff;
}
.usermenu ul li:hover ul li:hover a.userhide {
background: #666666;
color: #fff;
}
.usermenu ul li:hover ul li ul {
display: none;
}
.usermenu ul li:hover ul li a {
display: block;
background: ##666666;
color: #fff;
}
.usermenu ul li:hover ul li a:hover {
background: #dfc184;
color: #000;
}
.usermenu ul li:hover ul li:hover ul {
display: block;
position: absolute;
left: 0;
bottom: 30px;
color: #000;
background: #dfc184;
}
.usermenu ul li:hover ul.right li {
float: right;
}
.usermenu ul li:hover ul li:hover a.userhide {
background: #dfc184;
color: #000;
}
.usermenu ul li:hover ul li:hover ul li a {
background: #dfc184;
color: #000;
}
.usermenu ul li:hover ul li:hover ul li a:hover {
background: #bd8d5e;
color: #fff;
}
</style>
</head>
<body>
<div class="userdiv1">
<div class="userdiv2"><img
src="//img14.360buyimg.com/cms/g13/M03/04/1A/rBEhVFKCOUkIAAAAAAEZu2Q_zAUAAF
Z7QLxlXgAARnT632.png"> </div>
<div class="userdiv3">
<div class="usermenu">
<ul>
<li><a class="userhide" href="http://mall.jd.com/index-48646.html" title="首页">首页
</a></li>
<li><a class="userhide"
href="http://huafuzhijia.jd.com/view_search-169116-0-5-1-24-1.html" title="所有宝贝">所有宝
贝</a>
<ul>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-52246-48646-0-5-0-0-0-1-24.html?isGlobal
Search=0" title="按销量">按销量</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-52246-48646-0-4-0-0-1-1-24.html?isGlobal
设计师交流 QQ 群:236247541
商家交流 QQ 群 1:273091225(已满) 群 2:303417512
京东众包市场 weike.jd.com(店铺定制装修&运营推广服务)
6 / 31
Search=0" title="按价格">按价格</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-52246-48646-0-3-0-0-0-1-24.html?isGlobal
Search=0" title="按好评">按好评</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-52246-48646-0-1-0-0-0-1-24.html?isGlobal
Search=0" title="按新品">按新品</a></li>
</ul>
</li>
<li><a class="userhide"
href="http://huafuzhijia.jd.com/view_search-169116-967177-1-0-20-1.html" title="时尚卧房系
列">时尚卧房系列</a>
<ul>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967178-1-0-20-1.html" title="简约现代板
式床">简约现代板式床</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967179-1-0-20-1.html" title="配套床头柜">
配套床头柜</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967180-1-0-20-1.html" title=" 品质床垫">
品质床垫</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967181-1-0-20-1.html" title=" 配套衣柜">
配套衣柜</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967182-1-0-20-1.html" title="配套妆台妆
凳">配套妆台妆凳</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-968751-1-0-20-1.html" title=" 斗柜"> 斗柜
</a></li>
</ul>
</li>
<li><a class="userhide"
href="http://huafuzhijia.jd.com/view_search-169116-967183-1-0-20-1.html" title="时尚客厅系
列">时尚客厅系列</a>
<ul>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967184-1-0-20-1.html" title=" 品质沙发">
品质沙发</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967185-1-0-20-1.html" title="客厅电视柜">
客厅电视柜</a></li>
设计师交流 QQ 群:236247541
商家交流 QQ 群 1:273091225(已满) 群 2:303417512
京东众包市场 weike.jd.com(店铺定制装修&运营推广服务)
7 / 31
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967206-1-0-20-1.html" title=" 间厅柜"> 间
厅柜</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967207-1-0-20-1.html" title=" 茶几"> 茶几
</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967208-1-0-20-1.html" title=" 鞋柜"> 鞋柜
</a></li>
</ul>
</li>
<li><a class="userhide"
href="http://huafuzhijia.jd.com/view_search-169116-967209-1-0-20-1.html" title="优雅餐厅系
列">优雅餐厅系列</a>
<ul>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967210-1-0-20-1.html" title=" 餐厅桌椅">
餐厅桌椅</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967211-1-0-20-1.html" title=" 餐边柜"> 餐
边柜</a></li>
</ul>
</li>
<li><a class="userhide"
href="http://huafuzhijia.jd.com/view_search-169116-967212-1-0-20-1.html" title="时尚书房系
列">时尚书房系列</a>
<ul>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967213-1-0-20-1.html" title=" 书柜"> 书柜
</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967214-1-0-20-1.html" title=" 电脑台/ 桌/
电脑椅">电脑台/桌/电脑椅</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967215-1-0-20-1.html" title=" 书报架"> 书
报架</a></li>
<li><a
href="http://huafuzhijia.jd.com/view_search-169116-967216-1-0-20-1.html" title=" 陈列柜"> 陈
列柜</a></li>
</ul>
</li>
<li><a class="userhide" href="http://huafuzhijia.jd.com/view_page-6146986.html"
title="物流说明">物流说明</a></li>
<li><a class="userhide" href="http://huafuzhijia.jd.com/view_page-6146989.html"
title="家具知识">家具知识</a></li>
<li><a class="userhide"
href="http://huafuzhijia.jd.com/view_introduction-169116.html" title=" 关于华府 "> 关于华府
</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
3 在线客服的链接
制作在线客服图片-链接地址为:
http://chat3.jd.com/index.action?from=orderDetail&shopId=22222&code=1 22222 修改成
自己的店铺 ID,店铺 ID 在后台的我店铺查看。
4 所有的图片加入链接后点击都只会链接到一个地址
很多习惯了淘宝的朋友在淘宝中切好图片上传后直接加入链接就可以了,但在京东装修过程中就不能上传
后直接加入链接,这样的话就会出现错误,可以将上传后的代码复制到 Dreanweaver 等软件里进行重新
编辑,DIV 或 TABLE 进行布局均可。如果想更加简单,那么直接在图片源文件地址加入:<a>图片源文
件地址</a>这样,再点击图片加入链接。
5 如何在每个商品的关联里显示 990 的宽屏展示
关联销量至关重要,比首页装修好坏重要太多了,在后台商品管理-关联版式设置里进入关联内容的装修的
话,会有限制宽度为 750PX。那么怎么像其它店铺为 990 的宽屏显示呢
方法:我们只需先在 JSHOP 里添加一个活动页面,进行 990 通栏的内容放置编辑,然后将这些代码复制
到关联版式就可以了。这样不仅会让您的关联内容更加丰富,同时转化率也会有相应的提高。
6 如何在点击导航时跳转到页面的某一个位置
很多朋友可能在做活动页面时会放入较多的产品内容,如果让顾客一直往下拉看会比较麻烦。如何制作一
个导航点击后直接就到了页面相应的内容位置呢?(如点击女装到女装内容区)
第一步:在相应的内容头部加入锚点代码(如女装内容区上面的导航代码里)
<a name="woman "></a>
第二步:加入位置的跳转链接:活动页面地址#woman ,同时目标要设置为 parent,如:
<a target="_parent">