阿里巴巴店铺装修强制图片、热点全屏代码

酷软资源网 2017-10-09 08:53 0
最近在做阿里巴巴店铺装修的工作,正常的工作流程是先在ps里面设计出店铺的设计图然在用切片工具切成一块一块的然后在用代码套到模块里面去。

最近在做阿里巴巴店铺装修的工作,正常的工作流程是先在ps里面设计出店铺的设计图然在用切片工具切成一块一块的然后在用代码套到模块里面去。

但是阿里巴巴的店铺是不同于淘宝店铺的一些在淘宝上可以用到的代码然而在阿里巴巴上是达不到效果的,就比如说是全屏图片,阿里巴巴的模块是限制952px的所以不能显示全屏,通常都是把中间部分切出来两边的部分是用作背景,这样可以也是解决问题的。

笔者给大家一段代码这个代码是可以突破阿里巴巴店铺限只能显示952px

<div class="krnet" data-time="1500624062" style="margin-top:-8px;">
	<div class="user_EB" style="height:477px;width:952px;margin:0 auto;">
		<div class="rel990" style="height:477px;width:952px;position:absolute;z-index:0;top:auto;left:auto;">
			<p href="" target="_blank" class="abs1920" style="width:1920px;height:477px;position:absolute;display:block;left:50%;margin-left:-960px;top:0px;">
			
				<img src="https://cbu01.alicdn.com/img/ibank/2017/986/216/5004612689_2134391805.jpg"/>
			
			</p>
		</div>
	</div>
</div>

先将代码复制到你常用的文本编辑器上然后把“<”替换为转义字符“&lt;” , “>”替换为转义字符“&gt;”

如下图所示:

阿里巴巴店铺装修强制图片全屏代码

就是这种乱七八糟的看着头疼的代码,然后复制到阿里巴巴店铺装修的自定义内容模块中

如下图所示:

阿里巴巴店铺装修强制图片全屏代码

然后根据实际情况修改下代码中的高度外边距距离。

阿里巴巴店铺装修强制图片全屏代码

GIF动画教程仅供参考。

装修代码 店铺装修 阿里巴巴
相关文章
评论留言