怎么制作淘宝图片代码

一个比较简单的制作代码的方法:

首先利用PS软件制作好自己所需要的的样子,登陆你的淘宝

进入空间,把制作好的上传进空间,把鼠标指向你制作好的,点击下面的那个链接就可以了

<div class="logo" style="background-color:rgb(255,128,128);">
<div style="text-align:center; （这个是设置这个标签内的内容居中）
margin-top:15px;"（这个是设置上外边距为15个像素）>
<a href="xxxx"> （这里没有出现结束标签</a>）
<img src="XXXXXXXXXX-810091480png" />
如果你是想让这张变成链接，那么结束标签</a>应该写在这里
</div>
<div style="text-align:right;(这个是设置这个标签内的内容居右显示)
margin-top:15px;">
<a href="xxxxid=116504864&itemtype=0&is_tmall=&is_alitrip=">
<img src="XXXXXXXXXXXX_!!810091480png" />
</div>
</div>
<div class="logo" style="background-color:rgb(255,128,128);">
<div style="text-align:center;margin-top:15px;">
<a href="xxxx">
<img src="XXXXXXXXXX-810091480png" />
</a>
</div>
<div style="text-align:right;margin-top:15px;">
<a href="xxxxid=116504864&itemtype=0&is_tmall=&is_alitrip=">
<img src="XXXXXXXXXXXX_!!810091480png" />
</a>
</div>
</div>
边距和显示方式自己设置，或者让他们俩浮动

看你把全屏代码放在右侧模块里，是不是基础版旺铺？
基础版旺铺因为没有通栏，所以只能将代码放在右侧栏，全屏代码可以使自身突破包含它的自定义模块，但对其他模块的位置不会产生影响，原来模块在什么位置还是在什么位置。
所以需要你在左侧栏的对应位置也要添加一个自定义模块，这个模块用来占位，里面放一个高度与右侧全屏代码高度一样的空容器即可，注意，这个模块的位置要调整到与右侧模块相对应的位置，即在同一水平位置上。
经过如上的 *** 作，左侧栏的其他模块应该被撑开了，但是这个占位的自定义模块仍旧显示在全屏的前面，那么，下一步就是要让全屏显示在前面，去盖住这个占位的自定义模块。那么就在<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%是以父容器宽度来计算的，所以第一次偏移了75050%=375，加上左侧栏的190px和10px间距，是575，而通栏宽度是950（左侧栏190+间距10+右侧栏750），也就是说475才是中间点。所以第一次偏移50%以后，全屏的左边对应的位置是中间偏右100px的位置。那么第二次向左偏移时就应该算上这100px，应该是1920/2+100=1060。所以这个 left:-960px 应该改成 left:-1060px。不知道这样子你能不能理解，画了张简单的说明图，希望能看得明白。
如果不能理解，可以继续追问。

1920px 全屏海报：（宽度1920px，高度随便自己调，同时修改两处500px即可）
<div style="height:500px;">
<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:500px;display:block;">
<img src="链接" border="0" alt="全屏海报" /></a></div>
</div>
</div>
</div>
1680px 全屏海报：（宽度1680px，高度随便自己调，同时修改两处500px即可）
<div style="height:500px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-840px;top:auto;border:none;padding:0;">
<a href="#" target="_blank" style="width:1680px;height:500px;display:block;">
<img src="链接" border="0" alt="全屏海报" /></a></div>
</div>
</div>
</div>
1440px 全屏海报：（宽度1440px，高度随便自己调，同时修改两处500px即可）
<div style="height:500px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-720px;top:auto;border:none;padding:0;">
<a href="#" target="_blank" style="width:1440px;height:500px;display:block;">
<img src="链接" border="0" alt="全屏海报" /></a></div>
</div>
</div>
</div>

各种尺寸的全屏代码 淘宝/天猫都可以使用 注意要修改 <div style="height:500px;"> 中的高度值“500px” 你高度多少就设置多少（经验之谈 如果你高度是600 你最高写590，如果你高度是500 你写490，要比实际的少10px 这个个人总结得出 不然会出现白边）

---