淘宝基础版店铺实现950海报

 photo 3_zpsee6kz938.png

今天花了两三个小时,把店铺门面装修了一下,自己感觉还好,当然和要付费的不能比,毕竟人家是专业的。虽然还有很多不足,还是觉得有点成就感,所以就把过程写出来,给有需要的朋友借鉴一下。

有钱人请无视,穷人看过来,哈哈!

主要是讲950宽度海报,1920全屏的也可以实现,我个人不喜欢全屏风格,就没弄,需要的可以自己搜,教程很多。首先自然是去网上各种找图片,找到感觉适合自己的,这个也是颇花时间的。

因为基础版是免费的,所以功能也有诸多限制,版面都是190-750的。开始我先裁剪了一张950*300的图片,传入空间,再进入装修页面,添加一个750的自定义区,再同排添加一个190的自定义区,给190的加上占位代码,再给750的加上950显示代码,结果就是190的部分被遮住了,无法全部显示。然后把左边190的模块全部删除了,这回是可以显示了,可是左边的模块无法安放,一放就又遮住了。

反复试过几次,都是一样,都有点想放弃了,最终还是找到了正确的方法:
在页面布局里先单独添加一个190-750布局,然后在这个布局右侧添加一个750自定义模块,单击顶部“页面编辑”,然后直接在这个750自定义模块黏贴代码即可。生成图片之后,试着拖动了一下,可以上下拖动,而左边也可以随意添加模块,大功告成。代码如下(中间的图片链接地址要修改成自己的):

<div style=”height:300px;width:950px;”>
<div class=”footer-more- trigger” style=”width:950px;height:300px;left:auto;top:auto;margin:0;padding:0;border:0;”>
<div class=”footer-more-trigger” style=”top:auto;left:-200px;margin:0;padding:0;border:0;”>
<a href=”#” target=”_blank”><img src=”//gdp.alicdn.com/imgextra/i2/10662484/TB2Iepism0jpuFjy0FlXXc0bpXa_!!10662484.jpg” alt=” 20130726201702671.jpg” /></a>
</div>
</div>
</div>

 

第二个装修的是店招,这个非常简单,制作一张950*120的图片,上传到空间,点击编辑选择图片就好。

还有就是店招下面的导航栏,可以通过点击右边的编辑通过代码修改颜色来实现,本来我也是做了好多功课,可是到后来搜索到了一个在线生成代码的网站,直接就在上面设置好了,得到代码,复制进去就搞定了。

最后一项是各模块的上方颜色,因为也想改成和导航栏一致的,可惜一直找不到方法,代码又不大懂,最后在装修左边看到有五种色可以选择,就选了个较为接近的绿色,暂时先用着。