海报代码制作-全屏海报代码生成器 我在MD上弄好淘宝全屏的背景950图片 怎么弄代码 这个是什么软件标志呢
网站的‘全屏海报代码’怎么写?

<div style="height:550px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<a href="图片链接" target="_blank" style="width:1920px;height:550px;display:block;">
<img src="图片地址" border="0" alt="全屏海报" /></a>
</div>
</div>
</div>
全屏海报代码生成器 我在MD上弄好淘宝全屏的背景950图片 怎么弄代码 这个是什么软件标志呢

有一个叫阿灰猿的淘大讲师,他自己做的一个插件比这个还好,不过花钱的,你搜一下吧
求淘宝全屏海报DW代码,以下是我的代码和做出来的效果,左边留白,然后左侧模块为什么覆盖在图片上

看你把全屏代码放在右侧模块里,是不是基础版旺铺?
基础版旺铺因为没有通栏,所以只能将代码放在右侧栏,全屏代码可以使自身突破包含它的自定义模块,但对其他模块的位置不会产生影响,原来模块在什么位置还是在什么位置。
所以需要你在左侧栏的对应位置也要添加一个自定义模块,这个模块用来占位,里面放一个高度与右侧全屏代码高度一样的空容器即可,注意,这个模块的位置要调整到与右侧模块相对应的位置,即在同一水平位置上。
经过如上的操作,左侧栏的其他模块应该被撑开了,但是这个占位的自定义模块仍旧显示在全屏图片的前面,那么,下一步就是要让全屏图片显示在前面,去盖住这个占位的自定义模块。那么就在<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;">这行代码里的style里添加一个z-index属性,属性值这里设9应该足够了。添加以后应该是这样:<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;z-index:9;">。这样全屏图片就显示在前面了,盖住占位的自定义模块。
另外还要说一下这个left:-960px,你全屏代码放在右侧栏就不是-960了。第一次向右偏移50%,这个50%是以父容器宽度来计算的,所以第一次偏移了750*50%=375,加上左侧栏的190px和10px间距,是575,而通栏宽度是950(左侧栏190+间距10+右侧栏750),也就是说475才是中间点。所以第一次偏移50%以后,全屏图片的左边对应的位置是中间偏右100px的位置。那么第二次向左偏移时就应该算上这100px,应该是1920/2+100=1060。所以这个 left:-960px 应该改成 left:-1060px。不知道这样子你能不能理解,画了张简单的说明图,希望能看得明白。
如果不能理解,可以继续追问。
-
果盘绘画图片大全简单创作方法快速制作技巧2024-01-02 16:57:54
-
小年插画图片创作方法快速制作技巧2024-01-02 16:57:20
-
小年绘画作品制作技巧2024-01-02 16:55:45
-
小年插画图片创作方法快速制作技巧2024-01-02 16:55:02
-
立春插画图片如何制作2024-01-02 16:54:19
-
立春插画图片创作方法快速制作技巧2024-01-02 16:53:32






扫描二维码添加客服微信
扫描二维码关注