我在淘宝上卖东西 这么往商品上添加图片 增加宣传力度 请高手请教!~
怎样设计自己的店铺?
- 提问者网友:两耳就是菩提
- 2021-07-24 03:57
- 五星知识达人网友:思契十里
- 2021-07-24 05:23
代码如下:
<style type="text/css">
body{background:url("背景图片地址");}
#pathLink {display:none;}
#shopBanner{border:none;}
#container{position:relative;width:950px;background:#ffe3ef;margin:0 auto;padding:0;}
#shophd{margin-top:-40px;}
#shophd .shoptitle {margin-top:152px;z-index:88;}
#shophd,#shophd .navbar,#shophd #shopinfo .shoptitle,#shophd #shopinfo .userinfo,#shophd #shopinfo #shopnotice {background:transparent}
#shophd .shoptitle .shoplogo{display:none;}
#shophd #shopinfo .userinfo{top:40px;left:4px;height:180px;width:184px;padding:8px;border:1px solid #FFB8D2;background:#ffffff;}
#shophd .notice {position:absolute;left:4px;top:248px;width:202px;height:210px;background:none;}
#shophd .notice h2 {height:30px;margin:0;color:#ed4580;font-size:12px;text-align:left;padding-left:5px;background:#fedae4 url();border-left:solid 1px #ffb8d2;border-top:solid 1px #ffb8d2;border-right:solid 1px #ffb8d2;}
#shophd .notice .content {width:184px;height:161px;border:1px solid #FFB8D2;text-align:center;margin:0;padding:8px;background:#ffffff;}
#shophd .notice .content #bbs_marquee {height:161px;}
#shopZone{position:absolute;left:214px;top:129px;width:734px;height:498px;background:#fff;z-index:88;border:1px solid #FFB8D2;overflow:hidden;}
#recommend {background:#fff;position:relative;margin:302px 0px 0px 214px;width:736px;overflow:hidden;}
#recommend h2{border:solid 1px #e57998;padding-left:25px;letter-spacing:0em;color:#fff;text-align:left;background:#fca3bc}
#shophd .navbar {height:32px;border-bottom:solid 1px #ffa1c3;margin:0px;overflow:hidden;}
#shophd .navbar li a{border:solid 1px #ffa1c3;border-bottom:none;height:18px;line-height:18px;background:#ffffff;margin-top:13px;}
#shophd .navbar li a:hover{color:#333;border:solid 1px #ffa1c3;border-bottom:none;height:18px;line-height:18px;text-decoration:none;background:#ffb8d1;margin-top:13px;}
#shophd .navbar li a span{height:18px;line-height:18px;background:none;margin-top:0px;}
#shophd .navbar li a:hover span{line-height:18px;height:18px;background:none;margin-top:0px;}
#shophd .navbar li.home a,#shophd .navbar li.home a:hover{color:#6a3906;height:24px;line-height:24px;border:solid 1px #ffa1c3;border-bottom:none;background:#ffe3ef;margin:7px 0px 0px 5px;}
#shophd .navbar li.home a span,#shophd .navbar li.home a:hover span{color:#6a3906;height:24px;line-height:24px;background:none;}
#shopMain{width:950px;border:none;padding:0;margin-top:-341px;}
#shopLeft {width:202px;margin-left:4px;display:inline;}
#shopLeft .sidepanel h3 {color:#ed4580;font-size:12px;text-align:left;padding-left:5px;background:#fedae4 url();border-left:solid 1px #ffb8d2;border-top:solid 1px #ffb8d2;border-right:solid 1px #ffb8d2;}
#shopLeft .sidepanel .sidecontent {border:solid 1px #ffb8d2;background:#fff6f9}
#jackaroo_help {display:none;}
#shopSide {width:736px; background:#ffffff;float:right;margin:350px 0px 0px 0px;}
#shopSide .navbar #commdityTab5,#shopSide .navbar #commdityTab2{display:none}
#shopSide .navbar{border:solid 1px #e57998;width:734px;height:32px;background:#fca3bc}
#shopSide .navbar #commdityTab1 a,#shopSide .navbar #commdityTab1 a span{background:none}
#shopSide .panelbox ul li .goodslink{border:solid 1px #eeeeee;background:#fff}
#shopMain .page,#shopMain .panelbox ul{background:none}
#shopMain #shopSide .panelbox,#shopMain #shopSide .page,#shopMain #shopSide .panelbox ul{width:736px;margin:0 auto;}
.leaveword{width:736px;}
.leavewordhead{background:none;}
.leavewordhead h2{width:709px;border:solid 1px #e57998;background:#fca3bc;text-align:left;padding-left:25px;}
.formleavemsg .input textarea {background:url( http://bbsimg.paipai.com/2009/07/27/000/7.gif);}
#foot {border-top:1px solid #FFB8D2;margin-top:10px;}
</style>
<img src="顶部图片地址,图片大小950×120,请使用QQ相册或拍拍社区里的图片">
代码使用方法:
①参照代码里的说明把图片换成你的,一张是顶部图片,一张是背景图片。
②登陆拍拍——店铺管理——风格选择——粉色回忆——确定
③登陆拍拍——店铺管理——美观设置——自定义店铺通栏广告内容——编辑源文件——把代码复制进去(如果你很强悍,可以手动输入)——确定提交
附:如果不需要背景图片,请将
body{background:url("背景图片地址");}
改成:
body{background:你的颜色代码;}
颜色代码可以在网络中获得
例如背景白色:
body{background:#ffffff;}
背景黑色:
body{background:#000000;}
促销区请自行编辑,方法:
登陆拍拍——店铺管理——美观设置——自定义店铺活动区域内容——编辑源文件——放入你想要在促销区展示的东西,例如你的宝贝图片和说明。
关于促销区的编辑方法请自行在拍拍论坛找。
如果不要促销区边框,请把代码:
#shopZone{position:absolute;left:214px;top:129px;width:734px;height:498px;background:#fff;z-index:88;border:1px solid #FFB8D2;overflow:hidden;}
改成:
#shopZone{position:absolute;left:214px;top:129px;width:736px;height:500px;background:#fff;z-index:88;border:none;overflow:hidden;}
在有边框的情况下,促销区的宽是734像数,高是498像数。
在无边框的情况下,促销区的宽是736像数,高是500像数。
放置促销的内容尽量不要超过这个高度,当然,即使超过也不会影响店铺整体美观,超过的部份会自动隐藏。
- 1楼网友:夜余生
- 2021-07-24 07:33
你要是不嫌麻烦的话!
我这里有教程!
可以发给你!
- 2楼网友:一叶十三刺
- 2021-07-24 06:40
你好很高兴为您解答
设置自己的商品独特的名称 把图片写上自己的店铺地址 跟广告宣传语
希望我的回答您会满意 请采纳满意答案 替我加分 谢谢
- 3楼网友:傲气稳了全场
- 2021-07-24 05:35