怎样设计自己的店铺?

发布网友发布时间：2022-04-23 23:34

共1个回答

热心网友时间：2023-10-13 20:05

代码如下： <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像数。放置促销的内容尽量不要超过这个高度，当然，即使超过也不会影响店铺整体美观，超过的部份会自动隐藏。