分享一个淘宝店铺基础版全屏店招和背景错位的解决方法

[ 淘宝设计   // 2015-12-22 15:08:43  ]
 

 大家是不是一直困扰这个问题,为什么别人家的C店基础版的(就是没有花50块钱一个月买专业版的店铺)店铺的店招可以宽屏,也就是全屏的,设计得也很漂亮,而不是用系统的那种丑得要死的导航店招,那么要怎么实现呢,现在分享一个淘宝店铺基础版全屏店招和背景错位的解决方法,代码已更新,宝贝详情页面店招也是可以全屏的喔!绝对不是以前的代码,以前的代码是可以全屏但宝贝详情页面店招是不可以全屏的,免费软件之家站长已亲测有用····

分享一个淘宝店铺基础版全屏店招和背景错位的解决方法

第一步:先做一张950*120的店招海报图片,在做一张1920*150的店招图片(用来做背景用,等会就会用到),分别上传到自己的图片空间(为什么要上传到自己的图片空间?在这里我就不多说了,做淘宝的都懂)

第二步:把下面店招代码里的图片地址换成刚才你上传到图片空间的,注意是950*120的那张图片,改好之后在把代码复制粘贴到店铺装修中心的店招自定义区域内

下面是店招代码:

<div style="position:relative;z-index:10;">
<div style="height:120px;overflow:hidden;color:#000;font-family:arial;background:url(https://img.alicdn.com/imgextra/i1/700290962/TB2_EyqdVXXXXXsXpXXXXXXXXXX_!!700290962.jpg) no-repeat center center;">
&nbsp;
</div>
<a name="sgmb"></a>
</div>

第三步:也是比较重要的一步了:把下面的代码放进店铺装修中心里面的导航显示里面(不是店招里面喔 !是店招下面的导航-显示里面 千万不要放错地方了!)

div.skin-box-bd{position:relative;top:-150px;left:-500px;width:1920px;height:30px;padding-top:120px;line-height:100px;background:#FFFFFF url(https://img.alicdn.com/imgextra/i3/700290962/TB2.tEnhXXXXXanXXXXXXXXXXXX_!!700290962.jpg);padding-left:500px;}body{background-image:url(https://img.alicdn.com/imgextra/i2/700290962/TB2YfgPgXXXXXbSXXXXXXXXXXXX_!!700290962.jpg);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

做好上面三步发布之后,神奇的事情发生了!是不是发现你的店招已经全屏了呢?在打开宝贝详情页面店招也全屏了呢!

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦